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

package/dist/color-mode/ColorModeTool.cjs

@@ -1,32 +0,0 @@
-'use strict';
-
-var c = require('react');
-var components = require('@storybook/components');
-var managerApi = require('@storybook/manager-api');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
-}
-
-var c__namespace = /*#__PURE__*/_interopNamespace(c);
-
-var t="@saas-ui/storybook-addon2",a={TOGGLE_COLOR_MODE:`${t}/toggleColorMode`,TOGGLE_DIRECTION:`${t}/toggleDirection`,SET_THEME:`${t}/setTheme`};var p=()=>jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",focusable:"false",children:jsxRuntime.jsx("path",{fill:"currentColor",d:"M21.4,13.7C20.6,13.9,19.8,14,19,14c-5,0-9-4-9-9c0-0.8,0.1-1.6,0.3-2.4c0.1-0.3,0-0.7-0.3-1 c-0.3-0.3-0.6-0.4-1-0.3C4.3,2.7,1,7.1,1,12c0,6.1,4.9,11,11,11c4.9,0,9.3-3.3,10.6-8.1c0.1-0.3,0-0.7-0.3-1 C22.1,13.7,21.7,13.6,21.4,13.7z"})}),i=()=>jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",focusable:"false",children:jsxRuntime.jsxs("g",{strokeLinejoin:"round",strokeLinecap:"round",strokeWidth:"2",fill:"none",stroke:"currentColor",children:[jsxRuntime.jsx("circle",{cx:"12",cy:"12",r:"5"}),jsxRuntime.jsx("path",{d:"M12 1v2"}),jsxRuntime.jsx("path",{d:"M12 21v2"}),jsxRuntime.jsx("path",{d:"M4.22 4.22l1.42 1.42"}),jsxRuntime.jsx("path",{d:"M18.36 18.36l1.42 1.42"}),jsxRuntime.jsx("path",{d:"M1 12h2"}),jsxRuntime.jsx("path",{d:"M21 12h2"}),jsxRuntime.jsx("path",{d:"M4.22 19.78l1.42-1.42"}),jsxRuntime.jsx("path",{d:"M18.36 5.64l1.42-1.42"})]})}),k=()=>{let r=localStorage.getItem("chakra-ui-color-mode")==="dark",[e,n]=c__namespace.useState(r),l=managerApi.addons.getChannel();return jsxRuntime.jsx(components.IconButton,{title:`Set color mode to ${e?"light":"dark"}`,active:e,onClick:()=>{l.emit(a.TOGGLE_COLOR_MODE,e?"light":"dark"),n(s=>!s);},children:e?jsxRuntime.jsx(i,{}):jsxRuntime.jsx(p,{})})};
-
-exports.ColorModeTool = k;
-//# sourceMappingURL=ColorModeTool.cjs.map
-//# sourceMappingURL=ColorModeTool.cjs.map

package/dist/color-mode/ColorModeTool.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/constants.ts","../../src/color-mode/ColorModeTool.tsx"],"names":["ADDON_ID","EVENTS","MoonIcon","jsx","SunIcon","jsxs","ColorModeTool","isDarkMode","darkMode","setDarkMode","c","channel","addons","IconButton","prev"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAAaA,CAAW,CAAA,2BAAA,CAKXC,CAAAA,CAAS,CACpB,iBAAmB,CAAA,CAAA,EAAGD,CAAQ,CAC9B,gBAAA,CAAA,CAAA,gBAAA,CAAkB,GAAGA,CAAQ,CAAA,gBAAA,CAAA,CAC7B,UAAW,CAAGA,EAAAA,CAAQ,WACxB,ECHA,IAAME,CAAW,CAAA,IACfC,eAAC,KAAI,CAAA,CAAA,OAAA,CAAQ,YAAY,SAAU,CAAA,OAAA,CACjC,SAAAA,cAAC,CAAA,MAAA,CAAA,CACC,KAAK,cACL,CAAA,CAAA,CAAE,qOACH,CACH,CAAA,CAAA,CAGIC,EAAU,IACdD,cAAAA,CAAC,OAAI,OAAQ,CAAA,WAAA,CAAY,SAAU,CAAA,OAAA,CACjC,QAAAE,CAAAA,eAAAA,CAAC,KACC,cAAe,CAAA,OAAA,CACf,cAAc,OACd,CAAA,WAAA,CAAY,IACZ,IAAK,CAAA,MAAA,CACL,OAAO,cAEP,CAAA,QAAA,CAAA,CAAAF,eAAC,QAAO,CAAA,CAAA,EAAA,CAAG,KAAK,EAAG,CAAA,IAAA,CAAK,EAAE,GAAI,CAAA,CAAA,CAC9BA,cAAC,CAAA,MAAA,CAAA,CAAK,CAAE,CAAA,SAAA,CAAU,EAClBA,cAAC,CAAA,MAAA,CAAA,CAAK,EAAE,UAAW,CAAA,CAAA,CACnBA,eAAC,MAAK,CAAA,CAAA,CAAA,CAAE,uBAAuB,CAC/BA,CAAAA,cAAAA,CAAC,QAAK,CAAE,CAAA,wBAAA,CAAyB,EACjCA,cAAC,CAAA,MAAA,CAAA,CAAK,EAAE,SAAU,CAAA,CAAA,CAClBA,cAAC,CAAA,MAAA,CAAA,CAAK,CAAE,CAAA,UAAA,CAAW,EACnBA,cAAC,CAAA,MAAA,CAAA,CAAK,EAAE,uBAAwB,CAAA,CAAA,CAChCA,eAAC,MAAK,CAAA,CAAA,CAAA,CAAE,wBAAwB,CAClC,CAAA,CAAA,CAAA,CACF,EAGWG,CAAgB,CAAA,IAAM,CACjC,IAAMC,CAAAA,CAAa,aAAa,OAAQ,CAAA,sBAAsB,CAAM,GAAA,MAAA,CAE9D,CAACC,CAAAA,CAAUC,CAAW,CAAU,CAAAC,YAAA,CAAA,QAAA,CAASH,CAAU,CAEnDI,CAAAA,CAAAA,CAAUC,kBAAO,UAAW,EAAA,CAOlC,OACET,cAACU,CAAAA,qBAAAA,CAAA,CACC,KAAO,CAAA,CAAA,kBAAA,EAAqBL,EAAW,OAAU,CAAA,MAAM,GACvD,MAAQA,CAAAA,CAAAA,CACR,OATiB,CAAA,IAAM,CACzBG,CAAAA,CAAQ,KAAKV,CAAO,CAAA,iBAAA,CAAoBO,EAAoB,OAAT,CAAA,MAAgB,EACnEC,CAAaK,CAAAA,CAAAA,EAAS,CAACA,CAAI,EAC7B,EAQK,QAAAN,CAAAA,CAAAA,CAAWL,eAACC,CAAA,CAAA,EAAQ,EAAKD,cAACD,CAAAA,CAAAA,CAAA,EAAS,CAAA,CACtC,CAEJ","file":"ColorModeTool.cjs","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 * as React from 'react'\nimport { IconButton } from '@storybook/components'\nimport { addons } from '@storybook/manager-api'\n\nimport { EVENTS } from '../constants'\n\nconst MoonIcon = () => (\n  <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n    <path\n      fill=\"currentColor\"\n      d=\"M21.4,13.7C20.6,13.9,19.8,14,19,14c-5,0-9-4-9-9c0-0.8,0.1-1.6,0.3-2.4c0.1-0.3,0-0.7-0.3-1 c-0.3-0.3-0.6-0.4-1-0.3C4.3,2.7,1,7.1,1,12c0,6.1,4.9,11,11,11c4.9,0,9.3-3.3,10.6-8.1c0.1-0.3,0-0.7-0.3-1 C22.1,13.7,21.7,13.6,21.4,13.7z\"\n    ></path>\n  </svg>\n)\n\nconst SunIcon = () => (\n  <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n    <g\n      strokeLinejoin=\"round\"\n      strokeLinecap=\"round\"\n      strokeWidth=\"2\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"5\"></circle>\n      <path d=\"M12 1v2\"></path>\n      <path d=\"M12 21v2\"></path>\n      <path d=\"M4.22 4.22l1.42 1.42\"></path>\n      <path d=\"M18.36 18.36l1.42 1.42\"></path>\n      <path d=\"M1 12h2\"></path>\n      <path d=\"M21 12h2\"></path>\n      <path d=\"M4.22 19.78l1.42-1.42\"></path>\n      <path d=\"M18.36 5.64l1.42-1.42\"></path>\n    </g>\n  </svg>\n)\n\nexport const ColorModeTool = () => {\n  const isDarkMode = localStorage.getItem('chakra-ui-color-mode') === 'dark'\n\n  const [darkMode, setDarkMode] = React.useState(isDarkMode)\n\n  const channel = addons.getChannel()\n\n  const handleToggle = () => {\n    channel.emit(EVENTS.TOGGLE_COLOR_MODE, !darkMode ? 'dark' : 'light')\n    setDarkMode((prev) => !prev)\n  }\n\n  return (\n    <IconButton\n      title={`Set color mode to ${darkMode ? 'light' : 'dark'}`}\n      active={darkMode}\n      onClick={handleToggle}\n    >\n      {darkMode ? <SunIcon /> : <MoonIcon />}\n    </IconButton>\n  )\n}\n"]}

package/dist/color-mode/ColorModeTool.d.cts

@@ -1,5 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const ColorModeTool: () => react_jsx_runtime.JSX.Element;
-
-export { ColorModeTool };

package/dist/constants.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var o="@saas-ui/storybook-addon2",t=`${o}/color-mode-tool`,O=`${o}/direction-tool`,e=`${o}/theme-tool`,E={TOGGLE_COLOR_MODE:`${o}/toggleColorMode`,TOGGLE_DIRECTION:`${o}/toggleDirection`,SET_THEME:`${o}/setTheme`};
-
-exports.ADDON_ID = o;
-exports.COLOR_MODE_TOOL_ID = t;
-exports.DIRECTION_TOOL_ID = O;
-exports.EVENTS = E;
-exports.THEME_TOOL_ID = e;
-//# sourceMappingURL=constants.cjs.map
-//# sourceMappingURL=constants.cjs.map

