{"id":"dpSh","dependencies":[{"name":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/node_modules/@reach/utils/dist/utils.esm.js.map","includedInParent":true,"mtime":1616745791283},{"name":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/example/package.json","includedInParent":true,"mtime":1616745785170},{"name":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/node_modules/@reach/utils/package.json","includedInParent":true,"mtime":1616745791283},{"name":"react","loc":{"line":2,"column":146},"parent":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/node_modules/@reach/utils/dist/utils.esm.js","resolved":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/node_modules/react/index.js"},{"name":"warning","loc":{"line":3,"column":22},"parent":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/node_modules/@reach/utils/dist/utils.esm.js","resolved":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/node_modules/warning/warning.js"},{"name":"process","parent":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/node_modules/@reach/utils/dist/utils.esm.js","resolved":"/home/runner/work/chakra-theme-visualizer/chakra-theme-visualizer/example/node_modules/process/browser.js"}],"generated":{"js":"var process = require(\"process\");\nvar e=require(\"process\");Object.defineProperty(exports,\"__esModule\",{value:!0}),exports.assignRef=d,exports.boolOrBoolString=v,exports.canUseDOM=w,exports.cloneValidElement=x,exports.createNamedContext=h,exports.forwardRefWithAs=m,exports.getDocumentDimensions=y,exports.getElementComputedStyle=b,exports.getOwnerDocument=S,exports.getOwnerWindow=C,exports.getScrollPosition=E,exports.getScrollbarOffset=k,exports.isBoolean=O,exports.isFunction=R,exports.isNumber=L,exports.isRightClick=W,exports.isString=P,exports.makeId=j,exports.memoWithAs=g,exports.noop=M,exports.stateToAttributeString=_,exports.useConstant=F,exports.useControlledState=A,exports.useEventCallback=N,exports.useEventListener=U,exports.useFocusChange=X,exports.useForceUpdate=Y,exports.useForkedRef=B,exports.useLazyRef=q,exports.usePrevious=G,exports.useStableCallback=H,exports.useUpdateEffect=z,exports.wrapEvent=J,exports.warning=exports.useStateLogger=exports.useIsomorphicLayoutEffect=exports.useControlledSwitchWarning=exports.useCheckStyles=exports.useCallbackProp=exports.ponyfillGlobal=exports.checkStyles=void 0;var t=u(require(\"react\")),n=r(require(\"warning\"));function r(e){return e&&e.__esModule?e:{default:e}}function o(){if(\"function\"!=typeof WeakMap)return null;var e=new WeakMap;return o=function(){return e},e}function u(e){if(e&&e.__esModule)return e;if(null===e||\"object\"!=typeof e&&\"function\"!=typeof e)return{default:e};var t=o();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(Object.prototype.hasOwnProperty.call(e,u)){var i=r?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}var i=w()?t.useLayoutEffect:t.useEffect;exports.useIsomorphicLayoutEffect=i;var c={},s=n.default;exports.warning=s;var l,f,a=M;exports.checkStyles=a;var p=\"undefined\"!=typeof window&&window.Math==Math?window:\"undefined\"!=typeof self&&self.Math==Math?self:Function(\"return this\")();function d(e,t){if(null!=e)if(R(e))e(t);else try{e.current=t}catch(n){throw new Error('Cannot assign value \"'+t+'\" to ref \"'+e+'\"')}}function v(e){return\"true\"===e||!!O(e)&&e}function w(){return!(\"undefined\"==typeof window||!window.document||!window.document.createElement)}function x(e,n){for(var r=arguments.length,o=new Array(r>2?r-2:0),u=2;udocument.documentElement.clientWidth)return window.innerWidth-document.documentElement.clientWidth}catch(e){}return 0}function O(e){return\"boolean\"==typeof e}function R(e){return!(!e||\"[object Function]\"!={}.toString.call(e))}function L(e){return\"number\"==typeof e&&!isNaN(e)}function W(e){return\"which\"in e?3===e.which:\"button\"in e&&2===e.button}function P(e){return\"string\"==typeof e}function j(){for(var e=arguments.length,t=new Array(e),n=0;n1?t-1:0),o=1;o void = noop;\n\nif (__DEV__) {\n // In CJS files, process.env.NODE_ENV is stripped from our build, but we need\n // it to prevent style checks from clogging up user logs while testing.\n // This is a workaround until we can tweak the build a bit to accommodate.\n let { env } =\n typeof process !== \"undefined\"\n ? process\n : { env: { NODE_ENV: \"development\" } };\n\n checkStyles = function checkStyles(packageName: string) {\n // only check once per package\n if (checkedPkgs[packageName]) return;\n checkedPkgs[packageName] = true;\n\n if (\n env.NODE_ENV !== \"test\" &&\n parseInt(\n window\n .getComputedStyle(document.body)\n .getPropertyValue(`--reach-${packageName}`),\n 10\n ) !== 1\n ) {\n console.warn(\n `@reach/${packageName} styles not found. If you are using a bundler like webpack or parcel include this in the entry file of your app before any of your own styles:\n\n import \"@reach/${packageName}/styles.css\";\n\n Otherwise you'll need to include them some other way:\n\n \n\n For more information visit https://ui.reach.tech/styling.\n `\n );\n }\n };\n}\n\nexport { checkStyles };\n\n/**\n * Ponyfill for the global object in some environments.\n *\n * @link https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\n */\nexport const ponyfillGlobal =\n typeof window != \"undefined\" && window.Math == Math\n ? window\n : typeof self != \"undefined\" && self.Math == Math\n ? self\n : // eslint-disable-next-line no-new-func\n Function(\"return this\")();\n\n/**\n * Passes or assigns an arbitrary value to a ref function or object.\n *\n * @param ref\n * @param value\n */\nexport function assignRef(\n ref: AssignableRef | null | undefined,\n value: any\n) {\n if (ref == null) return;\n if (isFunction(ref)) {\n ref(value);\n } else {\n try {\n ref.current = value;\n } catch (error) {\n throw new Error(`Cannot assign value \"${value}\" to ref \"${ref}\"`);\n }\n }\n}\n\n/**\n * Checks true|\"true\" vs false|\"false\"\n *\n * @param value\n */\nexport function boolOrBoolString(value: any): value is \"true\" | true {\n return value === \"true\" ? true : isBoolean(value) ? value : false;\n}\n\nexport function canUseDOM() {\n return !!(\n typeof window !== \"undefined\" &&\n window.document &&\n window.document.createElement\n );\n}\n\n/**\n * Type-safe clone element\n *\n * @param element\n * @param props\n * @param children\n */\nexport function cloneValidElement(\n element: React.ReactElement | React.ReactNode,\n props?: Partial & React.Attributes,\n ...children: React.ReactNode[]\n): React.ReactElement | React.ReactNode {\n return React.isValidElement(element)\n ? React.cloneElement(element, props, ...children)\n : element;\n}\n\nexport function createNamedContext(\n name: string,\n defaultValue: ContextValueType\n): React.Context {\n const Ctx = React.createContext(defaultValue);\n Ctx.displayName = name;\n return Ctx;\n}\n\n/**\n * This is a hack for sure. The thing is, getting a component to intelligently\n * infer props based on a component or JSX string passed into an `as` prop is\n * kind of a huge pain. Getting it to work and satisfy the constraints of\n * `forwardRef` seems dang near impossible. To avoid needing to do this awkward\n * type song-and-dance every time we want to forward a ref into a component\n * that accepts an `as` prop, we abstract all of that mess to this function for\n * the time time being.\n */\nexport function forwardRefWithAs<\n Props,\n DefaultComponentType extends As = \"div\"\n>(render: ForwardRefWithAsRenderFunction) {\n return React.forwardRef(render) as ForwardRefExoticComponentWithAs<\n DefaultComponentType,\n Props\n >;\n}\n\nexport function memoWithAs(\n Component: FunctionComponentWithAs,\n propsAreEqual?: (\n prevProps: Readonly>,\n nextProps: Readonly>\n ) => boolean\n) {\n return React.memo(Component, propsAreEqual) as MemoExoticComponentWithAs<\n DefaultComponentType,\n Props\n >;\n}\n\n/**\n * Get the size of the working document minus the scrollbar offset.\n *\n * @param element\n */\nexport function getDocumentDimensions(\n element?: HTMLElement | null | undefined\n) {\n let ownerDocument = getOwnerDocument(element)!;\n let ownerWindow = ownerDocument.defaultView || window;\n if (!ownerDocument) {\n return {\n width: 0,\n height: 0,\n };\n }\n\n return {\n width: ownerDocument.documentElement.clientWidth ?? ownerWindow.innerWidth,\n height:\n ownerDocument.documentElement.clientHeight ?? ownerWindow.innerHeight,\n };\n}\n\n/**\n * Get the scoll position of the global window object relative to a given node.\n *\n * @param element\n */\nexport function getScrollPosition(element?: HTMLElement | null | undefined) {\n let ownerDocument = getOwnerDocument(element)!;\n let ownerWindow = ownerDocument.defaultView || window;\n if (!ownerDocument) {\n return {\n scrollX: 0,\n scrollY: 0,\n };\n }\n return {\n scrollX: ownerWindow.scrollX,\n scrollY: ownerWindow.scrollY,\n };\n}\n\n/**\n * Get a computed style value by property.\n *\n * @param element\n * @param styleProp\n */\nexport function getElementComputedStyle(element: Element, styleProp: string) {\n let ownerDocument = getOwnerDocument(element);\n let ownerWindow = ownerDocument?.defaultView || window;\n if (ownerWindow) {\n return ownerWindow\n .getComputedStyle(element, null)\n .getPropertyValue(styleProp);\n }\n return null;\n}\n\n/**\n * Get an element's owner document. Useful when components are used in iframes\n * or other environments like dev tools.\n *\n * @param element\n */\nexport function getOwnerDocument(\n element: T | null | undefined\n) {\n return canUseDOM() ? (element ? element.ownerDocument : document) : null;\n}\n\n/**\n * TODO: Remove in 1.0\n */\nexport function getOwnerWindow(\n element: T | null | undefined\n) {\n let ownerDocument = getOwnerDocument(element);\n return ownerDocument ? ownerDocument.defaultView || window : null;\n}\n\n/**\n * Get the scrollbar offset distance.\n *\n * TODO: Remove in 1.0 (we used this in public examples)\n */\nexport function getScrollbarOffset() {\n try {\n if (window.innerWidth > document.documentElement.clientWidth) {\n return window.innerWidth - document.documentElement.clientWidth;\n }\n } catch (err) {}\n return 0;\n}\n\n/**\n * Checks whether or not a value is a boolean.\n *\n * @param value\n */\nexport function isBoolean(value: any): value is boolean {\n return typeof value === \"boolean\";\n}\n\n/**\n * Checks whether or not a value is a function.\n *\n * @param value\n */\nexport function isFunction(value: any): value is Function {\n return !!(value && {}.toString.call(value) == \"[object Function]\");\n}\n\n/**\n * Checks whether or not a value is a number.\n *\n * @param value\n */\nexport function isNumber(value: any): value is number {\n return typeof value === \"number\" && !isNaN(value);\n}\n\n/**\n * Detects right clicks\n *\n * @param nativeEvent\n */\nexport function isRightClick(\n nativeEvent: MouseEvent | PointerEvent | TouchEvent\n) {\n return \"which\" in nativeEvent\n ? nativeEvent.which === 3\n : \"button\" in nativeEvent\n ? (nativeEvent as any).button === 2\n : false;\n}\n\n/**\n * Checks whether or not a value is a string.\n *\n * @param value\n */\nexport function isString(value: any): value is string {\n return typeof value === \"string\";\n}\n\n/**\n * Joins strings to format IDs for compound components.\n *\n * @param args\n */\nexport function makeId(...args: (string | number | null | undefined)[]) {\n return args.filter((val) => val != null).join(\"--\");\n}\n\n/**\n * No-op function.\n */\nexport function noop(): void {}\n\n/**\n * Convert our state strings for HTML data attributes.\n * No need for a fancy kebab-caser here, we know what our state strings are!\n *\n * @param state\n */\nexport function stateToAttributeString(state: any) {\n return String(state)\n .replace(/([\\s_]+)/g, \"-\")\n .toLowerCase();\n}\n\n/**\n * Check if a component is controlled or uncontrolled and return the correct\n * state value and setter accordingly. If the component state is controlled by\n * the app, the setter is a noop.\n *\n * @param controlledValue\n * @param defaultValue\n */\nexport function useControlledState(\n controlledValue: T | undefined,\n defaultValue: T\n): [T, React.Dispatch>] {\n let controlledRef = React.useRef(controlledValue != null);\n let [valueState, setValue] = React.useState(defaultValue);\n let set: React.Dispatch> = React.useCallback((n) => {\n if (!controlledRef.current) {\n setValue(n);\n }\n }, []);\n return [controlledRef.current ? (controlledValue as T) : valueState, set];\n}\n\n/**\n * Logs a warning in dev mode when a component switches from controlled to\n * uncontrolled, or vice versa\n *\n * A single prop should typically be used to determine whether or not a\n * component is controlled or not.\n *\n * @param controlledValue\n * @param controlledPropName\n * @param componentName\n */\nlet useControlledSwitchWarning: (\n controlledValue: any,\n controlledPropName: string,\n componentName: string\n) => void = noop;\n\nif (__DEV__) {\n useControlledSwitchWarning = function useControlledSwitchWarning(\n controlledValue,\n controlledPropName,\n componentName\n ) {\n let controlledRef = React.useRef(controlledValue != null);\n let nameCache = React.useRef({ componentName, controlledPropName });\n React.useEffect(() => {\n nameCache.current = { componentName, controlledPropName };\n }, [componentName, controlledPropName]);\n\n React.useEffect(() => {\n let { current: wasControlled } = controlledRef;\n let { componentName, controlledPropName } = nameCache.current;\n let isControlled = controlledValue != null;\n if (wasControlled !== isControlled) {\n console.error(\n `A component is changing an ${\n wasControlled ? \"\" : \"un\"\n }controlled \\`${controlledPropName}\\` state of ${componentName} to be ${\n wasControlled ? \"un\" : \"\"\n }controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled ${componentName} element for the lifetime of the component.\nMore info: https://fb.me/react-controlled-components`\n );\n }\n }, [controlledValue]);\n };\n}\n\nexport { useControlledSwitchWarning };\n\nlet useCheckStyles: (packageName: string) => void = noop;\n\nif (__DEV__) {\n useCheckStyles = function useCheckStyles(pkg: string) {\n let name = React.useRef(pkg);\n React.useEffect(() => void (name.current = pkg), [pkg]);\n React.useEffect(() => checkStyles(name.current), []);\n };\n}\n\nexport { useCheckStyles };\n\n/**\n * React hook for creating a value exactly once.\n * @see https://github.com/Andarist/use-constant\n */\nexport function useConstant(fn: () => ValueType): ValueType {\n const ref = React.useRef<{ v: ValueType }>();\n if (!ref.current) {\n ref.current = { v: fn() };\n }\n return ref.current.v;\n}\n\n/**\n * @param callback\n */\nexport function useEventCallback(\n callback: (event: E, ...args: any[]) => void\n) {\n const ref = React.useRef(callback);\n useIsomorphicLayoutEffect(() => {\n ref.current = callback;\n });\n return React.useCallback(\n (event: E, ...args: any[]) => ref.current(event, ...args),\n []\n );\n}\n\nexport function useLazyRef any>(\n fn: F\n): React.MutableRefObject> {\n const ref = React.useRef({ __internalSet: true });\n if (ref.current && ref.current.__internalSet === true) {\n ref.current = fn();\n }\n return ref;\n}\n\n/**\n * TODO: Remove in 1.0\n * @alias useStableCallback\n * @param callback\n */\nexport const useCallbackProp = useStableCallback;\n\n/**\n * Adds a DOM event listener\n *\n * @param eventName\n * @param listener\n * @param element\n */\nexport function useEventListener(\n eventName: K,\n listener: (event: WindowEventMap[K]) => any,\n element: HTMLElement | Document | Window | EventTarget = window\n) {\n const savedHandler = React.useRef(listener);\n React.useEffect(() => {\n savedHandler.current = listener;\n }, [listener]);\n\n React.useEffect(() => {\n const isSupported = element && element.addEventListener;\n if (!isSupported) {\n if (__DEV__) {\n console.warn(\"Event listener not supported on the element provided\");\n }\n return;\n }\n\n function eventListener(event: WindowEventMap[K]) {\n savedHandler.current(event);\n }\n\n element.addEventListener(eventName, eventListener as any);\n return () => {\n element.removeEventListener(eventName, eventListener as any);\n };\n }, [eventName, element]);\n}\n\n/**\n * Detect when focus changes in our document.\n *\n * @param handleChange\n * @param when\n * @param ownerDocument\n */\nexport function useFocusChange(\n handleChange: (\n activeElement: Element | null,\n previousActiveElement: Element | null,\n event?: FocusEvent\n ) => void = console.log,\n when: \"focus\" | \"blur\" = \"focus\",\n ownerDocument: Document = document\n) {\n let lastActiveElement = React.useRef(ownerDocument.activeElement);\n\n React.useEffect(() => {\n lastActiveElement.current = ownerDocument.activeElement;\n\n function onChange(event: FocusEvent) {\n if (lastActiveElement.current !== ownerDocument.activeElement) {\n handleChange(\n ownerDocument.activeElement,\n lastActiveElement.current,\n event\n );\n lastActiveElement.current = ownerDocument.activeElement;\n }\n }\n\n ownerDocument.addEventListener(when, onChange, true);\n\n return () => {\n ownerDocument.removeEventListener(when, onChange);\n };\n }, [when, handleChange, ownerDocument]);\n}\n\n/**\n * Forces a re-render, similar to `forceUpdate` in class components.\n */\nexport function useForceUpdate() {\n let [, dispatch] = React.useState<{}>(Object.create(null));\n return React.useCallback(() => {\n dispatch(Object.create(null));\n }, []);\n}\n\n/**\n * Passes or assigns a value to multiple refs (typically a DOM node). Useful for\n * dealing with components that need an explicit ref for DOM calculations but\n * also forwards refs assigned by an app.\n *\n * @param refs Refs to fork\n */\nexport function useForkedRef(\n ...refs: (AssignableRef | null | undefined)[]\n) {\n return React.useMemo(() => {\n if (refs.every((ref) => ref == null)) {\n return null;\n }\n return (node: any) => {\n refs.forEach((ref) => {\n assignRef(ref, node);\n });\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [...refs]);\n}\n\n/**\n * Returns the previous value of a reference after a component update.\n *\n * @param value\n */\nexport function usePrevious(value: ValueType) {\n const ref = React.useRef(null);\n React.useEffect(() => {\n ref.current = value;\n }, [value]);\n return ref.current;\n}\n\n/**\n * Converts a callback to a ref to avoid triggering re-renders when passed as a\n * prop and exposed as a stable function to avoid executing effects when\n * passed as a dependency.\n */\nexport function useStableCallback any>(\n callback: T | null | undefined\n): T {\n let callbackRef = React.useRef(callback);\n React.useEffect(() => {\n callbackRef.current = callback;\n });\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n return React.useCallback(\n ((...args) => {\n callbackRef.current && callbackRef.current(...args);\n }) as T,\n []\n );\n}\n\n/**\n * Call an effect after a component update, skipping the initial mount.\n *\n * @param effect Effect to call\n * @param deps Effect dependency list\n */\nexport function useUpdateEffect(\n effect: React.EffectCallback,\n deps?: React.DependencyList\n) {\n const mounted = React.useRef(false);\n React.useEffect(() => {\n if (mounted.current) {\n effect();\n } else {\n mounted.current = true;\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, deps);\n}\n\n/**\n * Just a lil state logger\n *\n * @param state\n * @param DEBUG\n */\nlet useStateLogger: (state: string, DEBUG: boolean) => void = noop;\n\nif (__DEV__) {\n useStateLogger = function useStateLogger(state, DEBUG = false) {\n let debugRef = React.useRef(DEBUG);\n React.useEffect(() => {\n debugRef.current = DEBUG;\n }, [DEBUG]);\n React.useEffect(() => {\n if (debugRef.current) {\n console.group(\"State Updated\");\n console.log(\n \"%c\" + state,\n \"font-weight: normal; font-size: 120%; font-style: italic;\"\n );\n console.groupEnd();\n }\n }, [state]);\n };\n}\n\nexport { useStateLogger };\n\n/**\n * Wraps a lib-defined event handler and a user-defined event handler, returning\n * a single handler that allows a user to prevent lib-defined handlers from\n * firing.\n *\n * @param theirHandler User-supplied event handler\n * @param ourHandler Library-supplied event handler\n */\nexport function wrapEvent(\n theirHandler: ((event: EventType) => any) | undefined,\n ourHandler: (event: EventType) => any\n): (event: EventType) => any {\n return (event) => {\n theirHandler && theirHandler(event);\n if (!event.defaultPrevented) {\n return ourHandler(event);\n }\n };\n}\n\n// Export types\nexport type {\n As,\n AssignableRef,\n ComponentWithAs,\n ComponentWithForwardedRef,\n DistributiveOmit,\n ElementTagNameMap,\n ForwardRefExoticComponentWithAs,\n FunctionComponentWithAs,\n MemoExoticComponentWithAs,\n PropsFromAs,\n PropsWithAs,\n SingleOrArray,\n ThenArg,\n};\n"},"lineCount":null}},"error":null,"hash":"b2f928f3979f832a2b3f79b658ce1197","cacheData":{"env":{"NODE_ENV":"production"}}}