storybook-addon-pseudo-states 4.0.3 → 9.0.0-beta.0

package/README.md

@@ -4,9 +4,6 @@
 
 Toggle CSS pseudo states for your components in Storybook.
 
-[![Published on npm](https://badgen.net/npm/v/storybook-addon-pseudo-states)](https://www.npmjs.com/package/storybook-addon-pseudo-states)
-[![Tested with Chromatic](https://badgen.net/badge/tested%20with/chromatic/fc521f)](https://www.chromatic.com/builds?appId=6008aabce49a640021858011)
-
 <p>
   <img src="https://user-images.githubusercontent.com/321738/105100903-51e98580-5aae-11eb-82bf-2b625c5a88a3.gif" width="560" alt="" />
 </p>
@@ -21,20 +18,16 @@ Because this addon rewrites your stylesheets rather than toggle the actual brows
 
 ## Getting Started
 
-This addon requires Storybook 6.1 or later. Install the latest with `npx sb upgrade --prerelease`
-
-First, install the addon:
+To install the addon:
 
 ```sh
-npm i -D storybook-addon-pseudo-states
+npx storybook add storybook-addon-pseudo-states
 ```
 
-Then, add `"storybook-addon-pseudo-states"` to the `addons` array in your [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project):
+For Storybook versions before 9.0, use v4.0.3 of the addon:
 
-```js
-module.exports = {
-  addons: ["storybook-addon-pseudo-states"],
-}
+```sh
+npx storybook add storybook-addon-pseudo-states@4.0.3
 ```
 
 ### Setting default story states
@@ -75,7 +68,7 @@ This accepts a single CSS selector (string), or an array of CSS selectors on whi
 
 By default, we use `#storybook-root` (or `#root` before Storybook 7) element as the root element for all pseudo classes. If you need to render elements outside Storybook's root element, you can set `parameters.pseudo.rootSelector` to override it. This is convenient for portals, dialogs, tooltips, etc.
 
-For example, consider a `Dialog` component that inject itself to the document's `body` node:
+For example, consider a `Dialog` component that injects itself to the document's `body` node:
 
 ```jsx
 export const DialogButton = () => (

package/dist/index.d.ts

@@ -1,3 +1,7 @@
-declare const _default: {};
+import * as core_dist_types from 'storybook/internal/types';
 
-export { _default as default };
+declare const PARAM_KEY = "pseudo";
+
+declare const _default: () => core_dist_types.ProjectAnnotations<core_dist_types.Renderer>;
+
+export { PARAM_KEY, _default as default };

package/dist/index.js

@@ -1,5 +1,11 @@
 'use strict';
 
-var e={};
+Object.defineProperty(exports, '__esModule', { value: true });
 
-module.exports = e;
+var previewApi = require('storybook/preview-api');
+var coreEvents = require('storybook/internal/core-events');
+
+var __defProp=Object.defineProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});};var preview_exports={};__export(preview_exports,{decorators:()=>decorators,initialGlobals:()=>initialGlobals});var PARAM_KEY="pseudo",EXCLUDED_PSEUDO_ELEMENT_PATTERNS=["::-(webkit|moz|ms)-[a-z-]+","::part\\([^)]+\\)"],PSEUDO_STATES={hover:"hover",active:"active",focusVisible:"focus-visible",focusWithin:"focus-within",focus:"focus",visited:"visited",link:"link",target:"target"};var isAtRule=selector=>selector.indexOf("@")===0,splitSelectors=selectors=>{if(isAtRule(selectors))return [selectors];let result=[],parentheses=0,brackets=0,selector="";for(let i=0,len=selectors.length;i<len;i++){let char=selectors[i];if(char==="(")parentheses+=1;else if(char===")")parentheses-=1;else if(char==="[")brackets+=1;else if(char==="]")brackets-=1;else if(char===","&&!parentheses&&!brackets){result.push(selector.trim()),selector="";continue}selector+=char;}return result.push(selector.trim()),result};var pseudoStates=Object.values(PSEUDO_STATES),pseudoStatesPattern=`:(${pseudoStates.join("|")})`,matchOne=new RegExp(pseudoStatesPattern),matchAll=new RegExp(pseudoStatesPattern,"g"),warnings=new Set,warnOnce=message=>{warnings.has(message)||(console.warn(message),warnings.add(message));},replacePseudoStates=(selector,allClass)=>{let negativeLookbehind=`(?<!(?:${EXCLUDED_PSEUDO_ELEMENT_PATTERNS.join("|")})\\S*)`;return pseudoStates.reduce((acc,state)=>acc.replace(new RegExp(`${negativeLookbehind}:${state}`,"g"),`.pseudo-${state}${allClass?"-all":""}`),selector)},replacePseudoStatesWithAncestorSelector=(selector,forShadowDOM,additionalHostSelectors)=>{let extracted=extractPseudoStates(selector);if(extracted.states.length===0&&!additionalHostSelectors)return selector;let selectors=`${additionalHostSelectors??""}${extracted.states.map(s=>`.pseudo-${s}-all`).join("")}`,{withoutPseudoStates}=extracted;return withoutPseudoStates=withoutPseudoStates.replace(":host-context(*)","").trimStart(),withoutPseudoStates.startsWith(":host-context(")?withoutPseudoStates.replace(/(?<=:host-context\(\S+)\)/,`)${selectors}`):forShadowDOM?`:host(${selectors}) ${withoutPseudoStates}`:`${selectors} ${withoutPseudoStates}`},extractPseudoStates=selector=>{let states=new Set,withoutPseudoStates=selector.replace(matchAll,(_,state)=>(states.add(state),"")).replaceAll(/(?<!is)\(\)/g,"(*)").replace(/(?<=[\s(]),\s+|(,\s+)+(?=\))/g,"")||"*";return {states:Array.from(states),withoutPseudoStates}},rewriteNotSelectors=(selector,forShadowDOM)=>[...selector.matchAll(/:not\(([^)]+)\)/g)].reduce((acc,match)=>{let originalNot=match[0],selectorList=match[1],rewrittenNot=rewriteNotSelector(selectorList,forShadowDOM);return acc.replace(originalNot,rewrittenNot)},selector),rewriteNotSelector=(negatedSelectorList,forShadowDOM)=>{let rewrittenSelectors=[];for(let negatedSelector of negatedSelectorList.split(/,\s*/))rewrittenSelectors.push(replacePseudoStatesWithAncestorSelector(negatedSelector,forShadowDOM));return `:not(${rewrittenSelectors.join(", ")})`},rewriteRule=({cssText,selectorText},forShadowDOM)=>cssText.replace(selectorText,splitSelectors(selectorText).flatMap(selector=>{if(selector.includes(".pseudo-"))return [];let replacementSelectors=[selector];if(!matchOne.test(selector))return replacementSelectors;let classSelector=replacePseudoStates(selector);classSelector!==selector&&replacementSelectors.push(classSelector);let ancestorSelector="";if(selector.startsWith(":host(")){let matches=selector.match(/^:host\((\S+)\)\s+(.+)$/);if(matches&&matchOne.test(matches[2])){let hostInnerSelector=matches[1],descendantSelector=matches[2];hostInnerSelector=replacePseudoStates(hostInnerSelector,!0),descendantSelector=rewriteNotSelectors(descendantSelector,!0),ancestorSelector=replacePseudoStatesWithAncestorSelector(descendantSelector,!0,hostInnerSelector);}else ancestorSelector=replacePseudoStates(selector,!0);}else {let withNotsReplaced=rewriteNotSelectors(selector,forShadowDOM);ancestorSelector=replacePseudoStatesWithAncestorSelector(withNotsReplaced,forShadowDOM);}return replacementSelectors.push(ancestorSelector),replacementSelectors}).join(", ")),rewriteStyleSheet=(sheet,forShadowDOM=!1)=>{try{let count=rewriteRuleContainer(sheet,1e3,forShadowDOM);return count>=1e3&&warnOnce("Reached maximum of 1000 pseudo selectors per sheet, skipping the rest."),count>0}catch(e){return String(e).includes("cssRules")?warnOnce(`Can't access cssRules, likely due to CORS restrictions: ${sheet.href}`):console.error(e,sheet.href),!1}},rewriteRuleContainer=(ruleContainer,rewriteLimit,forShadowDOM)=>{let count=0,index=-1;for(let cssRule of ruleContainer.cssRules){index++;let numRewritten=0;if(cssRule.__processed)numRewritten=cssRule.__pseudoStatesRewrittenCount;else {if("cssRules"in cssRule&&cssRule.cssRules.length)numRewritten=rewriteRuleContainer(cssRule,rewriteLimit-count,forShadowDOM);else {if(!("selectorText"in cssRule))continue;let styleRule=cssRule;if(matchOne.test(styleRule.selectorText)){let newRule=rewriteRule(styleRule,forShadowDOM);ruleContainer.deleteRule(index),ruleContainer.insertRule(newRule,index),numRewritten=1;}}cssRule.__processed=!0,cssRule.__pseudoStatesRewrittenCount=numRewritten;}if(count+=numRewritten,count>=rewriteLimit)break}return count};var channel=previewApi.addons.getChannel(),shadowHosts=new Set,applyClasses=(element,classnames)=>{Object.values(PSEUDO_STATES).forEach(state=>{element.classList.remove(`pseudo-${state}`),element.classList.remove(`pseudo-${state}-all`);}),classnames.forEach(classname=>element.classList.add(classname));};function querySelectorPiercingShadowDOM(root,selector){let results=[];return root.querySelectorAll("*").forEach(el=>{el.shadowRoot&&results.push(...querySelectorPiercingShadowDOM(el.shadowRoot,selector));}),results.push(...root.querySelectorAll(selector).values()),results}var applyParameter=(rootElement,parameter={})=>{let map=new Map([[rootElement,new Set]]),add=(target,state)=>map.set(target,new Set([...map.get(target)||[],state]));Object.entries(parameter||{}).forEach(([state,value])=>{typeof value=="boolean"?value&&add(rootElement,`${state}-all`):typeof value=="string"?querySelectorPiercingShadowDOM(rootElement,value).forEach(el=>add(el,state)):Array.isArray(value)&&value.forEach(sel=>querySelectorPiercingShadowDOM(rootElement,sel).forEach(el=>add(el,state)));}),map.forEach((states,target)=>{let classnames=new Set;states.forEach(key=>{let keyWithoutAll=key.replace("-all","");PSEUDO_STATES[key]?classnames.add(`pseudo-${PSEUDO_STATES[key]}`):PSEUDO_STATES[keyWithoutAll]&&classnames.add(`pseudo-${PSEUDO_STATES[keyWithoutAll]}-all`);}),applyClasses(target,classnames);});},updateShadowHost=shadowHost=>{let classnames=new Set;shadowHost.className.split(" ").filter(classname=>classname.match(/^pseudo-(.(?!-all))+$/)).forEach(classname=>classnames.add(classname));for(let node=shadowHost.parentNode;node;){if(node instanceof ShadowRoot){node=node.host;continue}if(node instanceof Element){let element=node;element.className&&element.className.split(" ").filter(classname=>classname.match(/^pseudo-.+-all$/)!==null).forEach(classname=>classnames.add(classname));}node=node.parentNode;}applyClasses(shadowHost,classnames);},pseudoConfig=parameter=>{let{rootSelector,...pseudoStateConfig}=parameter||{};return pseudoStateConfig},equals=(a={},b={})=>a!==null&&b!==null&&Object.keys(a).length===Object.keys(b).length&&Object.keys(a).every(key=>JSON.stringify(a[key])===JSON.stringify(b[key])),withPseudoState=(StoryFn,{viewMode,parameters,id,globals:globalsArgs})=>{let{pseudo:parameter}=parameters,{pseudo:globals}=globalsArgs,{rootSelector}=parameter||{},rootElement=previewApi.useMemo(()=>rootSelector?document.querySelector(rootSelector):viewMode==="docs"?document.getElementById(`story--${id}`):document.getElementById("storybook-root")||document.getElementById("root"),[rootSelector,viewMode,id]),globalsRef=previewApi.useRef(globals);return previewApi.useEffect(()=>{let config=pseudoConfig(parameter);viewMode==="story"&&!equals(config,globalsRef.current)&&channel.emit(coreEvents.UPDATE_GLOBALS,{globals:{pseudo:config}});},[parameter,viewMode]),previewApi.useEffect(()=>{if(!rootElement)return;let timeout=setTimeout(()=>{applyParameter(rootElement,globals||pseudoConfig(parameter)),shadowHosts.forEach(updateShadowHost);},0);return ()=>clearTimeout(timeout)},[rootElement,globals,parameter]),StoryFn()},rewriteStyleSheets=shadowRoot=>{let styleSheets=Array.from(shadowRoot?shadowRoot.styleSheets:document.styleSheets);shadowRoot?.adoptedStyleSheets?.length&&(styleSheets=shadowRoot.adoptedStyleSheets),styleSheets.forEach(sheet=>rewriteStyleSheet(sheet,!!shadowRoot)),shadowRoot&&shadowHosts&&shadowHosts.add(shadowRoot.host);};channel.on(coreEvents.STORY_CHANGED,()=>shadowHosts.clear());channel.on(coreEvents.STORY_RENDERED,()=>rewriteStyleSheets());channel.on(coreEvents.GLOBALS_UPDATED,()=>rewriteStyleSheets());channel.on(coreEvents.FORCE_RE_RENDER,()=>rewriteStyleSheets());channel.on(coreEvents.FORCE_REMOUNT,()=>rewriteStyleSheets());channel.on(coreEvents.DOCS_RENDERED,()=>rewriteStyleSheets());Element.prototype.attachShadow&&(Element.prototype._attachShadow=Element.prototype.attachShadow,Element.prototype.attachShadow=function(init){let shadowRoot=this._attachShadow({...init,mode:"open"});return requestAnimationFrame(()=>{rewriteStyleSheets(shadowRoot),shadowHosts.has(shadowRoot.host)&&updateShadowHost(shadowRoot.host);}),shadowRoot});var decorators=[withPseudoState],initialGlobals={[PARAM_KEY]:!1};var index_default=()=>previewApi.definePreview(preview_exports);
+
+exports.PARAM_KEY = PARAM_KEY;
+exports.default = index_default;

package/dist/index.mjs

@@ -1,3 +1,6 @@
-var e={};
+import { addons, definePreview, useMemo, useRef, useEffect } from 'storybook/preview-api';
+import { STORY_CHANGED, STORY_RENDERED, GLOBALS_UPDATED, FORCE_RE_RENDER, FORCE_REMOUNT, DOCS_RENDERED, UPDATE_GLOBALS } from 'storybook/internal/core-events';
 
-export { e as default };
+var __defProp=Object.defineProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});};var preview_exports={};__export(preview_exports,{decorators:()=>decorators,initialGlobals:()=>initialGlobals});var PARAM_KEY="pseudo",EXCLUDED_PSEUDO_ELEMENT_PATTERNS=["::-(webkit|moz|ms)-[a-z-]+","::part\\([^)]+\\)"],PSEUDO_STATES={hover:"hover",active:"active",focusVisible:"focus-visible",focusWithin:"focus-within",focus:"focus",visited:"visited",link:"link",target:"target"};var isAtRule=selector=>selector.indexOf("@")===0,splitSelectors=selectors=>{if(isAtRule(selectors))return [selectors];let result=[],parentheses=0,brackets=0,selector="";for(let i=0,len=selectors.length;i<len;i++){let char=selectors[i];if(char==="(")parentheses+=1;else if(char===")")parentheses-=1;else if(char==="[")brackets+=1;else if(char==="]")brackets-=1;else if(char===","&&!parentheses&&!brackets){result.push(selector.trim()),selector="";continue}selector+=char;}return result.push(selector.trim()),result};var pseudoStates=Object.values(PSEUDO_STATES),pseudoStatesPattern=`:(${pseudoStates.join("|")})`,matchOne=new RegExp(pseudoStatesPattern),matchAll=new RegExp(pseudoStatesPattern,"g"),warnings=new Set,warnOnce=message=>{warnings.has(message)||(console.warn(message),warnings.add(message));},replacePseudoStates=(selector,allClass)=>{let negativeLookbehind=`(?<!(?:${EXCLUDED_PSEUDO_ELEMENT_PATTERNS.join("|")})\\S*)`;return pseudoStates.reduce((acc,state)=>acc.replace(new RegExp(`${negativeLookbehind}:${state}`,"g"),`.pseudo-${state}${allClass?"-all":""}`),selector)},replacePseudoStatesWithAncestorSelector=(selector,forShadowDOM,additionalHostSelectors)=>{let extracted=extractPseudoStates(selector);if(extracted.states.length===0&&!additionalHostSelectors)return selector;let selectors=`${additionalHostSelectors??""}${extracted.states.map(s=>`.pseudo-${s}-all`).join("")}`,{withoutPseudoStates}=extracted;return withoutPseudoStates=withoutPseudoStates.replace(":host-context(*)","").trimStart(),withoutPseudoStates.startsWith(":host-context(")?withoutPseudoStates.replace(/(?<=:host-context\(\S+)\)/,`)${selectors}`):forShadowDOM?`:host(${selectors}) ${withoutPseudoStates}`:`${selectors} ${withoutPseudoStates}`},extractPseudoStates=selector=>{let states=new Set,withoutPseudoStates=selector.replace(matchAll,(_,state)=>(states.add(state),"")).replaceAll(/(?<!is)\(\)/g,"(*)").replace(/(?<=[\s(]),\s+|(,\s+)+(?=\))/g,"")||"*";return {states:Array.from(states),withoutPseudoStates}},rewriteNotSelectors=(selector,forShadowDOM)=>[...selector.matchAll(/:not\(([^)]+)\)/g)].reduce((acc,match)=>{let originalNot=match[0],selectorList=match[1],rewrittenNot=rewriteNotSelector(selectorList,forShadowDOM);return acc.replace(originalNot,rewrittenNot)},selector),rewriteNotSelector=(negatedSelectorList,forShadowDOM)=>{let rewrittenSelectors=[];for(let negatedSelector of negatedSelectorList.split(/,\s*/))rewrittenSelectors.push(replacePseudoStatesWithAncestorSelector(negatedSelector,forShadowDOM));return `:not(${rewrittenSelectors.join(", ")})`},rewriteRule=({cssText,selectorText},forShadowDOM)=>cssText.replace(selectorText,splitSelectors(selectorText).flatMap(selector=>{if(selector.includes(".pseudo-"))return [];let replacementSelectors=[selector];if(!matchOne.test(selector))return replacementSelectors;let classSelector=replacePseudoStates(selector);classSelector!==selector&&replacementSelectors.push(classSelector);let ancestorSelector="";if(selector.startsWith(":host(")){let matches=selector.match(/^:host\((\S+)\)\s+(.+)$/);if(matches&&matchOne.test(matches[2])){let hostInnerSelector=matches[1],descendantSelector=matches[2];hostInnerSelector=replacePseudoStates(hostInnerSelector,!0),descendantSelector=rewriteNotSelectors(descendantSelector,!0),ancestorSelector=replacePseudoStatesWithAncestorSelector(descendantSelector,!0,hostInnerSelector);}else ancestorSelector=replacePseudoStates(selector,!0);}else {let withNotsReplaced=rewriteNotSelectors(selector,forShadowDOM);ancestorSelector=replacePseudoStatesWithAncestorSelector(withNotsReplaced,forShadowDOM);}return replacementSelectors.push(ancestorSelector),replacementSelectors}).join(", ")),rewriteStyleSheet=(sheet,forShadowDOM=!1)=>{try{let count=rewriteRuleContainer(sheet,1e3,forShadowDOM);return count>=1e3&&warnOnce("Reached maximum of 1000 pseudo selectors per sheet, skipping the rest."),count>0}catch(e){return String(e).includes("cssRules")?warnOnce(`Can't access cssRules, likely due to CORS restrictions: ${sheet.href}`):console.error(e,sheet.href),!1}},rewriteRuleContainer=(ruleContainer,rewriteLimit,forShadowDOM)=>{let count=0,index=-1;for(let cssRule of ruleContainer.cssRules){index++;let numRewritten=0;if(cssRule.__processed)numRewritten=cssRule.__pseudoStatesRewrittenCount;else {if("cssRules"in cssRule&&cssRule.cssRules.length)numRewritten=rewriteRuleContainer(cssRule,rewriteLimit-count,forShadowDOM);else {if(!("selectorText"in cssRule))continue;let styleRule=cssRule;if(matchOne.test(styleRule.selectorText)){let newRule=rewriteRule(styleRule,forShadowDOM);ruleContainer.deleteRule(index),ruleContainer.insertRule(newRule,index),numRewritten=1;}}cssRule.__processed=!0,cssRule.__pseudoStatesRewrittenCount=numRewritten;}if(count+=numRewritten,count>=rewriteLimit)break}return count};var channel=addons.getChannel(),shadowHosts=new Set,applyClasses=(element,classnames)=>{Object.values(PSEUDO_STATES).forEach(state=>{element.classList.remove(`pseudo-${state}`),element.classList.remove(`pseudo-${state}-all`);}),classnames.forEach(classname=>element.classList.add(classname));};function querySelectorPiercingShadowDOM(root,selector){let results=[];return root.querySelectorAll("*").forEach(el=>{el.shadowRoot&&results.push(...querySelectorPiercingShadowDOM(el.shadowRoot,selector));}),results.push(...root.querySelectorAll(selector).values()),results}var applyParameter=(rootElement,parameter={})=>{let map=new Map([[rootElement,new Set]]),add=(target,state)=>map.set(target,new Set([...map.get(target)||[],state]));Object.entries(parameter||{}).forEach(([state,value])=>{typeof value=="boolean"?value&&add(rootElement,`${state}-all`):typeof value=="string"?querySelectorPiercingShadowDOM(rootElement,value).forEach(el=>add(el,state)):Array.isArray(value)&&value.forEach(sel=>querySelectorPiercingShadowDOM(rootElement,sel).forEach(el=>add(el,state)));}),map.forEach((states,target)=>{let classnames=new Set;states.forEach(key=>{let keyWithoutAll=key.replace("-all","");PSEUDO_STATES[key]?classnames.add(`pseudo-${PSEUDO_STATES[key]}`):PSEUDO_STATES[keyWithoutAll]&&classnames.add(`pseudo-${PSEUDO_STATES[keyWithoutAll]}-all`);}),applyClasses(target,classnames);});},updateShadowHost=shadowHost=>{let classnames=new Set;shadowHost.className.split(" ").filter(classname=>classname.match(/^pseudo-(.(?!-all))+$/)).forEach(classname=>classnames.add(classname));for(let node=shadowHost.parentNode;node;){if(node instanceof ShadowRoot){node=node.host;continue}if(node instanceof Element){let element=node;element.className&&element.className.split(" ").filter(classname=>classname.match(/^pseudo-.+-all$/)!==null).forEach(classname=>classnames.add(classname));}node=node.parentNode;}applyClasses(shadowHost,classnames);},pseudoConfig=parameter=>{let{rootSelector,...pseudoStateConfig}=parameter||{};return pseudoStateConfig},equals=(a={},b={})=>a!==null&&b!==null&&Object.keys(a).length===Object.keys(b).length&&Object.keys(a).every(key=>JSON.stringify(a[key])===JSON.stringify(b[key])),withPseudoState=(StoryFn,{viewMode,parameters,id,globals:globalsArgs})=>{let{pseudo:parameter}=parameters,{pseudo:globals}=globalsArgs,{rootSelector}=parameter||{},rootElement=useMemo(()=>rootSelector?document.querySelector(rootSelector):viewMode==="docs"?document.getElementById(`story--${id}`):document.getElementById("storybook-root")||document.getElementById("root"),[rootSelector,viewMode,id]),globalsRef=useRef(globals);return useEffect(()=>{let config=pseudoConfig(parameter);viewMode==="story"&&!equals(config,globalsRef.current)&&channel.emit(UPDATE_GLOBALS,{globals:{pseudo:config}});},[parameter,viewMode]),useEffect(()=>{if(!rootElement)return;let timeout=setTimeout(()=>{applyParameter(rootElement,globals||pseudoConfig(parameter)),shadowHosts.forEach(updateShadowHost);},0);return ()=>clearTimeout(timeout)},[rootElement,globals,parameter]),StoryFn()},rewriteStyleSheets=shadowRoot=>{let styleSheets=Array.from(shadowRoot?shadowRoot.styleSheets:document.styleSheets);shadowRoot?.adoptedStyleSheets?.length&&(styleSheets=shadowRoot.adoptedStyleSheets),styleSheets.forEach(sheet=>rewriteStyleSheet(sheet,!!shadowRoot)),shadowRoot&&shadowHosts&&shadowHosts.add(shadowRoot.host);};channel.on(STORY_CHANGED,()=>shadowHosts.clear());channel.on(STORY_RENDERED,()=>rewriteStyleSheets());channel.on(GLOBALS_UPDATED,()=>rewriteStyleSheets());channel.on(FORCE_RE_RENDER,()=>rewriteStyleSheets());channel.on(FORCE_REMOUNT,()=>rewriteStyleSheets());channel.on(DOCS_RENDERED,()=>rewriteStyleSheets());Element.prototype.attachShadow&&(Element.prototype._attachShadow=Element.prototype.attachShadow,Element.prototype.attachShadow=function(init){let shadowRoot=this._attachShadow({...init,mode:"open"});return requestAnimationFrame(()=>{rewriteStyleSheets(shadowRoot),shadowHosts.has(shadowRoot.host)&&updateShadowHost(shadowRoot.host);}),shadowRoot});var decorators=[withPseudoState],initialGlobals={[PARAM_KEY]:!1};var index_default=()=>definePreview(preview_exports);
+
+export { PARAM_KEY, index_default as default };