package/dist/constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/constants.ts"],"names":["ADDON_ID","COLOR_MODE_TOOL_ID","DIRECTION_TOOL_ID","THEME_TOOL_ID","EVENTS"],"mappings":";;AAAaA,IAAAA,CAAAA,CAAW,2BACXC,CAAAA,CAAAA,CAAqB,CAAGD,EAAAA,CAAQ,CAChCE,gBAAAA,CAAAA,CAAAA,CAAAA,CAAoB,CAAGF,EAAAA,CAAQ,CAC/BG,eAAAA,CAAAA,CAAAA,CAAAA,CAAgB,CAAGH,EAAAA,CAAQ,CAE3BI,WAAAA,CAAAA,CAAAA,CAAAA,CAAS,CACpB,iBAAA,CAAmB,CAAGJ,EAAAA,CAAQ,CAC9B,gBAAA,CAAA,CAAA,gBAAA,CAAkB,CAAGA,EAAAA,CAAQ,CAC7B,gBAAA,CAAA,CAAA,SAAA,CAAW,CAAGA,EAAAA,CAAQ,CACxB,SAAA,CAAA","file":"constants.cjs","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"]}

package/dist/constants.d.cts

@@ -1,11 +0,0 @@
-declare const ADDON_ID = "@saas-ui/storybook-addon2";
-declare const COLOR_MODE_TOOL_ID = "@saas-ui/storybook-addon2/color-mode-tool";
-declare const DIRECTION_TOOL_ID = "@saas-ui/storybook-addon2/direction-tool";
-declare const THEME_TOOL_ID = "@saas-ui/storybook-addon2/theme-tool";
-declare const EVENTS: {
-    TOGGLE_COLOR_MODE: string;
-    TOGGLE_DIRECTION: string;
-    SET_THEME: string;
-};
-
-export { ADDON_ID, COLOR_MODE_TOOL_ID, DIRECTION_TOOL_ID, EVENTS, THEME_TOOL_ID };

package/dist/direction/DirectionTool.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-var react = require('react');
-var managerApi = require('@storybook/manager-api');
-var components = require('@storybook/components');
-var jsxRuntime = require('react/jsx-runtime');
-
-var t="@saas-ui/storybook-addon2",n=`${t}/direction-tool`,i={TOGGLE_COLOR_MODE:`${t}/toggleColorMode`,TOGGLE_DIRECTION:`${t}/toggleDirection`,SET_THEME:`${t}/setTheme`};var D=e=>jsxRuntime.jsxs("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",height:"1em",width:"1em",style:{transform:"scale(1.2)"},...e,children:[jsxRuntime.jsx("path",{fill:"none",d:"M0 0h24v24H0V0z"}),jsxRuntime.jsx("path",{d:"M9 4v4c-1.1 0-2-.9-2-2s.9-2 2-2m8-2H9C6.79 2 5 3.79 5 6s1.79 4 4 4v5h2V4h2v11h2V4h2V2zm0 12v3H5v2h12v3l4-4-4-4z"})]}),I=e=>jsxRuntime.jsxs("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",height:"1em",width:"1em",style:{transform:"scale(1.2)"},...e,children:[jsxRuntime.jsx("path",{fill:"none",d:"M0 0h24v24H0V0z"}),jsxRuntime.jsx("path",{d:"M10 4v4c-1.1 0-2-.9-2-2s.9-2 2-2m8-2h-8C7.79 2 6 3.79 6 6s1.79 4 4 4v5h2V4h2v11h2V4h2V2zM8 14l-4 4 4 4v-3h12v-2H8v-3z"})]}),L=()=>{let[e,s]=managerApi.useGlobals(),[l,c]=managerApi.useAddonState(n,e[n]||"ltr"),r=l!=="ltr"?"ltr":"rtl";react.useEffect(()=>{s({[n]:l});},[l,s]);let a=react.useCallback(()=>{managerApi.addons.getChannel().emit(i.TOGGLE_DIRECTION,r),c(r);},[c,r]);return jsxRuntime.jsx(components.IconButton,{active:l==="rtl",title:`Set layout direction to ${r}`,onClick:a,children:r==="ltr"?jsxRuntime.jsx(D,{}):jsxRuntime.jsx(I,{})})};
-
-exports.DirectionTool = L;
-//# sourceMappingURL=DirectionTool.cjs.map
-//# sourceMappingURL=DirectionTool.cjs.map

package/dist/direction/DirectionTool.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/constants.ts","../../src/direction/DirectionTool.tsx"],"names":["ADDON_ID","COLOR_MODE_TOOL_ID","DIRECTION_TOOL_ID","EVENTS","LTRIcon","props","jsxs","jsx","RTLIcon","DirectionTool","globals","setGlobals","useGlobals","direction","setDirection","useAddonState","targetDirection","useEffect","toggleDirection","useCallback","addons","IconButton"],"mappings":";;;;;;;AAAO,IAAMA,EAAW,2BACXC,CACAC,CAAAA,CAAoB,GAAGF,CAAQ,CAAA,eAAA,CAAA,CAG/BG,EAAS,CACpB,iBAAA,CAAmB,CAAGH,EAAAA,CAAQ,CAC9B,gBAAA,CAAA,CAAA,gBAAA,CAAkB,GAAGA,CAAQ,CAAA,gBAAA,CAAA,CAC7B,SAAW,CAAA,CAAA,EAAGA,CAAQ,CAAA,SAAA,CACxB,MCJMI,CAAWC,CAAAA,CAAAA,EACfC,gBAAC,KACC,CAAA,CAAA,MAAA,CAAO,eACP,IAAK,CAAA,cAAA,CACL,WAAY,CAAA,GAAA,CACZ,OAAQ,CAAA,WAAA,CACR,OAAO,KACP,CAAA,KAAA,CAAM,KACN,CAAA,KAAA,CAAO,CACL,SAAA,CAAW,YACb,CACC,CAAA,GAAGD,CAEJ,CAAA,QAAA,CAAA,CAAAE,cAAC,CAAA,MAAA,CAAA,CAAK,KAAK,MAAO,CAAA,CAAA,CAAE,iBAAkB,CAAA,CAAA,CACtCA,cAAC,CAAA,MAAA,CAAA,CAAK,EAAE,iHAAkH,CAAA,CAAA,CAAA,CAC5H,CAGIC,CAAAA,CAAAA,CAAWH,CACfC,EAAAA,eAAAA,CAAC,OACC,MAAO,CAAA,cAAA,CACP,IAAK,CAAA,cAAA,CACL,WAAY,CAAA,GAAA,CACZ,QAAQ,WACR,CAAA,MAAA,CAAO,KACP,CAAA,KAAA,CAAM,KACN,CAAA,KAAA,CAAO,CACL,SAAW,CAAA,YACb,EACC,GAAGD,CAAAA,CAEJ,UAAAE,cAAC,CAAA,MAAA,CAAA,CAAK,IAAK,CAAA,MAAA,CAAO,CAAE,CAAA,iBAAA,CAAkB,EACtCA,cAAC,CAAA,MAAA,CAAA,CAAK,CAAE,CAAA,uHAAA,CAAwH,CAClI,CAAA,CAAA,CAAA,CAMWE,EAAgB,IAAM,CACjC,GAAM,CAACC,CAASC,CAAAA,CAAU,EAAIC,qBAAW,EAAA,CACnC,CAACC,CAAAA,CAAWC,CAAY,CAAA,CAAIC,yBAChCb,CACAQ,CAAAA,CAAAA,CAAQR,CAAiB,CAAA,EAAK,KAChC,CAAA,CACMc,EAAkBH,CAAc,GAAA,KAAA,CAAQ,KAAQ,CAAA,KAAA,CACtDI,eAAU,CAAA,IAAM,CACdN,CAAW,CAAA,CAAE,CAACT,CAAiB,EAAGW,CAAU,CAAC,EAC/C,CAAA,CAAG,CAACA,CAAAA,CAAWF,CAAU,CAAC,EAE1B,IAAMO,CAAAA,CAAkBC,iBAAY,CAAA,IAAM,CACxBC,iBAAAA,CAAO,YACf,CAAA,IAAA,CAAKjB,CAAO,CAAA,gBAAA,CAAkBa,CAAe,CAAA,CACrDF,EAAaE,CAAe,EAC9B,CAAG,CAAA,CAACF,CAAcE,CAAAA,CAAe,CAAC,CAElC,CAAA,OACET,cAACc,CAAAA,qBAAAA,CAAA,CACC,MAAA,CAAQR,IAAc,KACtB,CAAA,KAAA,CAAO,CAA2BG,wBAAAA,EAAAA,CAAe,CACjD,CAAA,CAAA,OAAA,CAASE,EAER,QAAAF,CAAAA,CAAAA,GAAoB,KAAQT,CAAAA,cAAAA,CAACH,CAAA,CAAA,EAAQ,EAAKG,cAACC,CAAAA,CAAAA,CAAA,EAAQ,CAAA,CACtD,CAEJ","file":"DirectionTool.cjs","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 { useCallback, useEffect } from 'react'\nimport { addons, useAddonState, useGlobals } from '@storybook/manager-api'\nimport { IconButton } from '@storybook/components'\nimport { DIRECTION_TOOL_ID, EVENTS } from '../constants'\n\nconst LTRIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    stroke=\"currentColor\"\n    fill=\"currentColor\"\n    strokeWidth=\"0\"\n    viewBox=\"0 0 24 24\"\n    height=\"1em\"\n    width=\"1em\"\n    style={{\n      transform: 'scale(1.2)',\n    }}\n    {...props}\n  >\n    <path fill=\"none\" d=\"M0 0h24v24H0V0z\" />\n    <path d=\"M9 4v4c-1.1 0-2-.9-2-2s.9-2 2-2m8-2H9C6.79 2 5 3.79 5 6s1.79 4 4 4v5h2V4h2v11h2V4h2V2zm0 12v3H5v2h12v3l4-4-4-4z\" />\n  </svg>\n)\n\nconst RTLIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    stroke=\"currentColor\"\n    fill=\"currentColor\"\n    strokeWidth=\"0\"\n    viewBox=\"0 0 24 24\"\n    height=\"1em\"\n    width=\"1em\"\n    style={{\n      transform: 'scale(1.2)',\n    }}\n    {...props}\n  >\n    <path fill=\"none\" d=\"M0 0h24v24H0V0z\" />\n    <path d=\"M10 4v4c-1.1 0-2-.9-2-2s.9-2 2-2m8-2h-8C7.79 2 6 3.79 6 6s1.79 4 4 4v5h2V4h2v11h2V4h2V2zM8 14l-4 4 4 4v-3h12v-2H8v-3z\" />\n  </svg>\n)\n\n/**\n * This component is rendered in the Storybook toolbar\n */\nexport const DirectionTool = () => {\n  const [globals, setGlobals] = useGlobals()\n  const [direction, setDirection] = useAddonState(\n    DIRECTION_TOOL_ID,\n    globals[DIRECTION_TOOL_ID] || 'ltr'\n  )\n  const targetDirection = direction !== 'ltr' ? 'ltr' : 'rtl'\n  useEffect(() => {\n    setGlobals({ [DIRECTION_TOOL_ID]: direction })\n  }, [direction, setGlobals])\n\n  const toggleDirection = useCallback(() => {\n    const channel = addons.getChannel()\n    channel.emit(EVENTS.TOGGLE_DIRECTION, targetDirection)\n    setDirection(targetDirection)\n  }, [setDirection, targetDirection])\n\n  return (\n    <IconButton\n      active={direction === 'rtl'}\n      title={`Set layout direction to ${targetDirection}`}\n      onClick={toggleDirection}\n    >\n      {targetDirection === 'ltr' ? <LTRIcon /> : <RTLIcon />}\n    </IconButton>\n  )\n}\n"]}