package/dist/manager.js

@@ -1,13 +1,7 @@
-'use strict';
+import { addons, types, useGlobals } from 'storybook/manager-api';
+import React, { useCallback } from 'react';
+import { Checkbox, WithTooltip, TooltipLinkList, IconButton } from 'storybook/internal/components';
+import { styled, color } from 'storybook/internal/theming';
+import { RefreshIcon, ButtonIcon } from '@storybook/icons';
 
-var managerApi = require('storybook/internal/manager-api');
-var icons = require('@storybook/icons');
-var e = require('react');
-var components = require('storybook/internal/components');
-var theming = require('storybook/internal/theming');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var e__default = /*#__PURE__*/_interopDefault(e);
-
-var r="storybook/pseudo-states",l=`${r}/tool`,c="pseudo";var n={hover:"hover",active:"active",focusVisible:"focus-visible",focusWithin:"focus-within",focus:"focus",visited:"visited",link:"link",target:"target"};var _=theming.styled.span(({active:o})=>({color:o?theming.color.secondary:"inherit"})),A=theming.styled(icons.CheckIcon)(({active:o})=>({opacity:o?1:0,path:{fill:o?theming.color.secondary:"inherit"}})),a=Object.keys(n).sort(),u=()=>{let[o,m]=managerApi.useGlobals(),s=o[c],i=e.useCallback(t=>s?s[t]===!0:!1,[s]),d=e.useCallback(t=>()=>{m({[c]:{...s,[t]:!i(t)}});},[s]);return e__default.default.createElement(components.WithTooltip,{placement:"top",trigger:"click",tooltip:()=>e__default.default.createElement(components.TooltipLinkList,{links:a.map(t=>({id:t,title:e__default.default.createElement(_,{active:i(t)},":",n[t]),right:e__default.default.createElement(A,{width:12,height:12,active:i(t)}),onClick:d(t),active:i(t)}))})},e__default.default.createElement(components.IconButton,{key:"pseudo-state",title:"Select CSS pseudo states",active:a.some(i)},e__default.default.createElement(icons.ButtonIcon,null)))};managerApi.addons.register(r,()=>{managerApi.addons.add(l,{type:managerApi.types.TOOL,title:"CSS pseudo states",match:({viewMode:o})=>o==="story",render:u});});
+var ADDON_ID="storybook/pseudo-states",TOOL_ID=`${ADDON_ID}/tool`,PARAM_KEY="pseudo";var PSEUDO_STATES={hover:"hover",active:"active",focusVisible:"focus-visible",focusWithin:"focus-within",focus:"focus",visited:"visited",link:"link",target:"target"};var LinkTitle=styled.span(({active})=>({color:active?color.secondary:"inherit"})),options=Object.keys(PSEUDO_STATES).sort(),PseudoStateTool=()=>{let[globals,updateGlobals]=useGlobals(),pseudo=globals[PARAM_KEY],isActive=useCallback(option=>pseudo?pseudo[option]===!0:!1,[pseudo]),hasActive=options.some(isActive),reset={id:"reset",title:"Reset pseudo states",icon:React.createElement(RefreshIcon,{style:{opacity:hasActive?1:.7}}),disabled:!hasActive,onClick:()=>updateGlobals({[PARAM_KEY]:{}})},toggleOption=useCallback(option=>()=>{let{[option]:value,...rest}=pseudo;updateGlobals({[PARAM_KEY]:value===!0?rest:{...rest,[option]:!0}});},[pseudo,updateGlobals]),links=options.map(option=>{let active=isActive(option);return {id:option,title:React.createElement(LinkTitle,{active},":",PSEUDO_STATES[option]),input:React.createElement(Checkbox,{checked:active,onChange:toggleOption(option)}),active}});return React.createElement(WithTooltip,{placement:"top",trigger:"click",closeOnOutsideClick:!0,tooltip:React.createElement(TooltipLinkList,{links:[[reset],links]})},React.createElement(IconButton,{key:"pseudo-states",title:"Select CSS pseudo states",active:hasActive},React.createElement(ButtonIcon,null)))};addons.register(ADDON_ID,()=>{addons.add(TOOL_ID,{type:types.TOOL,title:"CSS pseudo states",match:({viewMode})=>viewMode==="story",render:PseudoStateTool});});

package/dist/preview.d.ts

@@ -1,6 +1,6 @@
-import * as storybook_internal_types from 'storybook/internal/types';
+import * as core_dist_csf from 'storybook/internal/csf';
 
-declare const decorators: storybook_internal_types.DecoratorFunction[];
+declare const decorators: core_dist_csf.DecoratorFunction[];
 declare const initialGlobals: {
     pseudo: boolean;
 };

package/dist/preview.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var coreEvents = require('storybook/internal/core-events');
-var previewApi = require('storybook/internal/preview-api');
+var previewApi = require('storybook/preview-api');
 
-var g="pseudo",R=["::-(webkit|moz|ms)-[a-z-]+","::part\\([^)]+\\)"],u={hover:"hover",active:"active",focusVisible:"focus-visible",focusWithin:"focus-within",focus:"focus",visited:"visited",link:"link",target:"target"};var k=e=>e.indexOf("@")===0,y=e=>{if(k(e))return [e];let o=[],t=0,s=0,n="";for(let r=0,c=e.length;r<c;r++){let a=e[r];if(a==="(")t+=1;else if(a===")")t-=1;else if(a==="[")s+=1;else if(a==="]")s-=1;else if(a===","&&!t&&!s){o.push(n.trim()),n="";continue}n+=a;}return o.push(n.trim()),o};var A=Object.values(u),O=`:(${A.join("|")})`,h=new RegExp(O),j=new RegExp(O,"g"),P=new Set,w=e=>{P.has(e)||(console.warn(e),P.add(e));},d=(e,o)=>{let t=`(?<!(?:${R.join("|")})\\S*)`;return A.reduce((s,n)=>s.replace(new RegExp(`${t}:${n}`,"g"),`.pseudo-${n}${o?"-all":""}`),e)},m=(e,o,t)=>{let{states:s,withoutPseudoStates:n}=U(e);if(s.length===0&&!t)return e;let r=`${t??""}${s.map(c=>`.pseudo-${c}-all`).join("")}`;return n=n.replace(":host-context(*)","").trimStart(),n.startsWith(":host-context(")?n.replace(new RegExp("(?<=:host-context\\(\\S+)\\)"),`)${r}`):o?`:host(${r}) ${n}`:`${r} ${n}`},U=e=>{let o=new Set,t=e.replace(j,(s,n)=>(o.add(n),"")).replaceAll(new RegExp("(?<!is)\\(\\)","g"),"(*)").replace(new RegExp("(?<=[\\s(]),\\s+|(,\\s+)+(?=\\))","g"),"")||"*";return {states:Array.from(o),withoutPseudoStates:t}},_=(e,o)=>[...e.matchAll(/:not\(([^)]+)\)/g)].reduce((t,s)=>{let n=s[0],r=s[1],c=q(r,o);return t.replace(n,c)},e),q=(e,o)=>{let t=[];for(let s of e.split(/,\s*/))t.push(m(s,o));return `:not(${t.join(", ")})`},v=({cssText:e,selectorText:o},t)=>e.replace(o,y(o).flatMap(s=>{if(s.includes(".pseudo-"))return [];let n=[s];if(!h.test(s))return n;let r=d(s);r!==s&&n.push(r);let c="";if(s.startsWith(":host(")){let a=s.match(/^:host\((\S+)\)\s+(.+)$/);if(a&&h.test(a[2])){let l=a[1],i=a[2];l=d(l,!0),i=_(i,!0),c=m(i,!0,l);}else c=d(s,!0);}else {let a=_(s,t);c=m(a,t);}return n.push(c),n}).join(", ")),b=(e,o=!1)=>{try{let s=x(e,1e3,o);return s>=1e3&&w("Reached maximum of 1000 pseudo selectors per sheet, skipping the rest."),s>0}catch(t){return String(t).includes("cssRules")?w(`Can't access cssRules, likely due to CORS restrictions: ${e.href}`):console.error(t,e.href),!1}},x=(e,o,t)=>{let s=0,n=-1;for(let r of e.cssRules){n++;let c=0;if(r.__processed)c=r.__pseudoStatesRewrittenCount;else {if("cssRules"in r&&r.cssRules.length)c=x(r,o-s,t);else {if(!("selectorText"in r))continue;let a=r;if(h.test(a.selectorText)){let l=v(a,t);e.deleteRule(n),e.insertRule(l,n),c=1;}}r.__processed=!0,r.__pseudoStatesRewrittenCount=c;}if(s+=c,s>=o)break}return s};var S=previewApi.addons.getChannel(),f=new Set,C=(e,o)=>{Object.values(u).forEach(t=>{e.classList.remove(`pseudo-${t}`),e.classList.remove(`pseudo-${t}-all`);}),o.forEach(t=>e.classList.add(t));};function E(e,o){let t=[];return e.querySelectorAll("*").forEach(s=>{s.shadowRoot&&t.push(...E(s.shadowRoot,o));}),t.push(...e.querySelectorAll(o).values()),t}var K=(e,o={})=>{let t=new Map([[e,new Set]]),s=(n,r)=>t.set(n,new Set([...t.get(n)||[],r]));Object.entries(o||{}).forEach(([n,r])=>{typeof r=="boolean"?r&&s(e,`${n}-all`):typeof r=="string"?E(e,r).forEach(c=>s(c,n)):Array.isArray(r)&&r.forEach(c=>E(e,c).forEach(a=>s(a,n)));}),t.forEach((n,r)=>{let c=new Set;n.forEach(a=>{let l=a.replace("-all","");u[a]?c.add(`pseudo-${u[a]}`):u[l]&&c.add(`pseudo-${u[l]}-all`);}),C(r,c);});},D=e=>{let o=new Set;e.className.split(" ").filter(t=>t.match(/^pseudo-(.(?!-all))+$/)).forEach(t=>o.add(t));for(let t=e.parentNode;t;){if(t instanceof ShadowRoot){t=t.host;continue}if(t instanceof Element){let s=t;s.className&&s.className.split(" ").filter(n=>n.match(/^pseudo-.+-all$/)!==null).forEach(n=>o.add(n));}t=t.parentNode;}C(e,o);},$=e=>{let{rootSelector:o,...t}=e||{};return t},X=(e={},o={})=>e!==null&&o!==null&&Object.keys(e).length===Object.keys(o).length&&Object.keys(e).every(t=>JSON.stringify(e[t])===JSON.stringify(o[t])),N=(e,{viewMode:o,parameters:t,id:s,globals:n})=>{let{pseudo:r}=t,{pseudo:c}=n,{rootSelector:a}=r||{},l=previewApi.useMemo(()=>a?document.querySelector(a):o==="docs"?document.getElementById(`story--${s}`):document.getElementById("storybook-root")||document.getElementById("root"),[a,o,s]);return previewApi.useEffect(()=>{let i=$(r);o==="story"&&!X(i,c)&&S.emit(coreEvents.UPDATE_GLOBALS,{globals:{pseudo:i}});},[r,o]),previewApi.useEffect(()=>{if(!l)return;let i=setTimeout(()=>{K(l,c||$(r)),f.forEach(D);},0);return ()=>clearTimeout(i)},[l,c,r]),e()},p=e=>{let o=Array.from(e?e.styleSheets:document.styleSheets);e?.adoptedStyleSheets?.length&&(o=e.adoptedStyleSheets),o.forEach(t=>b(t,!!e)),e&&f&&f.add(e.host);};S.on(coreEvents.STORY_CHANGED,()=>f.clear());S.on(coreEvents.STORY_RENDERED,()=>p());S.on(coreEvents.GLOBALS_UPDATED,()=>p());S.on(coreEvents.FORCE_RE_RENDER,()=>p());S.on(coreEvents.FORCE_REMOUNT,()=>p());S.on(coreEvents.DOCS_RENDERED,()=>p());Element.prototype.attachShadow&&(Element.prototype._attachShadow=Element.prototype.attachShadow,Element.prototype.attachShadow=function(o){let t=this._attachShadow({...o,mode:"open"});return requestAnimationFrame(()=>{p(t),f.has(t.host)&&D(t.host);}),t});var ue=[N],Se={[g]:!1};
+var PARAM_KEY="pseudo",EXCLUDED_PSEUDO_ELEMENT_PATTERNS=["::-(webkit|moz|ms)-[a-z-]+","::part\\([^)]+\\)"],PSEUDO_STATES={hover:"hover",active:"active",focusVisible:"focus-visible",focusWithin:"focus-within",focus:"focus",visited:"visited",link:"link",target:"target"};var isAtRule=selector=>selector.indexOf("@")===0,splitSelectors=selectors=>{if(isAtRule(selectors))return [selectors];let result=[],parentheses=0,brackets=0,selector="";for(let i=0,len=selectors.length;i<len;i++){let char=selectors[i];if(char==="(")parentheses+=1;else if(char===")")parentheses-=1;else if(char==="[")brackets+=1;else if(char==="]")brackets-=1;else if(char===","&&!parentheses&&!brackets){result.push(selector.trim()),selector="";continue}selector+=char;}return result.push(selector.trim()),result};var pseudoStates=Object.values(PSEUDO_STATES),pseudoStatesPattern=`:(${pseudoStates.join("|")})`,matchOne=new RegExp(pseudoStatesPattern),matchAll=new RegExp(pseudoStatesPattern,"g"),warnings=new Set,warnOnce=message=>{warnings.has(message)||(console.warn(message),warnings.add(message));},replacePseudoStates=(selector,allClass)=>{let negativeLookbehind=`(?<!(?:${EXCLUDED_PSEUDO_ELEMENT_PATTERNS.join("|")})\\S*)`;return pseudoStates.reduce((acc,state)=>acc.replace(new RegExp(`${negativeLookbehind}:${state}`,"g"),`.pseudo-${state}${allClass?"-all":""}`),selector)},replacePseudoStatesWithAncestorSelector=(selector,forShadowDOM,additionalHostSelectors)=>{let extracted=extractPseudoStates(selector);if(extracted.states.length===0&&!additionalHostSelectors)return selector;let selectors=`${additionalHostSelectors??""}${extracted.states.map(s=>`.pseudo-${s}-all`).join("")}`,{withoutPseudoStates}=extracted;return withoutPseudoStates=withoutPseudoStates.replace(":host-context(*)","").trimStart(),withoutPseudoStates.startsWith(":host-context(")?withoutPseudoStates.replace(/(?<=:host-context\(\S+)\)/,`)${selectors}`):forShadowDOM?`:host(${selectors}) ${withoutPseudoStates}`:`${selectors} ${withoutPseudoStates}`},extractPseudoStates=selector=>{let states=new Set,withoutPseudoStates=selector.replace(matchAll,(_,state)=>(states.add(state),"")).replaceAll(/(?<!is)\(\)/g,"(*)").replace(/(?<=[\s(]),\s+|(,\s+)+(?=\))/g,"")||"*";return {states:Array.from(states),withoutPseudoStates}},rewriteNotSelectors=(selector,forShadowDOM)=>[...selector.matchAll(/:not\(([^)]+)\)/g)].reduce((acc,match)=>{let originalNot=match[0],selectorList=match[1],rewrittenNot=rewriteNotSelector(selectorList,forShadowDOM);return acc.replace(originalNot,rewrittenNot)},selector),rewriteNotSelector=(negatedSelectorList,forShadowDOM)=>{let rewrittenSelectors=[];for(let negatedSelector of negatedSelectorList.split(/,\s*/))rewrittenSelectors.push(replacePseudoStatesWithAncestorSelector(negatedSelector,forShadowDOM));return `:not(${rewrittenSelectors.join(", ")})`},rewriteRule=({cssText,selectorText},forShadowDOM)=>cssText.replace(selectorText,splitSelectors(selectorText).flatMap(selector=>{if(selector.includes(".pseudo-"))return [];let replacementSelectors=[selector];if(!matchOne.test(selector))return replacementSelectors;let classSelector=replacePseudoStates(selector);classSelector!==selector&&replacementSelectors.push(classSelector);let ancestorSelector="";if(selector.startsWith(":host(")){let matches=selector.match(/^:host\((\S+)\)\s+(.+)$/);if(matches&&matchOne.test(matches[2])){let hostInnerSelector=matches[1],descendantSelector=matches[2];hostInnerSelector=replacePseudoStates(hostInnerSelector,!0),descendantSelector=rewriteNotSelectors(descendantSelector,!0),ancestorSelector=replacePseudoStatesWithAncestorSelector(descendantSelector,!0,hostInnerSelector);}else ancestorSelector=replacePseudoStates(selector,!0);}else {let withNotsReplaced=rewriteNotSelectors(selector,forShadowDOM);ancestorSelector=replacePseudoStatesWithAncestorSelector(withNotsReplaced,forShadowDOM);}return replacementSelectors.push(ancestorSelector),replacementSelectors}).join(", ")),rewriteStyleSheet=(sheet,forShadowDOM=!1)=>{try{let count=rewriteRuleContainer(sheet,1e3,forShadowDOM);return count>=1e3&&warnOnce("Reached maximum of 1000 pseudo selectors per sheet, skipping the rest."),count>0}catch(e){return String(e).includes("cssRules")?warnOnce(`Can't access cssRules, likely due to CORS restrictions: ${sheet.href}`):console.error(e,sheet.href),!1}},rewriteRuleContainer=(ruleContainer,rewriteLimit,forShadowDOM)=>{let count=0,index=-1;for(let cssRule of ruleContainer.cssRules){index++;let numRewritten=0;if(cssRule.__processed)numRewritten=cssRule.__pseudoStatesRewrittenCount;else {if("cssRules"in cssRule&&cssRule.cssRules.length)numRewritten=rewriteRuleContainer(cssRule,rewriteLimit-count,forShadowDOM);else {if(!("selectorText"in cssRule))continue;let styleRule=cssRule;if(matchOne.test(styleRule.selectorText)){let newRule=rewriteRule(styleRule,forShadowDOM);ruleContainer.deleteRule(index),ruleContainer.insertRule(newRule,index),numRewritten=1;}}cssRule.__processed=!0,cssRule.__pseudoStatesRewrittenCount=numRewritten;}if(count+=numRewritten,count>=rewriteLimit)break}return count};var channel=previewApi.addons.getChannel(),shadowHosts=new Set,applyClasses=(element,classnames)=>{Object.values(PSEUDO_STATES).forEach(state=>{element.classList.remove(`pseudo-${state}`),element.classList.remove(`pseudo-${state}-all`);}),classnames.forEach(classname=>element.classList.add(classname));};function querySelectorPiercingShadowDOM(root,selector){let results=[];return root.querySelectorAll("*").forEach(el=>{el.shadowRoot&&results.push(...querySelectorPiercingShadowDOM(el.shadowRoot,selector));}),results.push(...root.querySelectorAll(selector).values()),results}var applyParameter=(rootElement,parameter={})=>{let map=new Map([[rootElement,new Set]]),add=(target,state)=>map.set(target,new Set([...map.get(target)||[],state]));Object.entries(parameter||{}).forEach(([state,value])=>{typeof value=="boolean"?value&&add(rootElement,`${state}-all`):typeof value=="string"?querySelectorPiercingShadowDOM(rootElement,value).forEach(el=>add(el,state)):Array.isArray(value)&&value.forEach(sel=>querySelectorPiercingShadowDOM(rootElement,sel).forEach(el=>add(el,state)));}),map.forEach((states,target)=>{let classnames=new Set;states.forEach(key=>{let keyWithoutAll=key.replace("-all","");PSEUDO_STATES[key]?classnames.add(`pseudo-${PSEUDO_STATES[key]}`):PSEUDO_STATES[keyWithoutAll]&&classnames.add(`pseudo-${PSEUDO_STATES[keyWithoutAll]}-all`);}),applyClasses(target,classnames);});},updateShadowHost=shadowHost=>{let classnames=new Set;shadowHost.className.split(" ").filter(classname=>classname.match(/^pseudo-(.(?!-all))+$/)).forEach(classname=>classnames.add(classname));for(let node=shadowHost.parentNode;node;){if(node instanceof ShadowRoot){node=node.host;continue}if(node instanceof Element){let element=node;element.className&&element.className.split(" ").filter(classname=>classname.match(/^pseudo-.+-all$/)!==null).forEach(classname=>classnames.add(classname));}node=node.parentNode;}applyClasses(shadowHost,classnames);},pseudoConfig=parameter=>{let{rootSelector,...pseudoStateConfig}=parameter||{};return pseudoStateConfig},equals=(a={},b={})=>a!==null&&b!==null&&Object.keys(a).length===Object.keys(b).length&&Object.keys(a).every(key=>JSON.stringify(a[key])===JSON.stringify(b[key])),withPseudoState=(StoryFn,{viewMode,parameters,id,globals:globalsArgs})=>{let{pseudo:parameter}=parameters,{pseudo:globals}=globalsArgs,{rootSelector}=parameter||{},rootElement=previewApi.useMemo(()=>rootSelector?document.querySelector(rootSelector):viewMode==="docs"?document.getElementById(`story--${id}`):document.getElementById("storybook-root")||document.getElementById("root"),[rootSelector,viewMode,id]),globalsRef=previewApi.useRef(globals);return previewApi.useEffect(()=>{let config=pseudoConfig(parameter);viewMode==="story"&&!equals(config,globalsRef.current)&&channel.emit(coreEvents.UPDATE_GLOBALS,{globals:{pseudo:config}});},[parameter,viewMode]),previewApi.useEffect(()=>{if(!rootElement)return;let timeout=setTimeout(()=>{applyParameter(rootElement,globals||pseudoConfig(parameter)),shadowHosts.forEach(updateShadowHost);},0);return ()=>clearTimeout(timeout)},[rootElement,globals,parameter]),StoryFn()},rewriteStyleSheets=shadowRoot=>{let styleSheets=Array.from(shadowRoot?shadowRoot.styleSheets:document.styleSheets);shadowRoot?.adoptedStyleSheets?.length&&(styleSheets=shadowRoot.adoptedStyleSheets),styleSheets.forEach(sheet=>rewriteStyleSheet(sheet,!!shadowRoot)),shadowRoot&&shadowHosts&&shadowHosts.add(shadowRoot.host);};channel.on(coreEvents.STORY_CHANGED,()=>shadowHosts.clear());channel.on(coreEvents.STORY_RENDERED,()=>rewriteStyleSheets());channel.on(coreEvents.GLOBALS_UPDATED,()=>rewriteStyleSheets());channel.on(coreEvents.FORCE_RE_RENDER,()=>rewriteStyleSheets());channel.on(coreEvents.FORCE_REMOUNT,()=>rewriteStyleSheets());channel.on(coreEvents.DOCS_RENDERED,()=>rewriteStyleSheets());Element.prototype.attachShadow&&(Element.prototype._attachShadow=Element.prototype.attachShadow,Element.prototype.attachShadow=function(init){let shadowRoot=this._attachShadow({...init,mode:"open"});return requestAnimationFrame(()=>{rewriteStyleSheets(shadowRoot),shadowHosts.has(shadowRoot.host)&&updateShadowHost(shadowRoot.host);}),shadowRoot});var decorators=[withPseudoState],initialGlobals={[PARAM_KEY]:!1};
 