package/dist/direction/DirectionTool.d.cts

@@ -1,8 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-/**
- * This component is rendered in the Storybook toolbar
- */
-declare const DirectionTool: () => react_jsx_runtime.JSX.Element;
-
-export { DirectionTool };

package/dist/direction/useDirection.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var react = require('react');
-var previewApi = require('@storybook/preview-api');
-
-var o="@saas-ui/storybook-addon2",e={TOGGLE_COLOR_MODE:`${o}/toggleColorMode`,TOGGLE_DIRECTION:`${o}/toggleDirection`,SET_THEME:`${o}/setTheme`};var a=(E="ltr")=>{let[t,r]=react.useState(E.toLowerCase());return react.useEffect(()=>{document.documentElement.dir=t;},[t]),react.useEffect(()=>{let n=previewApi.addons.getChannel(),c=O=>r(O);return n.on(e.TOGGLE_DIRECTION,c),()=>{n.removeListener(e.TOGGLE_DIRECTION,c);}},[r]),t};
-
-exports.useDirection = a;
-//# sourceMappingURL=useDirection.cjs.map
-//# sourceMappingURL=useDirection.cjs.map

package/dist/direction/useDirection.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/constants.ts","../../src/direction/useDirection.tsx"],"names":["ADDON_ID","EVENTS","useDirection","initialDirection","direction","setDirection","useState","useEffect","channel","addons","callback","value"],"mappings":";;;;;AAAaA,IAAAA,CAAAA,CAAW,4BAKXC,EAAS,CACpB,iBAAA,CAAmB,GAAGD,CAAQ,CAAA,gBAAA,CAAA,CAC9B,iBAAkB,CAAGA,EAAAA,CAAQ,CAC7B,gBAAA,CAAA,CAAA,SAAA,CAAW,CAAGA,EAAAA,CAAQ,WACxB,ECFO,IAAME,CAAe,CAAA,CAACC,CAAkC,CAAA,KAAA,GAAU,CACvE,GAAM,CAACC,CAAWC,CAAAA,CAAY,CAAIC,CAAAA,cAAAA,CAASH,EAAiB,WAAY,EAAC,EAEzE,OAAAI,eAAAA,CAAU,IAAM,CACd,QAAA,CAAS,eAAgB,CAAA,GAAA,CAAMH,EACjC,CAAA,CAAG,CAACA,CAAS,CAAC,EAEdG,eAAU,CAAA,IAAM,CACd,IAAMC,CAAAA,CAAUC,iBAAO,CAAA,UAAA,EACjBC,CAAAA,CAAAA,CAAYC,GAAkBN,CAAaM,CAAAA,CAAK,EACtD,OAAAH,CAAAA,CAAQ,GAAGP,CAAO,CAAA,gBAAA,CAAkBS,CAAQ,CAAA,CACrC,IAAM,CACXF,EAAQ,cAAeP,CAAAA,CAAAA,CAAO,gBAAkBS,CAAAA,CAAQ,EAC1D,CACF,EAAG,CAACL,CAAY,CAAC,CAAA,CAEVD,CACT","file":"useDirection.cjs","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 { useEffect, useState } from 'react'\nimport { addons } from '@storybook/preview-api'\nimport { EVENTS } from '../constants'\n\n/**\n * Sync the layout direction to the html element\n */\nexport const useDirection = (initialDirection: 'ltr' | 'rtl' = 'ltr') => {\n  const [direction, setDirection] = useState(initialDirection.toLowerCase())\n\n  useEffect(() => {\n    document.documentElement.dir = direction\n  }, [direction])\n\n  useEffect(() => {\n    const channel = addons.getChannel()\n    const callback = (value: string) => setDirection(value)\n    channel.on(EVENTS.TOGGLE_DIRECTION, callback)\n    return () => {\n      channel.removeListener(EVENTS.TOGGLE_DIRECTION, callback)\n    }\n  }, [setDirection])\n\n  return direction\n}\n"]}

package/dist/direction/useDirection.d.cts

@@ -1,6 +0,0 @@
-/**
- * Sync the layout direction to the html element
- */
-declare const useDirection: (initialDirection?: "ltr" | "rtl") => string;
-
-export { useDirection };

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/constants.ts","../src/arg-types.ts"],"names":["ADDON_ID","COLOR_MODE_TOOL_ID","DIRECTION_TOOL_ID","THEME_TOOL_ID","EVENTS","validateColorScheme","value","valueKeys","term","getThemingArgTypes","theme","componentName","_a","_b","_c","_d","component","argTypes","variantOptions","sizeOptions","colorSchemes","key"],"mappings":";;AAAaA,IAAAA,CAAAA,CAAW,4BACXC,CAAqB,CAAA,CAAA,EAAGD,CAAQ,CAChCE,gBAAAA,CAAAA,CAAAA,CAAAA,CAAoB,GAAGF,CAAQ,CAAA,eAAA,CAAA,CAC/BG,EAAgB,CAAGH,EAAAA,CAAQ,cAE3BI,CAAS,CAAA,CACpB,kBAAmB,CAAGJ,EAAAA,CAAQ,CAC9B,gBAAA,CAAA,CAAA,gBAAA,CAAkB,CAAGA,EAAAA,CAAQ,mBAC7B,SAAW,CAAA,CAAA,EAAGA,CAAQ,CACxB,SAAA,CAAA,ECQA,SAASK,CAAoBC,CAAAA,CAAAA,CAAe,CAC1C,IAAMC,CAAAA,CAAY,OAAO,IAAKD,CAAAA,CAAAA,EAAS,EAAE,CAAA,CACzC,OAAO,CACL,IAAA,CACA,KACA,CAAA,KAAA,CACA,KACA,CAAA,KAAA,CACA,MACA,KACA,CAAA,KAAA,CACA,MACA,KACF,CAAA,CAAE,MAAOE,CAASD,EAAAA,CAAAA,CAAU,SAASC,CAAI,CAAC,CAC5C,CAkCO,SAASC,EAMdC,CAAcC,CAAAA,CAAAA,CAA8B,CAvE9C,IAAAC,CAAAA,CAAAC,CAAAC,CAAAA,CAAAA,CAAAC,CAwEE,CAAA,IAAMC,EAAYN,CAAM,CAAA,UAAA,CAAWC,CAAa,CAChD,CAAA,GAAI,CAACK,CACH,CAAA,OAGF,IAAMC,CAEF,CAAA,GAEEC,CAAiB,CAAA,MAAA,CAAO,KAAKF,CAAU,CAAA,QAAA,EAAY,EAAE,CAAA,CACvDE,CAAe,CAAA,MAAA,GACjBD,CAAS,CAAA,OAAA,CAAU,CACjB,IAAM,CAAA,CAAE,KAAM,MAAQ,CAAA,KAAA,CAAOC,CAAe,CAC5C,CAAA,YAAA,CAAA,CAAcN,EAAAI,CAAU,CAAA,YAAA,GAAV,YAAAJ,CAAwB,CAAA,OACxC,GAGF,IAAMO,CAAAA,CAAc,OAAO,IAAKH,CAAAA,CAAAA,CAAU,KAAS,EAAA,EAAE,CAAA,CAQrD,GAPIG,CAAY,CAAA,MAAA,GACdF,EAAS,IAAO,CAAA,CACd,KAAM,CAAE,IAAA,CAAM,OAAQ,KAAOE,CAAAA,CAAY,EACzC,YAAcN,CAAAA,CAAAA,CAAAA,CAAAG,EAAU,YAAV,GAAA,IAAA,CAAA,KAAA,CAAA,CAAAH,EAAwB,IACxC,CAAA,CAAA,CAAA,CAGEC,CAAAE,CAAAA,CAAAA,CAAU,YAAV,GAAA,IAAA,EAAAF,EAAyB,WAAgB,CAAA,CAC3C,IAAMM,CAAe,CAAA,MAAA,CAAO,QAAQV,CAAM,CAAA,MAAM,EAC7C,MAAO,CAAA,CAAC,EAAGJ,CAAK,IAAMD,CAAoBC,CAAAA,CAAK,CAAC,CAChD,CAAA,GAAA,CAAI,CAAC,CAACe,CAAG,CAAA,GAAMA,CAAG,CAEjBD,CAAAA,CAAAA,CAAa,SACfH,CAAS,CAAA,WAAA,CAAc,CACrB,IAAM,CAAA,CAAE,IAAM,CAAA,MAAA,CAAQ,KAAOG,CAAAA,CAAa,EAC1C,YAAcL,CAAAA,CAAAA,CAAAA,CAAAC,EAAU,YAAV,GAAA,IAAA,CAAA,KAAA,CAAA,CAAAD,EAAwB,WACxC,CAAA,EAEJ,CAEA,OAAOE,CACT","file":"index.cjs","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 type { ArgTypes } from '@storybook/react'\nimport type { ThemingProps } from '@chakra-ui/react'\n\n/**\n * `keyof` alternative which omits non-string keys\n */\ntype KeyOf<T> = [T] extends [never]\n  ? never\n  : T extends object\n  ? Extract<keyof T, string>\n  : never\n\nexport type ThemingArgTypeKey = 'variant' | 'size' | 'colorScheme'\n\n/**\n * Checks if the given color scale object has all required keys: 50, 100, 200...900.\n */\nfunction validateColorScheme(value: object) {\n  const valueKeys = Object.keys(value || {})\n  return [\n    '50',\n    '100',\n    '200',\n    '300',\n    '400',\n    '500',\n    '600',\n    '700',\n    '800',\n    '900',\n  ].every((term) => valueKeys.includes(term))\n}\n\n/**\n * Create Storybook controls based on a Chakra UI theme component.\n *\n * @example\n * export default {\n *   title: \"Components / Forms / Button\",\n *   argTypes: getThemingArgTypes(theme, \"Button\"),\n * }\n *\n * @example full example\n * import { Meta, StoryFn } from \"@storybook/react\"\n * import { getThemingArgTypes } from \"@chakra-ui/storybook-addon\"\n * import { theme } from \"<your-theme>\"\n *\n * export default {\n *   title: \"Components / Forms / Button\",\n *   argTypes: {\n *     ...getThemingArgTypes(theme, \"Button\"),\n *     children: \"string\"\n *   },\n *   args: { children: \"Button\" },\n * } as Meta\n *\n * interface StoryProps extends ThemingProps<\"Button\"> {\n *   children?: React.ReactNode\n * }\n *\n * export const Basic: StoryFn<StoryProps> = (props) => <Button {...props} />\n *\n * @param theme same Chakra UI theme used in .storybook/preview.tsx\n * @param componentName component name to create the ArgTypes for\n */\nexport function getThemingArgTypes<\n  Theme extends {\n    colors: Record<string, any>\n    components: Record<string, any>\n  },\n  ComponentName extends KeyOf<Theme['components']>\n>(theme: Theme, componentName: ComponentName) {\n  const component = theme.components[componentName]\n  if (!component) {\n    return undefined\n  }\n\n  const argTypes: ArgTypes<\n    Partial<Pick<ThemingProps<ComponentName>, ThemingArgTypeKey>>\n  > = {}\n\n  const variantOptions = Object.keys(component.variants || {})\n  if (variantOptions.length) {\n    argTypes.variant = {\n      type: { name: 'enum', value: variantOptions },\n      defaultValue: component.defaultProps?.variant,\n    }\n  }\n\n  const sizeOptions = Object.keys(component.sizes || {})\n  if (sizeOptions.length) {\n    argTypes.size = {\n      type: { name: 'enum', value: sizeOptions },\n      defaultValue: component.defaultProps?.size,\n    }\n  }\n\n  if (component.defaultProps?.['colorScheme']) {\n    const colorSchemes = Object.entries(theme.colors)\n      .filter(([, value]) => validateColorScheme(value))\n      .map(([key]) => key)\n\n    if (colorSchemes.length) {\n      argTypes.colorScheme = {\n        type: { name: 'enum', value: colorSchemes },\n        defaultValue: component.defaultProps?.colorScheme,\n      }\n    }\n  }\n\n  return argTypes\n}\n"]}