-exports.decorators = ue;
-exports.initialGlobals = Se;
+exports.decorators = decorators;
+exports.initialGlobals = initialGlobals;

package/dist/preview.mjs

@@ -1,6 +1,6 @@
 import { STORY_CHANGED, STORY_RENDERED, GLOBALS_UPDATED, FORCE_RE_RENDER, FORCE_REMOUNT, DOCS_RENDERED, UPDATE_GLOBALS } from 'storybook/internal/core-events';
-import { addons, useMemo, useEffect } from 'storybook/internal/preview-api';
+import { addons, useMemo, useRef, useEffect } from 'storybook/preview-api';
 
-var g="pseudo",R=["::-(webkit|moz|ms)-[a-z-]+","::part\\([^)]+\\)"],u={hover:"hover",active:"active",focusVisible:"focus-visible",focusWithin:"focus-within",focus:"focus",visited:"visited",link:"link",target:"target"};var k=e=>e.indexOf("@")===0,y=e=>{if(k(e))return [e];let o=[],t=0,s=0,n="";for(let r=0,c=e.length;r<c;r++){let a=e[r];if(a==="(")t+=1;else if(a===")")t-=1;else if(a==="[")s+=1;else if(a==="]")s-=1;else if(a===","&&!t&&!s){o.push(n.trim()),n="";continue}n+=a;}return o.push(n.trim()),o};var A=Object.values(u),O=`:(${A.join("|")})`,h=new RegExp(O),j=new RegExp(O,"g"),P=new Set,w=e=>{P.has(e)||(console.warn(e),P.add(e));},d=(e,o)=>{let t=`(?<!(?:${R.join("|")})\\S*)`;return A.reduce((s,n)=>s.replace(new RegExp(`${t}:${n}`,"g"),`.pseudo-${n}${o?"-all":""}`),e)},m=(e,o,t)=>{let{states:s,withoutPseudoStates:n}=U(e);if(s.length===0&&!t)return e;let r=`${t??""}${s.map(c=>`.pseudo-${c}-all`).join("")}`;return n=n.replace(":host-context(*)","").trimStart(),n.startsWith(":host-context(")?n.replace(new RegExp("(?<=:host-context\\(\\S+)\\)"),`)${r}`):o?`:host(${r}) ${n}`:`${r} ${n}`},U=e=>{let o=new Set,t=e.replace(j,(s,n)=>(o.add(n),"")).replaceAll(new RegExp("(?<!is)\\(\\)","g"),"(*)").replace(new RegExp("(?<=[\\s(]),\\s+|(,\\s+)+(?=\\))","g"),"")||"*";return {states:Array.from(o),withoutPseudoStates:t}},_=(e,o)=>[...e.matchAll(/:not\(([^)]+)\)/g)].reduce((t,s)=>{let n=s[0],r=s[1],c=q(r,o);return t.replace(n,c)},e),q=(e,o)=>{let t=[];for(let s of e.split(/,\s*/))t.push(m(s,o));return `:not(${t.join(", ")})`},v=({cssText:e,selectorText:o},t)=>e.replace(o,y(o).flatMap(s=>{if(s.includes(".pseudo-"))return [];let n=[s];if(!h.test(s))return n;let r=d(s);r!==s&&n.push(r);let c="";if(s.startsWith(":host(")){let a=s.match(/^:host\((\S+)\)\s+(.+)$/);if(a&&h.test(a[2])){let l=a[1],i=a[2];l=d(l,!0),i=_(i,!0),c=m(i,!0,l);}else c=d(s,!0);}else {let a=_(s,t);c=m(a,t);}return n.push(c),n}).join(", ")),b=(e,o=!1)=>{try{let s=x(e,1e3,o);return s>=1e3&&w("Reached maximum of 1000 pseudo selectors per sheet, skipping the rest."),s>0}catch(t){return String(t).includes("cssRules")?w(`Can't access cssRules, likely due to CORS restrictions: ${e.href}`):console.error(t,e.href),!1}},x=(e,o,t)=>{let s=0,n=-1;for(let r of e.cssRules){n++;let c=0;if(r.__processed)c=r.__pseudoStatesRewrittenCount;else {if("cssRules"in r&&r.cssRules.length)c=x(r,o-s,t);else {if(!("selectorText"in r))continue;let a=r;if(h.test(a.selectorText)){let l=v(a,t);e.deleteRule(n),e.insertRule(l,n),c=1;}}r.__processed=!0,r.__pseudoStatesRewrittenCount=c;}if(s+=c,s>=o)break}return s};var S=addons.getChannel(),f=new Set,C=(e,o)=>{Object.values(u).forEach(t=>{e.classList.remove(`pseudo-${t}`),e.classList.remove(`pseudo-${t}-all`);}),o.forEach(t=>e.classList.add(t));};function E(e,o){let t=[];return e.querySelectorAll("*").forEach(s=>{s.shadowRoot&&t.push(...E(s.shadowRoot,o));}),t.push(...e.querySelectorAll(o).values()),t}var K=(e,o={})=>{let t=new Map([[e,new Set]]),s=(n,r)=>t.set(n,new Set([...t.get(n)||[],r]));Object.entries(o||{}).forEach(([n,r])=>{typeof r=="boolean"?r&&s(e,`${n}-all`):typeof r=="string"?E(e,r).forEach(c=>s(c,n)):Array.isArray(r)&&r.forEach(c=>E(e,c).forEach(a=>s(a,n)));}),t.forEach((n,r)=>{let c=new Set;n.forEach(a=>{let l=a.replace("-all","");u[a]?c.add(`pseudo-${u[a]}`):u[l]&&c.add(`pseudo-${u[l]}-all`);}),C(r,c);});},D=e=>{let o=new Set;e.className.split(" ").filter(t=>t.match(/^pseudo-(.(?!-all))+$/)).forEach(t=>o.add(t));for(let t=e.parentNode;t;){if(t instanceof ShadowRoot){t=t.host;continue}if(t instanceof Element){let s=t;s.className&&s.className.split(" ").filter(n=>n.match(/^pseudo-.+-all$/)!==null).forEach(n=>o.add(n));}t=t.parentNode;}C(e,o);},$=e=>{let{rootSelector:o,...t}=e||{};return t},X=(e={},o={})=>e!==null&&o!==null&&Object.keys(e).length===Object.keys(o).length&&Object.keys(e).every(t=>JSON.stringify(e[t])===JSON.stringify(o[t])),N=(e,{viewMode:o,parameters:t,id:s,globals:n})=>{let{pseudo:r}=t,{pseudo:c}=n,{rootSelector:a}=r||{},l=useMemo(()=>a?document.querySelector(a):o==="docs"?document.getElementById(`story--${s}`):document.getElementById("storybook-root")||document.getElementById("root"),[a,o,s]);return useEffect(()=>{let i=$(r);o==="story"&&!X(i,c)&&S.emit(UPDATE_GLOBALS,{globals:{pseudo:i}});},[r,o]),useEffect(()=>{if(!l)return;let i=setTimeout(()=>{K(l,c||$(r)),f.forEach(D);},0);return ()=>clearTimeout(i)},[l,c,r]),e()},p=e=>{let o=Array.from(e?e.styleSheets:document.styleSheets);e?.adoptedStyleSheets?.length&&(o=e.adoptedStyleSheets),o.forEach(t=>b(t,!!e)),e&&f&&f.add(e.host);};S.on(STORY_CHANGED,()=>f.clear());S.on(STORY_RENDERED,()=>p());S.on(GLOBALS_UPDATED,()=>p());S.on(FORCE_RE_RENDER,()=>p());S.on(FORCE_REMOUNT,()=>p());S.on(DOCS_RENDERED,()=>p());Element.prototype.attachShadow&&(Element.prototype._attachShadow=Element.prototype.attachShadow,Element.prototype.attachShadow=function(o){let t=this._attachShadow({...o,mode:"open"});return requestAnimationFrame(()=>{p(t),f.has(t.host)&&D(t.host);}),t});var ue=[N],Se={[g]:!1};
+var PARAM_KEY="pseudo",EXCLUDED_PSEUDO_ELEMENT_PATTERNS=["::-(webkit|moz|ms)-[a-z-]+","::part\\([^)]+\\)"],PSEUDO_STATES={hover:"hover",active:"active",focusVisible:"focus-visible",focusWithin:"focus-within",focus:"focus",visited:"visited",link:"link",target:"target"};var isAtRule=selector=>selector.indexOf("@")===0,splitSelectors=selectors=>{if(isAtRule(selectors))return [selectors];let result=[],parentheses=0,brackets=0,selector="";for(let i=0,len=selectors.length;i<len;i++){let char=selectors[i];if(char==="(")parentheses+=1;else if(char===")")parentheses-=1;else if(char==="[")brackets+=1;else if(char==="]")brackets-=1;else if(char===","&&!parentheses&&!brackets){result.push(selector.trim()),selector="";continue}selector+=char;}return result.push(selector.trim()),result};var pseudoStates=Object.values(PSEUDO_STATES),pseudoStatesPattern=`:(${pseudoStates.join("|")})`,matchOne=new RegExp(pseudoStatesPattern),matchAll=new RegExp(pseudoStatesPattern,"g"),warnings=new Set,warnOnce=message=>{warnings.has(message)||(console.warn(message),warnings.add(message));},replacePseudoStates=(selector,allClass)=>{let negativeLookbehind=`(?<!(?:${EXCLUDED_PSEUDO_ELEMENT_PATTERNS.join("|")})\\S*)`;return pseudoStates.reduce((acc,state)=>acc.replace(new RegExp(`${negativeLookbehind}:${state}`,"g"),`.pseudo-${state}${allClass?"-all":""}`),selector)},replacePseudoStatesWithAncestorSelector=(selector,forShadowDOM,additionalHostSelectors)=>{let extracted=extractPseudoStates(selector);if(extracted.states.length===0&&!additionalHostSelectors)return selector;let selectors=`${additionalHostSelectors??""}${extracted.states.map(s=>`.pseudo-${s}-all`).join("")}`,{withoutPseudoStates}=extracted;return withoutPseudoStates=withoutPseudoStates.replace(":host-context(*)","").trimStart(),withoutPseudoStates.startsWith(":host-context(")?withoutPseudoStates.replace(/(?<=:host-context\(\S+)\)/,`)${selectors}`):forShadowDOM?`:host(${selectors}) ${withoutPseudoStates}`:`${selectors} ${withoutPseudoStates}`},extractPseudoStates=selector=>{let states=new Set,withoutPseudoStates=selector.replace(matchAll,(_,state)=>(states.add(state),"")).replaceAll(/(?<!is)\(\)/g,"(*)").replace(/(?<=[\s(]),\s+|(,\s+)+(?=\))/g,"")||"*";return {states:Array.from(states),withoutPseudoStates}},rewriteNotSelectors=(selector,forShadowDOM)=>[...selector.matchAll(/:not\(([^)]+)\)/g)].reduce((acc,match)=>{let originalNot=match[0],selectorList=match[1],rewrittenNot=rewriteNotSelector(selectorList,forShadowDOM);return acc.replace(originalNot,rewrittenNot)},selector),rewriteNotSelector=(negatedSelectorList,forShadowDOM)=>{let rewrittenSelectors=[];for(let negatedSelector of negatedSelectorList.split(/,\s*/))rewrittenSelectors.push(replacePseudoStatesWithAncestorSelector(negatedSelector,forShadowDOM));return `:not(${rewrittenSelectors.join(", ")})`},rewriteRule=({cssText,selectorText},forShadowDOM)=>cssText.replace(selectorText,splitSelectors(selectorText).flatMap(selector=>{if(selector.includes(".pseudo-"))return [];let replacementSelectors=[selector];if(!matchOne.test(selector))return replacementSelectors;let classSelector=replacePseudoStates(selector);classSelector!==selector&&replacementSelectors.push(classSelector);let ancestorSelector="";if(selector.startsWith(":host(")){let matches=selector.match(/^:host\((\S+)\)\s+(.+)$/);if(matches&&matchOne.test(matches[2])){let hostInnerSelector=matches[1],descendantSelector=matches[2];hostInnerSelector=replacePseudoStates(hostInnerSelector,!0),descendantSelector=rewriteNotSelectors(descendantSelector,!0),ancestorSelector=replacePseudoStatesWithAncestorSelector(descendantSelector,!0,hostInnerSelector);}else ancestorSelector=replacePseudoStates(selector,!0);}else {let withNotsReplaced=rewriteNotSelectors(selector,forShadowDOM);ancestorSelector=replacePseudoStatesWithAncestorSelector(withNotsReplaced,forShadowDOM);}return replacementSelectors.push(ancestorSelector),replacementSelectors}).join(", ")),rewriteStyleSheet=(sheet,forShadowDOM=!1)=>{try{let count=rewriteRuleContainer(sheet,1e3,forShadowDOM);return count>=1e3&&warnOnce("Reached maximum of 1000 pseudo selectors per sheet, skipping the rest."),count>0}catch(e){return String(e).includes("cssRules")?warnOnce(`Can't access cssRules, likely due to CORS restrictions: ${sheet.href}`):console.error(e,sheet.href),!1}},rewriteRuleContainer=(ruleContainer,rewriteLimit,forShadowDOM)=>{let count=0,index=-1;for(let cssRule of ruleContainer.cssRules){index++;let numRewritten=0;if(cssRule.__processed)numRewritten=cssRule.__pseudoStatesRewrittenCount;else {if("cssRules"in cssRule&&cssRule.cssRules.length)numRewritten=rewriteRuleContainer(cssRule,rewriteLimit-count,forShadowDOM);else {if(!("selectorText"in cssRule))continue;let styleRule=cssRule;if(matchOne.test(styleRule.selectorText)){let newRule=rewriteRule(styleRule,forShadowDOM);ruleContainer.deleteRule(index),ruleContainer.insertRule(newRule,index),numRewritten=1;}}cssRule.__processed=!0,cssRule.__pseudoStatesRewrittenCount=numRewritten;}if(count+=numRewritten,count>=rewriteLimit)break}return count};var channel=addons.getChannel(),shadowHosts=new Set,applyClasses=(element,classnames)=>{Object.values(PSEUDO_STATES).forEach(state=>{element.classList.remove(`pseudo-${state}`),element.classList.remove(`pseudo-${state}-all`);}),classnames.forEach(classname=>element.classList.add(classname));};function querySelectorPiercingShadowDOM(root,selector){let results=[];return root.querySelectorAll("*").forEach(el=>{el.shadowRoot&&results.push(...querySelectorPiercingShadowDOM(el.shadowRoot,selector));}),results.push(...root.querySelectorAll(selector).values()),results}var applyParameter=(rootElement,parameter={})=>{let map=new Map([[rootElement,new Set]]),add=(target,state)=>map.set(target,new Set([...map.get(target)||[],state]));Object.entries(parameter||{}).forEach(([state,value])=>{typeof value=="boolean"?value&&add(rootElement,`${state}-all`):typeof value=="string"?querySelectorPiercingShadowDOM(rootElement,value).forEach(el=>add(el,state)):Array.isArray(value)&&value.forEach(sel=>querySelectorPiercingShadowDOM(rootElement,sel).forEach(el=>add(el,state)));}),map.forEach((states,target)=>{let classnames=new Set;states.forEach(key=>{let keyWithoutAll=key.replace("-all","");PSEUDO_STATES[key]?classnames.add(`pseudo-${PSEUDO_STATES[key]}`):PSEUDO_STATES[keyWithoutAll]&&classnames.add(`pseudo-${PSEUDO_STATES[keyWithoutAll]}-all`);}),applyClasses(target,classnames);});},updateShadowHost=shadowHost=>{let classnames=new Set;shadowHost.className.split(" ").filter(classname=>classname.match(/^pseudo-(.(?!-all))+$/)).forEach(classname=>classnames.add(classname));for(let node=shadowHost.parentNode;node;){if(node instanceof ShadowRoot){node=node.host;continue}if(node instanceof Element){let element=node;element.className&&element.className.split(" ").filter(classname=>classname.match(/^pseudo-.+-all$/)!==null).forEach(classname=>classnames.add(classname));}node=node.parentNode;}applyClasses(shadowHost,classnames);},pseudoConfig=parameter=>{let{rootSelector,...pseudoStateConfig}=parameter||{};return pseudoStateConfig},equals=(a={},b={})=>a!==null&&b!==null&&Object.keys(a).length===Object.keys(b).length&&Object.keys(a).every(key=>JSON.stringify(a[key])===JSON.stringify(b[key])),withPseudoState=(StoryFn,{viewMode,parameters,id,globals:globalsArgs})=>{let{pseudo:parameter}=parameters,{pseudo:globals}=globalsArgs,{rootSelector}=parameter||{},rootElement=useMemo(()=>rootSelector?document.querySelector(rootSelector):viewMode==="docs"?document.getElementById(`story--${id}`):document.getElementById("storybook-root")||document.getElementById("root"),[rootSelector,viewMode,id]),globalsRef=useRef(globals);return useEffect(()=>{let config=pseudoConfig(parameter);viewMode==="story"&&!equals(config,globalsRef.current)&&channel.emit(UPDATE_GLOBALS,{globals:{pseudo:config}});},[parameter,viewMode]),useEffect(()=>{if(!rootElement)return;let timeout=setTimeout(()=>{applyParameter(rootElement,globals||pseudoConfig(parameter)),shadowHosts.forEach(updateShadowHost);},0);return ()=>clearTimeout(timeout)},[rootElement,globals,parameter]),StoryFn()},rewriteStyleSheets=shadowRoot=>{let styleSheets=Array.from(shadowRoot?shadowRoot.styleSheets:document.styleSheets);shadowRoot?.adoptedStyleSheets?.length&&(styleSheets=shadowRoot.adoptedStyleSheets),styleSheets.forEach(sheet=>rewriteStyleSheet(sheet,!!shadowRoot)),shadowRoot&&shadowHosts&&shadowHosts.add(shadowRoot.host);};channel.on(STORY_CHANGED,()=>shadowHosts.clear());channel.on(STORY_RENDERED,()=>rewriteStyleSheets());channel.on(GLOBALS_UPDATED,()=>rewriteStyleSheets());channel.on(FORCE_RE_RENDER,()=>rewriteStyleSheets());channel.on(FORCE_REMOUNT,()=>rewriteStyleSheets());channel.on(DOCS_RENDERED,()=>rewriteStyleSheets());Element.prototype.attachShadow&&(Element.prototype._attachShadow=Element.prototype.attachShadow,Element.prototype.attachShadow=function(init){let shadowRoot=this._attachShadow({...init,mode:"open"});return requestAnimationFrame(()=>{rewriteStyleSheets(shadowRoot),shadowHosts.has(shadowRoot.host)&&updateShadowHost(shadowRoot.host);}),shadowRoot});var decorators=[withPseudoState],initialGlobals={[PARAM_KEY]:!1};
 