package/dist/index.d.cts

@@ -1,4 +0,0 @@
-export { ADDON_ID, COLOR_MODE_TOOL_ID, DIRECTION_TOOL_ID, EVENTS, THEME_TOOL_ID } from './constants.cjs';
-export { ThemingArgTypeKey, getThemingArgTypes } from './arg-types.cjs';
-import 'storybook/internal/types';
-import '@chakra-ui/react';

package/dist/manager.cjs

@@ -1,31 +0,0 @@
-'use strict';
-
-var managerApi = require('@storybook/manager-api');
-var g = require('react');
-var components = require('@storybook/components');
-var jsxRuntime = require('react/jsx-runtime');
-var previewApi = require('@storybook/preview-api');
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
-}
-
-var g__namespace = /*#__PURE__*/_interopNamespace(g);
-
-var c="@saas-ui/storybook-addon2",T=`${c}/color-mode-tool`,a=`${c}/direction-tool`,O=`${c}/theme-tool`,h={TOGGLE_COLOR_MODE:`${c}/toggleColorMode`,TOGGLE_DIRECTION:`${c}/toggleDirection`,SET_THEME:`${c}/setTheme`};var M=()=>jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",focusable:"false",children:jsxRuntime.jsx("path",{fill:"currentColor",d:"M21.4,13.7C20.6,13.9,19.8,14,19,14c-5,0-9-4-9-9c0-0.8,0.1-1.6,0.3-2.4c0.1-0.3,0-0.7-0.3-1 c-0.3-0.3-0.6-0.4-1-0.3C4.3,2.7,1,7.1,1,12c0,6.1,4.9,11,11,11c4.9,0,9.3-3.3,10.6-8.1c0.1-0.3,0-0.7-0.3-1 C22.1,13.7,21.7,13.6,21.4,13.7z"})}),k=()=>jsxRuntime.jsx("svg",{viewBox:"0 0 24 24",focusable:"false",children:jsxRuntime.jsxs("g",{strokeLinejoin:"round",strokeLinecap:"round",strokeWidth:"2",fill:"none",stroke:"currentColor",children:[jsxRuntime.jsx("circle",{cx:"12",cy:"12",r:"5"}),jsxRuntime.jsx("path",{d:"M12 1v2"}),jsxRuntime.jsx("path",{d:"M12 21v2"}),jsxRuntime.jsx("path",{d:"M4.22 4.22l1.42 1.42"}),jsxRuntime.jsx("path",{d:"M18.36 18.36l1.42 1.42"}),jsxRuntime.jsx("path",{d:"M1 12h2"}),jsxRuntime.jsx("path",{d:"M21 12h2"}),jsxRuntime.jsx("path",{d:"M4.22 19.78l1.42-1.42"}),jsxRuntime.jsx("path",{d:"M18.36 5.64l1.42-1.42"})]})}),C=()=>{let n=localStorage.getItem("chakra-ui-color-mode")==="dark",[o,e]=g__namespace.useState(n),s=managerApi.addons.getChannel();return jsxRuntime.jsx(components.IconButton,{title:`Set color mode to ${o?"light":"dark"}`,active:o,onClick:()=>{s.emit(h.TOGGLE_COLOR_MODE,o?"light":"dark"),e(r=>!r);},children:o?jsxRuntime.jsx(k,{}):jsxRuntime.jsx(M,{})})};var N=n=>jsxRuntime.jsxs("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",height:"1em",width:"1em",style:{transform:"scale(1.2)"},...n,children:[jsxRuntime.jsx("path",{fill:"none",d:"M0 0h24v24H0V0z"}),jsxRuntime.jsx("path",{d:"M9 4v4c-1.1 0-2-.9-2-2s.9-2 2-2m8-2H9C6.79 2 5 3.79 5 6s1.79 4 4 4v5h2V4h2v11h2V4h2V2zm0 12v3H5v2h12v3l4-4-4-4z"})]}),y=n=>jsxRuntime.jsxs("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",height:"1em",width:"1em",style:{transform:"scale(1.2)"},...n,children:[jsxRuntime.jsx("path",{fill:"none",d:"M0 0h24v24H0V0z"}),jsxRuntime.jsx("path",{d:"M10 4v4c-1.1 0-2-.9-2-2s.9-2 2-2m8-2h-8C7.79 2 6 3.79 6 6s1.79 4 4 4v5h2V4h2v11h2V4h2V2zM8 14l-4 4 4 4v-3h12v-2H8v-3z"})]}),I=()=>{let[n,o]=managerApi.useGlobals(),[e,s]=managerApi.useAddonState(a,n[a]||"ltr"),l=e!=="ltr"?"ltr":"rtl";g.useEffect(()=>{o({[a]:e});},[e,o]);let r=g.useCallback(()=>{managerApi.addons.getChannel().emit(h.TOGGLE_DIRECTION,l),s(l);},[s,l]);return jsxRuntime.jsx(components.IconButton,{active:e==="rtl",title:`Set layout direction to ${l}`,onClick:r,children:l==="ltr"?jsxRuntime.jsx(N,{}):jsxRuntime.jsx(y,{})})};var w={0:"Chakra UI",1:"Saas UI",2:"Glass"},E=()=>{let n=localStorage.getItem("saas-ui-theme"),[o,e]=managerApi.useAddonState(`${c}/theme`,n),s=previewApi.addons.getChannel(),l=r=>{s.emit(h.SET_THEME,r||"1"),e(r);};return jsxRuntime.jsx(components.WithTooltip,{placement:"top",closeOnOutsideClick:!0,trigger:"click",tooltip:({onHide:r})=>jsxRuntime.jsx(components.TooltipLinkList,{links:[{id:"0",title:"Chakra UI",onClick:()=>{l("0"),r();}},{id:"1",title:"Saas UI",onClick:()=>{l("1"),r();}},{id:"2",title:"Glass",onClick:()=>{l("2"),r();}}]}),children:jsxRuntime.jsxs(components.IconButton,{title:"Select theme",children:[jsxRuntime.jsx(components.Icons,{icon:"eye"})," ",w[o||"1"]]})})};managerApi.addons.register(c,n=>{let o=({viewMode:e})=>!!(e&&e.match(/^(story|docs)$/));managerApi.addons.add(a,{type:managerApi.types.TOOL,title:"Direction",render:I,match:o}),managerApi.addons.add(T,{type:managerApi.types.TOOL,title:"Color Mode",render:C,match:o}),managerApi.addons.add(O,{type:managerApi.types.TOOL,title:"Theme",render:E,match:o});});
-//# sourceMappingURL=manager.cjs.map
-//# sourceMappingURL=manager.cjs.map

package/dist/manager.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/constants.ts","../src/color-mode/ColorModeTool.tsx","../src/direction/DirectionTool.tsx","../src/theme/ThemeTool.tsx","../src/manager.ts"],"names":["ADDON_ID","COLOR_MODE_TOOL_ID","DIRECTION_TOOL_ID","THEME_TOOL_ID","EVENTS","MoonIcon","jsx","SunIcon","jsxs","ColorModeTool","isDarkMode","darkMode","setDarkMode","g","channel","addons","IconButton","prev","LTRIcon","props","RTLIcon","DirectionTool","globals","setGlobals","useGlobals","direction","setDirection","useAddonState","targetDirection","useEffect","toggleDirection","useCallback","themes","ThemeTool","themeId","theme","setTheme","setActiveTheme","WithTooltip","onHide","TooltipLinkList","Icons","api","match","viewMode","types"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAO,IAAMA,CAAAA,CAAW,2BACXC,CAAAA,CAAAA,CAAqB,GAAGD,CAAQ,CAAA,gBAAA,CAAA,CAChCE,CAAoB,CAAA,CAAA,EAAGF,CAAQ,CAC/BG,eAAAA,CAAAA,CAAAA,CAAAA,CAAgB,CAAGH,EAAAA,CAAQ,CAE3BI,WAAAA,CAAAA,CAAAA,CAAAA,CAAS,CACpB,iBAAA,CAAmB,GAAGJ,CAAQ,CAAA,gBAAA,CAAA,CAC9B,gBAAkB,CAAA,CAAA,EAAGA,CAAQ,CAC7B,gBAAA,CAAA,CAAA,SAAA,CAAW,CAAGA,EAAAA,CAAQ,WACxB,CCTA,CAMA,IAAMK,EAAW,IACfC,cAAAA,CAAC,KAAI,CAAA,CAAA,OAAA,CAAQ,YAAY,SAAU,CAAA,OAAA,CACjC,QAAAA,CAAAA,cAAAA,CAAC,QACC,IAAK,CAAA,cAAA,CACL,CAAE,CAAA,oOAAA,CACH,EACH,CAGIC,CAAAA,CAAAA,CAAU,IACdD,cAAAA,CAAC,OAAI,OAAQ,CAAA,WAAA,CAAY,SAAU,CAAA,OAAA,CACjC,QAAAE,CAAAA,eAAAA,CAAC,GACC,CAAA,CAAA,cAAA,CAAe,QACf,aAAc,CAAA,OAAA,CACd,WAAY,CAAA,GAAA,CACZ,KAAK,MACL,CAAA,MAAA,CAAO,cAEP,CAAA,QAAA,CAAA,CAAAF,eAAC,QAAO,CAAA,CAAA,EAAA,CAAG,IAAK,CAAA,EAAA,CAAG,KAAK,CAAE,CAAA,GAAA,CAAI,CAC9BA,CAAAA,cAAAA,CAAC,QAAK,CAAE,CAAA,SAAA,CAAU,CAClBA,CAAAA,cAAAA,CAAC,QAAK,CAAE,CAAA,UAAA,CAAW,CACnBA,CAAAA,cAAAA,CAAC,QAAK,CAAE,CAAA,sBAAA,CAAuB,CAC/BA,CAAAA,cAAAA,CAAC,MAAK,CAAA,CAAA,CAAA,CAAE,wBAAyB,CAAA,CAAA,CACjCA,eAAC,MAAK,CAAA,CAAA,CAAA,CAAE,SAAU,CAAA,CAAA,CAClBA,eAAC,MAAK,CAAA,CAAA,CAAA,CAAE,UAAW,CAAA,CAAA,CACnBA,eAAC,MAAK,CAAA,CAAA,CAAA,CAAE,uBAAwB,CAAA,CAAA,CAChCA,eAAC,MAAK,CAAA,CAAA,CAAA,CAAE,uBAAwB,CAAA,CAAA,CAAA,CAClC,EACF,CAGWG,CAAAA,CAAAA,CAAgB,IAAM,CACjC,IAAMC,CAAa,CAAA,YAAA,CAAa,OAAQ,CAAA,sBAAsB,IAAM,MAE9D,CAAA,CAACC,CAAUC,CAAAA,CAAW,CAAU,CAAAC,YAAA,CAAA,QAAA,CAASH,CAAU,CAAA,CAEnDI,EAAUC,iBAAO,CAAA,UAAA,EAOvB,CAAA,OACET,eAACU,qBAAA,CAAA,CACC,KAAO,CAAA,CAAA,kBAAA,EAAqBL,EAAW,OAAU,CAAA,MAAM,CACvD,CAAA,CAAA,MAAA,CAAQA,CACR,CAAA,OAAA,CATiB,IAAM,CACzBG,EAAQ,IAAKV,CAAAA,CAAAA,CAAO,iBAAoBO,CAAAA,CAAAA,CAAoB,QAAT,MAAgB,CAAA,CACnEC,CAAaK,CAAAA,CAAAA,EAAS,CAACA,CAAI,EAC7B,CAQK,CAAA,QAAA,CAAAN,CAAWL,CAAAA,cAAAA,CAACC,CAAA,CAAA,EAAQ,EAAKD,cAACD,CAAAA,CAAAA,CAAA,EAAS,CAAA,CACtC,CAEJ,CC1DA,CAKA,IAAMa,CAAAA,CAAWC,CACfX,EAAAA,eAAAA,CAAC,KACC,CAAA,CAAA,MAAA,CAAO,cACP,CAAA,IAAA,CAAK,eACL,WAAY,CAAA,GAAA,CACZ,OAAQ,CAAA,WAAA,CACR,OAAO,KACP,CAAA,KAAA,CAAM,KACN,CAAA,KAAA,CAAO,CACL,SAAW,CAAA,YACb,CACC,CAAA,GAAGW,EAEJ,QAAAb,CAAAA,CAAAA,cAAAA,CAAC,MAAK,CAAA,CAAA,IAAA,CAAK,OAAO,CAAE,CAAA,iBAAA,CAAkB,CACtCA,CAAAA,cAAAA,CAAC,QAAK,CAAE,CAAA,iHAAA,CAAkH,CAC5H,CAAA,CAAA,CAAA,CAGIc,EAAWD,CACfX,EAAAA,eAAAA,CAAC,KACC,CAAA,CAAA,MAAA,CAAO,cACP,CAAA,IAAA,CAAK,cACL,CAAA,WAAA,CAAY,IACZ,OAAQ,CAAA,WAAA,CACR,MAAO,CAAA,KAAA,CACP,MAAM,KACN,CAAA,KAAA,CAAO,CACL,SAAA,CAAW,YACb,CACC,CAAA,GAAGW,CAEJ,CAAA,QAAA,CAAA,CAAAb,eAAC,MAAK,CAAA,CAAA,IAAA,CAAK,MAAO,CAAA,CAAA,CAAE,kBAAkB,CACtCA,CAAAA,cAAAA,CAAC,MAAK,CAAA,CAAA,CAAA,CAAE,wHAAwH,CAClI,CAAA,CAAA,CAAA,CAMWe,CAAgB,CAAA,IAAM,CACjC,GAAM,CAACC,CAASC,CAAAA,CAAU,CAAIC,CAAAA,qBAAAA,EACxB,CAAA,CAACC,EAAWC,CAAY,CAAA,CAAIC,wBAChCzB,CAAAA,CAAAA,CACAoB,EAAQpB,CAAiB,CAAA,EAAK,KAChC,CAAA,CACM0B,EAAkBH,CAAc,GAAA,KAAA,CAAQ,KAAQ,CAAA,KAAA,CACtDI,WAAU,CAAA,IAAM,CACdN,CAAAA,CAAW,CAAE,CAACrB,CAAiB,EAAGuB,CAAU,CAAC,EAC/C,CAAA,CAAG,CAACA,CAAAA,CAAWF,CAAU,CAAC,CAAA,CAE1B,IAAMO,CAAAA,CAAkBC,aAAY,CAAA,IAAM,CACxBhB,iBAAAA,CAAO,YACf,CAAA,IAAA,CAAKX,CAAO,CAAA,gBAAA,CAAkBwB,CAAe,CACrDF,CAAAA,CAAAA,CAAaE,CAAe,EAC9B,EAAG,CAACF,CAAAA,CAAcE,CAAe,CAAC,EAElC,OACEtB,cAAAA,CAACU,qBAAA,CAAA,CACC,OAAQS,CAAc,GAAA,KAAA,CACtB,KAAO,CAAA,CAAA,wBAAA,EAA2BG,CAAe,CACjD,CAAA,CAAA,OAAA,CAASE,CAER,CAAA,QAAA,CAAAF,IAAoB,KAAQtB,CAAAA,cAAAA,CAACY,CAAA,CAAA,EAAQ,CAAKZ,CAAAA,cAAAA,CAACc,CAAA,CAAA,EAAQ,EACtD,CAEJ,CAAA,CC5DA,IAAMY,CAAAA,CAAiC,CACrC,CAAA,CAAG,YACH,CAAG,CAAA,SAAA,CACH,CAAG,CAAA,OACL,CAKaC,CAAAA,CAAAA,CAAY,IAAM,CAC7B,IAAMC,CAAU,CAAA,YAAA,CAAa,OAAQ,CAAA,eAAe,EAC9C,CAACC,CAAAA,CAAOC,CAAQ,CAAA,CAAIT,yBAAc,CAAG3B,EAAAA,CAAQ,CAAUkC,MAAAA,CAAAA,CAAAA,CAAO,EAE9DpB,CAAUC,CAAAA,iBAAAA,CAAO,UAAW,EAAA,CAE5BsB,EAAkBH,CAAoB,EAAA,CAC1CpB,CAAQ,CAAA,IAAA,CAAKV,EAAO,SAAY8B,CAAAA,CAAAA,EAAU,GAAa,CAAA,CACvDE,EAASF,CAAO,EAClB,CAEA,CAAA,OACE5B,cAACgC,CAAAA,sBAAAA,CAAA,CACC,SAAA,CAAU,MACV,mBAAmB,CAAA,CAAA,CAAA,CACnB,OAAQ,CAAA,OAAA,CACR,QAAS,CAAC,CAAE,MAAAC,CAAAA,CAAO,IACjBjC,cAACkC,CAAAA,0BAAAA,CAAA,CACC,KAAA,CAAO,CACL,CACE,EAAI,CAAA,GAAA,CACJ,MAAO,WACP,CAAA,OAAA,CAAS,IAAM,CACbH,EAAe,GAAG,CAAA,CAClBE,CAAO,GACT,CACF,CACA,CAAA,CACE,EAAI,CAAA,GAAA,CACJ,KAAO,CAAA,SAAA,CACP,OAAS,CAAA,IAAM,CACbF,CAAe,CAAA,GAAG,CAClBE,CAAAA,CAAAA,GACF,CACF,CAAA,CACA,CACE,EAAA,CAAI,IACJ,KAAO,CAAA,OAAA,CACP,OAAS,CAAA,IAAM,CACbF,CAAe,CAAA,GAAG,CAClBE,CAAAA,CAAAA,GACF,CACF,CACF,CACF,CAAA,CAAA,CAGF,SAAA/B,eAACQ,CAAAA,qBAAAA,CAAA,CAAW,KAAA,CAAM,eAChB,QAAAV,CAAAA,CAAAA,cAAAA,CAACmC,gBAAA,CAAA,CAAM,IAAK,CAAA,KAAA,CAAM,CAAE,CAAA,GAAA,CAAET,EAAOG,CAAS,EAAA,GAAG,CAC3C,CAAA,CAAA,CAAA,CACF,CAEJ,CC5DApB,CAAAA,iBAAAA,CAAO,QAASf,CAAAA,CAAAA,CAAW0C,GAAQ,CACjC,IAAMC,CAAQ,CAAA,CAAC,CAAE,QAAAC,CAAAA,CAAS,CACxB,GAAA,CAAA,EAAQA,GAAYA,CAAS,CAAA,KAAA,CAAM,gBAAgB,CAAA,CAAA,CAErD7B,kBAAO,GAAIb,CAAAA,CAAAA,CAAmB,CAC5B,IAAA,CAAM2C,iBAAM,IACZ,CAAA,KAAA,CAAO,WACP,CAAA,MAAA,CAAQxB,CACR,CAAA,KAAA,CAAAsB,CACF,CAAC,EAED5B,iBAAO,CAAA,GAAA,CAAId,CAAoB,CAAA,CAC7B,KAAM4C,gBAAM,CAAA,IAAA,CACZ,KAAO,CAAA,YAAA,CACP,OAAQpC,CACR,CAAA,KAAA,CAAAkC,CACF,CAAC,EAED5B,iBAAO,CAAA,GAAA,CAAIZ,CAAe,CAAA,CACxB,KAAM0C,gBAAM,CAAA,IAAA,CACZ,KAAO,CAAA,OAAA,CACP,OAAQZ,CACR,CAAA,KAAA,CAAAU,CACF,CAAC,EACH,CAAC,CAAA","file":"manager.cjs","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 * as React from 'react'\nimport { IconButton } from '@storybook/components'\nimport { addons } from '@storybook/manager-api'\n\nimport { EVENTS } from '../constants'\n\nconst MoonIcon = () => (\n  <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n    <path\n      fill=\"currentColor\"\n      d=\"M21.4,13.7C20.6,13.9,19.8,14,19,14c-5,0-9-4-9-9c0-0.8,0.1-1.6,0.3-2.4c0.1-0.3,0-0.7-0.3-1 c-0.3-0.3-0.6-0.4-1-0.3C4.3,2.7,1,7.1,1,12c0,6.1,4.9,11,11,11c4.9,0,9.3-3.3,10.6-8.1c0.1-0.3,0-0.7-0.3-1 C22.1,13.7,21.7,13.6,21.4,13.7z\"\n    ></path>\n  </svg>\n)\n\nconst SunIcon = () => (\n  <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n    <g\n      strokeLinejoin=\"round\"\n      strokeLinecap=\"round\"\n      strokeWidth=\"2\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"5\"></circle>\n      <path d=\"M12 1v2\"></path>\n      <path d=\"M12 21v2\"></path>\n      <path d=\"M4.22 4.22l1.42 1.42\"></path>\n      <path d=\"M18.36 18.36l1.42 1.42\"></path>\n      <path d=\"M1 12h2\"></path>\n      <path d=\"M21 12h2\"></path>\n      <path d=\"M4.22 19.78l1.42-1.42\"></path>\n      <path d=\"M18.36 5.64l1.42-1.42\"></path>\n    </g>\n  </svg>\n)\n\nexport const ColorModeTool = () => {\n  const isDarkMode = localStorage.getItem('chakra-ui-color-mode') === 'dark'\n\n  const [darkMode, setDarkMode] = React.useState(isDarkMode)\n\n  const channel = addons.getChannel()\n\n  const handleToggle = () => {\n    channel.emit(EVENTS.TOGGLE_COLOR_MODE, !darkMode ? 'dark' : 'light')\n    setDarkMode((prev) => !prev)\n  }\n\n  return (\n    <IconButton\n      title={`Set color mode to ${darkMode ? 'light' : 'dark'}`}\n      active={darkMode}\n      onClick={handleToggle}\n    >\n      {darkMode ? <SunIcon /> : <MoonIcon />}\n    </IconButton>\n  )\n}\n","import { useCallback, useEffect } from 'react'\nimport { addons, useAddonState, useGlobals } from '@storybook/manager-api'\nimport { IconButton } from '@storybook/components'\nimport { DIRECTION_TOOL_ID, EVENTS } from '../constants'\n\nconst LTRIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    stroke=\"currentColor\"\n    fill=\"currentColor\"\n    strokeWidth=\"0\"\n    viewBox=\"0 0 24 24\"\n    height=\"1em\"\n    width=\"1em\"\n    style={{\n      transform: 'scale(1.2)',\n    }}\n    {...props}\n  >\n    <path fill=\"none\" d=\"M0 0h24v24H0V0z\" />\n    <path d=\"M9 4v4c-1.1 0-2-.9-2-2s.9-2 2-2m8-2H9C6.79 2 5 3.79 5 6s1.79 4 4 4v5h2V4h2v11h2V4h2V2zm0 12v3H5v2h12v3l4-4-4-4z\" />\n  </svg>\n)\n\nconst RTLIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    stroke=\"currentColor\"\n    fill=\"currentColor\"\n    strokeWidth=\"0\"\n    viewBox=\"0 0 24 24\"\n    height=\"1em\"\n    width=\"1em\"\n    style={{\n      transform: 'scale(1.2)',\n    }}\n    {...props}\n  >\n    <path fill=\"none\" d=\"M0 0h24v24H0V0z\" />\n    <path d=\"M10 4v4c-1.1 0-2-.9-2-2s.9-2 2-2m8-2h-8C7.79 2 6 3.79 6 6s1.79 4 4 4v5h2V4h2v11h2V4h2V2zM8 14l-4 4 4 4v-3h12v-2H8v-3z\" />\n  </svg>\n)\n\n/**\n * This component is rendered in the Storybook toolbar\n */\nexport const DirectionTool = () => {\n  const [globals, setGlobals] = useGlobals()\n  const [direction, setDirection] = useAddonState(\n    DIRECTION_TOOL_ID,\n    globals[DIRECTION_TOOL_ID] || 'ltr'\n  )\n  const targetDirection = direction !== 'ltr' ? 'ltr' : 'rtl'\n  useEffect(() => {\n    setGlobals({ [DIRECTION_TOOL_ID]: direction })\n  }, [direction, setGlobals])\n\n  const toggleDirection = useCallback(() => {\n    const channel = addons.getChannel()\n    channel.emit(EVENTS.TOGGLE_DIRECTION, targetDirection)\n    setDirection(targetDirection)\n  }, [setDirection, targetDirection])\n\n  return (\n    <IconButton\n      active={direction === 'rtl'}\n      title={`Set layout direction to ${targetDirection}`}\n      onClick={toggleDirection}\n    >\n      {targetDirection === 'ltr' ? <LTRIcon /> : <RTLIcon />}\n    </IconButton>\n  )\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","import { addons, types } from '@storybook/manager-api'\nimport {\n  ADDON_ID,\n  COLOR_MODE_TOOL_ID,\n  DIRECTION_TOOL_ID,\n  THEME_TOOL_ID,\n} from './constants'\nimport { ColorModeTool } from './color-mode/ColorModeTool'\nimport { DirectionTool } from './direction/DirectionTool'\nimport { ThemeTool } from './theme/ThemeTool'\n\naddons.register(ADDON_ID, (api) => {\n  const match = ({ viewMode }: { viewMode?: string }) =>\n    Boolean(viewMode && viewMode.match(/^(story|docs)$/))\n\n  addons.add(DIRECTION_TOOL_ID, {\n    type: types.TOOL,\n    title: 'Direction',\n    render: DirectionTool,\n    match,\n  })\n\n  addons.add(COLOR_MODE_TOOL_ID, {\n    type: types.TOOL,\n    title: 'Color Mode',\n    render: ColorModeTool,\n    match,\n  })\n\n  addons.add(THEME_TOOL_ID, {\n    type: types.TOOL,\n    title: 'Theme',\n    render: ThemeTool,\n    match,\n  })\n})\n"]}