-export { ue as decorators, Se as initialGlobals };
+export { decorators, initialGlobals };

package/manager.js

@@ -1 +1 @@
-import "./dist/manager.mjs"
+import './dist/manager';

package/package.json

@@ -1,98 +1,83 @@
 {
   "name": "storybook-addon-pseudo-states",
-  "version": "4.0.3",
+  "version": "9.0.0-beta.0",
   "description": "CSS pseudo states for Storybook",
   "keywords": [
-    "storybook-addons",
+    "storybook",
     "pseudo states",
     "style",
     "test"
   ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/next/code/addons/pseudo-states",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/chromaui/storybook-addon-pseudo-states.git"
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "code/addons/pseudo-states"
   },
-  "publishConfig": {
-    "access": "public"
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/storybook"
   },
-  "author": "Chromatic <support@chromatic.com>",
   "license": "MIT",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
-    "./manager": {
-      "import": "./dist/manager.mjs",
-      "require": "./dist/manager.js"
-    },
     "./preview": {
       "types": "./dist/preview.d.ts",
       "import": "./dist/preview.mjs",
       "require": "./dist/preview.js"
     },
+    "./manager": "./dist/manager.js",
+    "./register": "./dist/manager.js",
     "./package.json": "./package.json"
   },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "*.js",
-    "dist/**/*"
+    "*.d.ts",
+    "dist/**/*",
+    "!src/**/*"
   ],
   "scripts": {
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test": "vitest",
-    "chromatic": "npx chromatic",
-    "prepublish": "tsup",
-    "release": "auto shipit --base-branch=main"
-  },
-  "dependencies": {
-    "@storybook/icons": "^1.2.10"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.7.0",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-vite": "^8.2.9",
-    "@types/node": "^18.19.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "auto": "^11.1.1",
-    "concurrently": "^5.3.0",
+    "@storybook/icons": "^1.4.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "^8.2.9",
-    "tsup": "^8.0.1",
-    "typescript": "^5.5.4",
-    "vite": "^5.4.2",
-    "vitest": "^2.0.5"
+    "typescript": "^5.7.3"
   },
   "peerDependencies": {
-    "storybook": "^8.2.0"
+    "storybook": "^9.0.0-beta.0"
+  },
+  "publishConfig": {
+    "access": "public"
   },
   "bundler": {
     "exportEntries": [
-      "src/index.ts"
+      "./src/index.ts"
     ],
     "managerEntries": [
-      "src/manager.ts"
+      "./src/manager.ts"
     ],
     "previewEntries": [
-      "src/preview.ts"
+      "./src/preview.ts"
     ]
   },
   "storybook": {
     "displayName": "Pseudo States",
+    "icon": "https://user-images.githubusercontent.com/321738/105224055-f6c29c00-5b5c-11eb-83c9-ba28a7fbadf2.gif",
     "unsupportedFrameworks": [
       "react-native"
-    ],
-    "icon": "https://user-images.githubusercontent.com/321738/105224055-f6c29c00-5b5c-11eb-83c9-ba28a7fbadf2.gif"
-  },
-  "auto": {
-    "plugins": [
-      "npm",
-      "released"
     ]
   }