package/dist/manager.d.cts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/preview.cjs

@@ -1,33 +0,0 @@
-'use strict';
-
-var j = require('react');
-var react = require('@chakra-ui/react');
-var previewApi = require('@storybook/preview-api');
-var react$1 = require('@saas-ui/react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
-}
-
-var j__namespace = /*#__PURE__*/_interopNamespace(j);
-
-var Wr=Object.create;var Ee=Object.defineProperty;var Gr=Object.getOwnPropertyDescriptor;var qr=Object.getOwnPropertyNames;var Ur=Object.getPrototypeOf,Kr=Object.prototype.hasOwnProperty;var Jr=(e,r)=>()=>(r||e((r={exports:{}}).exports,r),r.exports);var Qr=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of qr(r))!Kr.call(e,a)&&a!==t&&Ee(e,a,{get:()=>r[a],enumerable:!(o=Gr(r,a))||o.enumerable});return e};var Xr=(e,r,t)=>(t=e!=null?Wr(Ur(e)):{},Qr(Ee(t,"default",{value:e,enumerable:!0}),e));var dr=Jr((D,O)=>{var wt=200,qe="__lodash_hash_undefined__",Tt=800,kt=16,Ue=9007199254740991,Ke="[object Arguments]",zt="[object Array]",$t="[object AsyncFunction]",Mt="[object Boolean]",Ot="[object Date]",Et="[object Error]",Je="[object Function]",It="[object GeneratorFunction]",Pt="[object Map]",jt="[object Number]",Dt="[object Null]",Qe="[object Object]",Ft="[object Proxy]",Rt="[object RegExp]",Vt="[object Set]",Ht="[object String]",Bt="[object Undefined]",Nt="[object WeakMap]",Lt="[object ArrayBuffer]",Wt="[object DataView]",Gt="[object Float32Array]",qt="[object Float64Array]",Ut="[object Int8Array]",Kt="[object Int16Array]",Jt="[object Int32Array]",Qt="[object Uint8Array]",Xt="[object Uint8ClampedArray]",Yt="[object Uint16Array]",Zt="[object Uint32Array]",eo=/[\\^$.*+?()[\]{}|]/g,ro=/^\[object .+?Constructor\]$/,to=/^(?:0|[1-9]\d*)$/,p={};p[Gt]=p[qt]=p[Ut]=p[Kt]=p[Jt]=p[Qt]=p[Xt]=p[Yt]=p[Zt]=!0;p[Ke]=p[zt]=p[Lt]=p[Mt]=p[Wt]=p[Ot]=p[Et]=p[Je]=p[Pt]=p[jt]=p[Qe]=p[Rt]=p[Vt]=p[Ht]=p[Nt]=!1;var Xe=typeof global=="object"&&global&&global.Object===Object&&global,oo=typeof self=="object"&&self&&self.Object===Object&&self,V=Xe||oo||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{}}(),Re=Fe&&Fe.isTypedArray;function ao(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 no(e,r){for(var t=-1,o=Array(e);++t<e;)o[t]=r(t);return o}function io(e){return function(r){return e(r)}}function so(e,r){return e==null?void 0:e[r]}function lo(e,r){return function(t){return e(r(t))}}var co=Array.prototype,fo=Function.prototype,q=Object.prototype,me=V["__core-js_shared__"],U=fo.toString,_=q.hasOwnProperty,Ve=function(){var e=/[^.]+$/.exec(me&&me.keys&&me.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}(),er=q.toString,uo=U.call(Object),po=RegExp("^"+U.call(_).replace(eo,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),W=Ze?V.Buffer:void 0,He=V.Symbol,Be=V.Uint8Array;W?W.allocUnsafe:void 0;var rr=lo(Object.getPrototypeOf,Object),Le=Object.create,mo=q.propertyIsEnumerable,bo=co.splice,A=He?He.toStringTag:void 0,G=function(){try{var e=_e(Object,"defineProperty");return e({},"",{}),e}catch{}}(),ho=W?W.isBuffer:void 0,We=Math.max,go=Date.now,tr=_e(V,"Map"),R=_e(Object,"create"),yo=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 vo(){this.__data__=R?R(null):{},this.size=0;}function _o(e){var r=this.has(e)&&delete this.__data__[e];return this.size-=r?1:0,r}function xo(e){var r=this.__data__;if(R){var t=r[e];return t===qe?void 0:t}return _.call(r,e)?r[e]:void 0}function So(e){var r=this.__data__;return R?r[e]!==void 0:_.call(r,e)}function Ao(e,r){var t=this.__data__;return this.size+=this.has(e)?0:1,t[e]=R&&r===void 0?qe:r,this}C.prototype.clear=vo;C.prototype.delete=_o;C.prototype.get=xo;C.prototype.has=So;C.prototype.set=Ao;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 Co(){this.__data__=[],this.size=0;}function wo(e){var r=this.__data__,t=K(r,e);if(t<0)return !1;var o=r.length-1;return t==o?r.pop():bo.call(r,t,1),--this.size,!0}function To(e){var r=this.__data__,t=K(r,e);return t<0?void 0:r[t][1]}function ko(e){return K(this.__data__,e)>-1}function zo(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=Co;x.prototype.delete=wo;x.prototype.get=To;x.prototype.has=ko;x.prototype.set=zo;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 $o(){this.size=0,this.__data__={hash:new C,map:new(tr||x),string:new C};}function Mo(e){var r=Q(this,e).delete(e);return this.size-=r?1:0,r}function Oo(e){return Q(this,e).get(e)}function Eo(e){return Q(this,e).has(e)}function Io(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=$o;E.prototype.delete=Mo;E.prototype.get=Oo;E.prototype.has=Eo;E.prototype.set=Io;function I(e){var r=this.__data__=new x(e);this.size=r.size;}function Po(){this.__data__=new x,this.size=0;}function jo(e){var r=this.__data__,t=r.delete(e);return this.size=r.size,t}function Do(e){return this.__data__.get(e)}function Fo(e){return this.__data__.has(e)}function Ro(e,r){var t=this.__data__;if(t instanceof x){var o=t.__data__;if(!tr||o.length<wt-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=Po;I.prototype.delete=jo;I.prototype.get=Do;I.prototype.has=Fo;I.prototype.set=Ro;function Vo(e,r){var t=ye(e),o=!t&&ge(e),a=!t&&!o&&ir(e),i=!t&&!o&&!a&&lr(e),s=t||o||a||i,n=s?no(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 Ho(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 Bo=ea();function J(e){return e==null?e===void 0?Bt:Dt:A&&A in Object(e)?ra(e):sa(e)}function Ge(e){return H(e)&&J(e)==Ke}function No(e){if(!w(e)||na(e))return !1;var r=Se(e)?po:ro;return r.test(da(e))}function Lo(e){return H(e)&&sr(e.length)&&!!p[J(e)]}function Wo(e){if(!w(e))return ia(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&&Bo(r,function(i,s){if(a||(a=new I),w(i))Go(e,r,s,t,or,o,a);else {var n=o?o(he(e,s),i,s+"",e,r,a):void 0;n===void 0&&(n=i),be(e,s,n);}},cr);}function Go(e,r,t,o,a,i,s){var n=he(e,t),l=he(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 g=ye(l),S=!g&&ir(l),ae=!g&&!S&&lr(l);f=l,g||S||ae?ye(n)?f=n:ua(n)?f=Xo(n):S?(m=!1,f=Ko(l)):ae?(m=!1,f=Qo(l)):f=[]:pa(l)||ge(l)?(f=n,ge(n)?f=ma(n):(!w(n)||Se(n))&&(f=ta(l))):m=!1;}m&&(s.set(l,f),a(f,l,o,i,s),s.delete(l)),be(e,t,f);}function qo(e,r){return ca(la(e,r,fr),e+"")}var Uo=G?function(e,r){return G(e,"toString",{configurable:!0,enumerable:!1,value:ha(r),writable:!0})}:fr;function Ko(e,r){return e.slice();}function Jo(e){var r=new e.constructor(e.byteLength);return new Be(r).set(new Be(e)),r}function Qo(e,r){var t=Jo(e.buffer);return new e.constructor(t,e.byteOffset,e.length)}function Xo(e,r){var t=-1,o=e.length;for(r||(r=Array(o));++t<o;)r[t]=e[t];return r}function Yo(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):Ho(t,n,l);}return t}function Zo(e){return qo(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&&oa(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 ea(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 aa(r)?t[typeof r=="string"?"string":"hash"]:t.map}function _e(e,r){var t=so(e,r);return No(t)?t:void 0}function ra(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 ta(e){return typeof e.constructor=="function"&&!nr(e)?yo(rr(e)):{}}function ar(e,r){var t=typeof e;return r=r==null?Ue:r,!!r&&(t=="number"||t!="symbol"&&to.test(e))&&e>-1&&e%1==0&&e<r}function oa(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 aa(e){var r=typeof e;return r=="string"||r=="number"||r=="symbol"||r=="boolean"?e!=="__proto__":e===null}function na(e){return !!Ve&&Ve in e}function nr(e){var r=e&&e.constructor,t=typeof r=="function"&&r.prototype||q;return e===t}function ia(e){var r=[];if(e!=null)for(var t in Object(e))r.push(t);return r}function sa(e){return er.call(e)}function la(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),ao(e,this,n)}}function he(e,r){if(!(r==="constructor"&&typeof e[r]=="function")&&r!="__proto__")return e[r]}var ca=fa(Uo);function fa(e){var r=0,t=0;return function(){var o=go(),a=kt-(o-t);if(t=o,a>0){if(++r>=Tt)return arguments[0]}else r=0;return e.apply(void 0,arguments)}}function da(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 ge=Ge(function(){return arguments}())?Ge:function(e){return H(e)&&_.call(e,"callee")&&!mo.call(e,"callee")},ye=Array.isArray;function xe(e){return e!=null&&sr(e.length)&&!Se(e)}function ua(e){return H(e)&&xe(e)}var ir=ho||ga;function Se(e){if(!w(e))return !1;var r=J(e);return r==Je||r==It||r==$t||r==Ft}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 pa(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)==uo}var lr=Re?io(Re):Lo;function ma(e){return Yo(e,cr(e))}function cr(e){return xe(e)?Vo(e):Wo(e)}var ba=Zo(function(e,r,t,o){or(e,r,t,o);});function ha(e){return function(){return e}}function fr(e){return e}function ga(){return !1}O.exports=ba;});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,g])=>[m,g.selector]))}function n(){return Object.fromEntries(Object.entries(r).map(([m,g])=>[m,g.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 Ct=e=>typeof e=="function";function v(e,...r){return Ct(e)?e(...r):e}Xr(dr());function b(e){return {definePartsStyle(r){return r},defineMultiStyleConfig(r){return {parts:e,...r}}}}function va(e,r="-"){return e.replace(/\s+/g,r)}function _a(e){let r=va(e.toString());return Sa(xa(r))}function xa(e){return e.includes("\\.")?e:!Number.isInteger(parseFloat(e.toString()))?e.replace(".","\\."):e}function Sa(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 _a(`--${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=Ma.test(e)?wa(e):e;let t=Ta.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=ka.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=za.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=$a.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 [...Oa(s,n,l),Number.isNaN(d)?1:d]}throw new B(e)}function Aa(e){let r=5381,t=e.length;for(;t;)r=r*33^e.charCodeAt(--t);return (r>>>0)%2341}var hr=e=>parseInt(e.replace(/_/g,""),36),Ca="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=hr(r.substring(0,3)),o=hr(r.substring(3)).toString(16),a="";for(let i=0;i<6-o.length;i++)a+="0";return e[t]=`${a}${o}`,e},{});function wa(e){let r=e.toLowerCase().trim(),t=Ca[Aa(r)];if(!t)throw new B(e);return `#${t}`}var N=(e,r)=>Array.from(Array(r)).map(()=>e).join(""),Ta=new RegExp(`^#${N("([a-f0-9])",3)}([a-f0-9])?$`,"i"),ka=new RegExp(`^#${N("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),za=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${N(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),$a=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Ma=/^[a-z]+$/i,gr=e=>Math.round(e*255),Oa=(e,r,t)=>{let o=t/100;if(r===0)return [o,o,o].map(gr);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,g=l+f,S=d+f;return [m,g,S].map(gr)};function Ea(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 Ea(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 Ia(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=Ia(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 Pa(e,r="-"){return e.replace(/\s+/g,r)}function xr(e){let r=Pa(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,ja(void 0))}}function ja(e){return typeof e=="string"?e:e==null?void 0:e.reference}var{definePartsStyle:Ir,defineMultiStyleConfig:Da}=b(ne.keys),wr=u("alert-fg"),Tr=u("alert-bg"),$e=u("alert-border");function Fa(e){let{theme:r,colorScheme:t}=e,o=P(`${t}.600`,.16)(r);return {light:`colors.${t}.100`,dark:o}}function Ra(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=Fa(e),o=Ra(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}}}}),Ha=Ir(()=>({container:{borderColor:$e.reference,borderRadius:"md",fontSize:"sm"},icon:{w:4,h:5},title:{fontSize:"sm",fontWeight:"medium"},description:{color:"muted"}})),Ba=Da({defaultProps:{size:"sm",colorScheme:"primary"},baseStyle:Ha,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"}}},Na=e=>({fontWeight:"medium",_checked:{bg:"blackAlpha.100"},_dark:{_checked:{bg:"whiteAlpha.100"}}}),La=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"}}}},Wa=e=>Pr({...e,colorScheme:"primary"}),Ga={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"}}},qa={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"}}},Ua={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"}},Ka={defaultProps:{size:"md",variant:"secondary"},variants:{solid:Pr,outline:La,ghost:Na,primary:Wa,secondary:Ga,tertiary:qa},sizes:Ua},jr=c("card").parts("container","header","title","subtitle","body","footer"),{definePartsStyle:oe}=b(jr.keys),Ja=u("card-bg"),we=u("card-padding"),Qa=u("card-shadow"),Te=u("card-radius"),Xa=u("card-border-width","0"),Z=u("card-border-color"),Ya={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",[Xa.variable]:"1px",[Qa.variable]:"shadows.sm",_hover:r?{[Z.variable]:"colors.blackAlpha.300"}:{},_dark:{[Ja.variable]:"colors.gray.700",[Z.variable]:"colors.whiteAlpha.50",_hover:r?{[Z.variable]:"colors.whiteAlpha.300"}:{}}}}}),Za={parts:jr.keys,defaultProps:{variant:"elevated"},variants:{elevated:kr,shadow:kr},sizes:Ya},en={baseStyle:e=>{let{colorScheme:r}=e;return {control:{_checked:{borderColor:`${r}.500`,bg:`${r}.500`,color:"white"}}}},defaultProps:{colorScheme:"primary"}},rn={size:"sm"},tn={defaultProps:rn},{defineMultiStyleConfig:on,definePartsStyle:an}=b(ie.keys),zr=u("drawer-bg"),nn={bg:"blackAlpha.50"},sn=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"}}),ln={px:"4",py:"3",fontSize:"md",fontWeight:"semibold"},cn={position:"absolute",top:"2",insetEnd:"3"},fn=e=>({px:"4",py:"2"}),dn={px:"3",py:"3"},un=an(e=>({overlay:nn,dialog:v(sn,e),header:ln,closeButton:cn,body:v(fn,e),footer:dn})),pn=on({baseStyle:un}),mn=pn,bn={defaultProps:{size:"lg"}},ke=u("kbd-bg"),hn={[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:hn},yn=gn,{defineMultiStyleConfig:vn,definePartsStyle:_n}=b(le.keys),h=u("menu-bg"),ze=u("menu-shadow"),xn={[h.variable]:"colors.whiteAlpha.500",[ze.variable]:"shadows.lg",backdropFilter:"blur(10px) contrast(100%) saturate(190%)",_dark:{[h.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:h.reference,boxShadow:ze.reference},Sn={py:"1.5",px:"3",mx:"1",rounded:"md",fontSize:"sm",width:"calc(100% - 8px)",boxSizing:"border-box",bg:"transparent",_hover:{bg:h.reference,[h.variable]:"colors.grayAlpha.300"},_focus:{bg:h.reference,[h.variable]:"colors.grayAlpha.300"},_active:{bg:h.reference,[h.variable]:"colors.grayAlpha.300"},_expanded:{bg:h.reference,[h.variable]:"colors.grayAlpha.300"}},An={mx:4,my:2,fontWeight:"semibold",fontSize:"sm"},Cn={transitionProperty:"common",transitionDuration:"normal"},wn={my:"1"},Tn=_n({button:Cn,list:xn,item:Sn,groupTitle:An,divider:wn}),kn=vn({baseStyle:Tn}),zn=kn,{defineMultiStyleConfig:$n,definePartsStyle:Mn}=b(ce.keys),On={bg:"blackAlpha.50"},En=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%)"}}),In={px:"4",py:"3",fontSize:"md",fontWeight:"semibold"},Pn={position:"absolute",top:"2",insetEnd:"3"},jn=e=>({px:"4",py:"2"}),Dn={px:"3",py:"3"},Fn=Mn(e=>({overlay:On,dialog:v(En,e),header:In,closeButton:Pn,body:v(jn,e),footer:Dn})),Rn=$n({baseStyle:Fn,defaultProps:{size:"md"}}),Vn=Rn,{defineMultiStyleConfig:Hn}=b(de.keys),Bn=Hn({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:Nn,definePartsStyle:Ln}=b(fe.keys),ee=u("popper-bg"),Wn=u("popper-arrow-bg"),$r=u("popper-arrow-shadow-color"),Gn={[ee.variable]:"colors.whiteAlpha.800",bg:ee.reference,[Wn.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%)"}},qn=Ln(e=>({content:v(Gn,e)})),Un=Nn({baseStyle:qn,defaultProps:{size:"md"}}),Kn=Un,Jn={baseStyle:e=>{let{colorScheme:r}=e;return {control:{_checked:{borderColor:`${r}.500`,bg:`${r}.500`,color:"white"}}}},defaultProps:{colorScheme:"primary"}},Qn={defaultProps:{colorScheme:"primary"},baseStyle:e=>{let{colorScheme:r}=e;return {filledTrack:{bg:`${r}.500`}}}},{defineMultiStyleConfig:Xn,definePartsStyle:Yn}=b(ue.keys),L=$("switch-bg"),Zn=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}},ei={bg:"white",_dark:{bg:"blackAlpha.800",_checked:{bg:"white"}}},ri=Yn(e=>({track:Zn(e),thumb:ei})),ti=Xn({baseStyle:ri,defaultProps:{size:"md",colorScheme:"primary"}}),oi=ti,re=$("tooltip-bg"),Mr=$("tooltip-fg"),ai=$("popper-arrow-bg"),ni=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],[ai.variable]:[re.reference],borderRadius:"sm",fontWeight:"medium",fontSize:"xs",boxShadow:"md",maxW:"320px",zIndex:"tooltip",borderWidth:"1px"}),ii={baseStyle:ni},{definePartsStyle:si}=b(se.keys);function li(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=si(e=>{let{theme:r}=e,{focusBorderColor:t,errorBorderColor:o}=li(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"}}},Rr={defaultProps:{variant:"outline",size:"sm",focusBorderColor:"primary.500"},variants:{outline:Dr},sizes:Fr},ci={baseStyle:{mb:1},variants:{horizontal:{mb:0,marginStart:"0.5rem"}}},Me=Rr,fi=Rr,di={defaultProps:{focusBorderColor:"primary.500"},variants:{outline:Dr},sizes:Fr},ui={defaultProps:{focusBorderColor:"primary.500"},variants:{outline:e=>{var r,t;return (t=(r=Me.variants)==null?void 0:r.outline(e).field)!=null?t:{}}}},pi=Me,Vr={Alert:Ba,Button:Ka,Card:Za,Checkbox:en,CloseButton:tn,Drawer:mn,Heading:bn,Kbd:yn,Menu:zn,Modal:Vn,Progress:Bn,Popover:Kn,Radio:Jn,Slider:Qn,Switch:oi,Tooltip:ii,Input:Me,PinInput:di,FormLabel:ci,NumberInput:fi,Select:pi,Textarea:ui};var bi={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=bi,hi={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"},yi={},vi={container:{sm:"30em",md:"48em",lg:"62em",xl:"80em","2xl":"96em"}},_i=vi,xi={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})}`},Si=xi,Ai={colors:{muted:{default:"gray.500",_dark:"gray.400"}}},Hr=react.extendTheme({colors:Oe,fonts:hi,fontSizes:gi,textStyles:yi,sizes:_i,components:Vr,shadows:Si,semanticTokens:Ai});var $i=react.extendTheme(Hr,react$1.theme),Mi=()=>{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},Lr=previewApi.makeDecorator({name:"ChakraProviderDecorator",parameterName:"chakra",skipIfNoParametersOrOptions:!1,wrapper:(e,r,{parameters:t})=>{let {parameters:{saasui:o},globals:{[Ie]:a}}=r,i=Mi(),s=j__namespace.useCallback(()=>{switch(i){case"1":return react$1.theme;case"2":return $i;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)]})}});var Ii={decorators:[Lr]},kl=Ii;
-
-module.exports = kl;
-//# sourceMappingURL=preview.cjs.map
-//# sourceMappingURL=preview.cjs.map