-}
+}

package/preview.js

@@ -1 +1 @@
-export * from "./dist/preview.mjs"
+export * from './dist/preview';

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2021 Chromatic
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/index.d.mts

@@ -1,3 +0,0 @@
-declare const _default: {};
-
-export { _default as default };

package/dist/manager.mjs

@@ -1,7 +0,0 @@
-import { addons, types, useGlobals } from 'storybook/internal/manager-api';
-import { CheckIcon, ButtonIcon } from '@storybook/icons';
-import e, { useCallback } from 'react';
-import { WithTooltip, TooltipLinkList, IconButton } from 'storybook/internal/components';
-import { styled, color } from 'storybook/internal/theming';
-
-var r="storybook/pseudo-states",l=`${r}/tool`,c="pseudo";var n={hover:"hover",active:"active",focusVisible:"focus-visible",focusWithin:"focus-within",focus:"focus",visited:"visited",link:"link",target:"target"};var _=styled.span(({active:o})=>({color:o?color.secondary:"inherit"})),A=styled(CheckIcon)(({active:o})=>({opacity:o?1:0,path:{fill:o?color.secondary:"inherit"}})),a=Object.keys(n).sort(),u=()=>{let[o,m]=useGlobals(),s=o[c],i=useCallback(t=>s?s[t]===!0:!1,[s]),d=useCallback(t=>()=>{m({[c]:{...s,[t]:!i(t)}});},[s]);return e.createElement(WithTooltip,{placement:"top",trigger:"click",tooltip:()=>e.createElement(TooltipLinkList,{links:a.map(t=>({id:t,title:e.createElement(_,{active:i(t)},":",n[t]),right:e.createElement(A,{width:12,height:12,active:i(t)}),onClick:d(t),active:i(t)}))})},e.createElement(IconButton,{key:"pseudo-state",title:"Select CSS pseudo states",active:a.some(i)},e.createElement(ButtonIcon,null)))};addons.register(r,()=>{addons.add(l,{type:types.TOOL,title:"CSS pseudo states",match:({viewMode:o})=>o==="story",render:u});});

package/dist/preview.d.mts

@@ -1,8 +0,0 @@
-import * as storybook_internal_types from 'storybook/internal/types';
-
-declare const decorators: storybook_internal_types.DecoratorFunction[];
-declare const initialGlobals: {
-    pseudo: boolean;
-};
-
-export { decorators, initialGlobals };