@wordpress/components 25.8.3 → 25.9.0

package/build-module/context/context-connect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","warn","CONNECT_STATIC_NAMESPACE","getStyledClassNameFromKey","contextConnect","Component","namespace","_contextConnect","forwardsRef","contextConnectWithoutRef","options","WrappedComponent","SCRIPT_DEBUG","mergedNamespace","Array","isArray","Object","assign","Set","displayName","selector","getConnectNamespace","namespaces","type","hasConnectNamespace","match","includes","some","result"],"sources":["@wordpress/components/src/context/context-connect.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef, ReactChild, ReactNode } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport warn from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { CONNECT_STATIC_NAMESPACE } from './constants';\nimport { getStyledClassNameFromKey } from './get-styled-class-name-from-key';\nimport type { WordPressComponentFromProps } from '.';\n\ntype AcceptsTwoArgs<\n\tF extends ( ...args: any ) => any,\n\tErrorMessage = never,\n> = Parameters< F >[ 'length' ] extends 2 ? {} : ErrorMessage;\n\ntype ContextConnectOptions = {\n\tforwardsRef?: boolean;\n};\n\n/**\n * Forwards ref (React.ForwardRef) and \"Connects\" (or registers) a component\n * within the Context system under a specified namespace.\n *\n * @param Component The component to register into the Context system.\n * @param namespace The namespace to register the component under.\n * @return The connected WordPressComponent\n */\nexport function contextConnect<\n\tC extends ( props: any, ref: ForwardedRef< any > ) => JSX.Element | null,\n>(\n\tComponent: C &\n\t\tAcceptsTwoArgs<\n\t\t\tC,\n\t\t\t'Warning: Your component function does not take a ref as the second argument. Did you mean to use `contextConnectWithoutRef`?'\n\t\t>,\n\tnamespace: string\n) {\n\treturn _contextConnect( Component, namespace, { forwardsRef: true } );\n}\n\n/**\n * \"Connects\" (or registers) a component within the Context system under a specified namespace.\n * Does not forward a ref.\n *\n * @param Component The component to register into the Context system.\n * @param namespace The namespace to register the component under.\n * @return The connected WordPressComponent\n */\nexport function contextConnectWithoutRef< P >(\n\tComponent: ( props: P ) => JSX.Element | null,\n\tnamespace: string\n) {\n\treturn _contextConnect( Component, namespace );\n}\n\n// This is an (experimental) evolution of the initial connect() HOC.\n// The hope is that we can improve render performance by removing functional\n// component wrappers.\nfunction _contextConnect<\n\tC extends ( props: any, ref: ForwardedRef< any > ) => JSX.Element | null,\n\tO extends ContextConnectOptions,\n>(\n\tComponent: C,\n\tnamespace: string,\n\toptions?: O\n): WordPressComponentFromProps<\n\tParameters< C >[ 0 ],\n\tO[ 'forwardsRef' ] extends true ? true : false\n> {\n\tconst WrappedComponent = options?.forwardsRef\n\t\t? forwardRef< any, Parameters< C >[ 0 ] >( Component )\n\t\t: Component;\n\n\tif ( typeof namespace === 'undefined' ) {\n\t\twarn( 'contextConnect: Please provide a namespace' );\n\t}\n\n\t// @ts-expect-error internal property\n\tlet mergedNamespace = WrappedComponent[ CONNECT_STATIC_NAMESPACE ] || [\n\t\tnamespace,\n\t];\n\n\t/**\n\t * Consolidate (merge) namespaces before attaching it to the WrappedComponent.\n\t */\n\tif ( Array.isArray( namespace ) ) {\n\t\tmergedNamespace = [ ...mergedNamespace, ...namespace ];\n\t}\n\tif ( typeof namespace === 'string' ) {\n\t\tmergedNamespace = [ ...mergedNamespace, namespace ];\n\t}\n\n\t// @ts-expect-error We can't rely on inferred types here because of the\n\t// `as` prop polymorphism we're handling in https://github.com/WordPress/gutenberg/blob/4f3a11243c365f94892e479bff0b922ccc4ccda3/packages/components/src/context/wordpress-component.ts#L32-L33\n\treturn Object.assign( WrappedComponent, {\n\t\t[ CONNECT_STATIC_NAMESPACE ]: [ ...new Set( mergedNamespace ) ],\n\t\tdisplayName: namespace,\n\t\tselector: `.${ getStyledClassNameFromKey( namespace ) }`,\n\t} );\n}\n\n/**\n * Attempts to retrieve the connected namespace from a component.\n *\n * @param Component The component to retrieve a namespace from.\n * @return The connected namespaces.\n */\nexport function getConnectNamespace(\n\tComponent: ReactChild | undefined | {}\n): string[] {\n\tif ( ! Component ) return [];\n\n\tlet namespaces = [];\n\n\t// @ts-ignore internal property\n\tif ( Component[ CONNECT_STATIC_NAMESPACE ] ) {\n\t\t// @ts-ignore internal property\n\t\tnamespaces = Component[ CONNECT_STATIC_NAMESPACE ];\n\t}\n\n\t// @ts-ignore\n\tif ( Component.type && Component.type[ CONNECT_STATIC_NAMESPACE ] ) {\n\t\t// @ts-ignore\n\t\tnamespaces = Component.type[ CONNECT_STATIC_NAMESPACE ];\n\t}\n\n\treturn namespaces;\n}\n\n/**\n * Checks to see if a component is connected within the Context system.\n *\n * @param Component The component to retrieve a namespace from.\n * @param match     The namespace to check.\n */\nexport function hasConnectNamespace(\n\tComponent: ReactNode,\n\tmatch: string[] | string\n): boolean {\n\tif ( ! Component ) return false;\n\n\tif ( typeof match === 'string' ) {\n\t\treturn getConnectNamespace( Component ).includes( match );\n\t}\n\tif ( Array.isArray( match ) ) {\n\t\treturn match.some( ( result ) =>\n\t\t\tgetConnectNamespace( Component ).includes( result )\n\t\t);\n\t}\n\n\treturn false;\n}\n"],"mappings":"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"}

package/build-module/{ui/context → context}/context-system-provider.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -15,7 +15,7 @@ import warn from '@wordpress/warning';
 /**
  * Internal dependencies
  */
-import { useUpdateEffect } from '../../utils';
+import { useUpdateEffect } from '../utils';
 export const ComponentsContext = createContext( /** @type {Record<string, any>} */{});
 export const useComponentsContext = () => useContext(ComponentsContext);
 

package/build-module/context/context-system-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["deepmerge","fastDeepEqual","isPlainObject","createContext","useContext","useRef","useMemo","memo","warn","useUpdateEffect","ComponentsContext","useComponentsContext","useContextSystemBridge","value","parentContext","valueRef","current","SCRIPT_DEBUG","JSON","stringify","config","isMergeableObject","BaseContextSystemProvider","children","contextValue","createElement","Provider","ContextSystemProvider"],"sources":["@wordpress/components/src/context/context-system-provider.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport deepmerge from 'deepmerge';\nimport fastDeepEqual from 'fast-deep-equal/es6';\nimport { isPlainObject } from 'is-plain-object';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseRef,\n\tuseMemo,\n\tmemo,\n} from '@wordpress/element';\nimport warn from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { useUpdateEffect } from '../utils';\n\nexport const ComponentsContext = createContext(\n\t/** @type {Record<string, any>} */ ( {} )\n);\nexport const useComponentsContext = () => useContext( ComponentsContext );\n\n/**\n * Consolidates incoming ContextSystem values with a (potential) parent ContextSystem value.\n *\n * Note: This function will warn if it detects an un-memoized `value`\n *\n * @param {Object}              props\n * @param {Record<string, any>} props.value\n * @return {Record<string, any>} The consolidated value.\n */\nfunction useContextSystemBridge( { value } ) {\n\tconst parentContext = useComponentsContext();\n\n\tconst valueRef = useRef( value );\n\n\tuseUpdateEffect( () => {\n\t\tif (\n\t\t\t// Objects are equivalent.\n\t\t\tfastDeepEqual( valueRef.current, value ) &&\n\t\t\t// But not the same reference.\n\t\t\tvalueRef.current !== value\n\t\t) {\n\t\t\twarn( `Please memoize your context: ${ JSON.stringify( value ) }` );\n\t\t}\n\t}, [ value ] );\n\n\t// `parentContext` will always be memoized (i.e., the result of this hook itself)\n\t// or the default value from when the `ComponentsContext` was originally\n\t// initialized (which will never change, it's a static variable)\n\t// so this memoization will prevent `deepmerge()` from rerunning unless\n\t// the references to `value` change OR the `parentContext` has an actual material change\n\t// (because again, it's guaranteed to be memoized or a static reference to the empty object\n\t// so we know that the only changes for `parentContext` are material ones... i.e., why we\n\t// don't have to warn in the `useUpdateEffect` hook above for `parentContext` and we only\n\t// need to bother with the `value`). The `useUpdateEffect` above will ensure that we are\n\t// correctly warning when the `value` isn't being properly memoized. All of that to say\n\t// that this should be super safe to assume that `useMemo` will only run on actual\n\t// changes to the two dependencies, therefore saving us calls to `deepmerge()`!\n\tconst config = useMemo( () => {\n\t\t// Deep clone `parentContext` to avoid mutating it later.\n\t\treturn deepmerge( parentContext ?? {}, value ?? {}, {\n\t\t\tisMergeableObject: isPlainObject,\n\t\t} );\n\t}, [ parentContext, value ] );\n\n\treturn config;\n}\n\n/**\n * A Provider component that can modify props for connected components within\n * the Context system.\n *\n * @example\n * ```jsx\n * <ContextSystemProvider value={{ Button: { size: 'small' }}}>\n *   <Button>...</Button>\n * </ContextSystemProvider>\n * ```\n *\n * @template {Record<string, any>} T\n * @param {Object}                    options\n * @param {import('react').ReactNode} options.children Children to render.\n * @param {T}                         options.value    Props to render into connected components.\n * @return {JSX.Element} A Provider wrapped component.\n */\nconst BaseContextSystemProvider = ( { children, value } ) => {\n\tconst contextValue = useContextSystemBridge( { value } );\n\n\treturn (\n\t\t<ComponentsContext.Provider value={ contextValue }>\n\t\t\t{ children }\n\t\t</ComponentsContext.Provider>\n\t);\n};\n\nexport const ContextSystemProvider = memo( BaseContextSystemProvider );\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,SAAS,MAAM,WAAW;AACjC,OAAOC,aAAa,MAAM,qBAAqB;AAC/C,SAASC,aAAa,QAAQ,iBAAiB;;AAE/C;AACA;AACA;AACA,SACCC,aAAa,EACbC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,IAAI,QACE,oBAAoB;AAC3B,OAAOC,IAAI,MAAM,oBAAoB;;AAErC;AACA;AACA;AACA,SAASC,eAAe,QAAQ,UAAU;AAE1C,OAAO,MAAMC,iBAAiB,GAAGP,aAAa,EAC7C,kCAAqC,CAAC,CACvC,CAAC;AACD,OAAO,MAAMQ,oBAAoB,GAAGA,CAAA,KAAMP,UAAU,CAAEM,iBAAkB,CAAC;;AAEzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,sBAAsBA,CAAE;EAAEC;AAAM,CAAC,EAAG;EAC5C,MAAMC,aAAa,GAAGH,oBAAoB,CAAC,CAAC;EAE5C,MAAMI,QAAQ,GAAGV,MAAM,CAAEQ,KAAM,CAAC;EAEhCJ,eAAe,CAAE,MAAM;IACtB;IACC;IACAR,aAAa,CAAEc,QAAQ,CAACC,OAAO,EAAEH,KAAM,CAAC;IACxC;IACAE,QAAQ,CAACC,OAAO,KAAKH,KAAK,EACzB;MACD,OAAAI,YAAA,oBAAAA,YAAA,YAAAT,IAAI,CAAG,gCAAgCU,IAAI,CAACC,SAAS,CAAEN,KAAM,CAAG,EAAE,CAAC;IACpE;EACD,CAAC,EAAE,CAAEA,KAAK,CAAG,CAAC;;EAEd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAMO,MAAM,GAAGd,OAAO,CAAE,MAAM;IAC7B;IACA,OAAON,SAAS,CAAEc,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAI,CAAC,CAAC,EAAED,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,EAAE;MACnDQ,iBAAiB,EAAEnB;IACpB,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEY,aAAa,EAAED,KAAK,CAAG,CAAC;EAE7B,OAAOO,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,yBAAyB,GAAGA,CAAE;EAAEC,QAAQ;EAAEV;AAAM,CAAC,KAAM;EAC5D,MAAMW,YAAY,GAAGZ,sBAAsB,CAAE;IAAEC;EAAM,CAAE,CAAC;EAExD,OACCY,aAAA,CAACf,iBAAiB,CAACgB,QAAQ;IAACb,KAAK,EAAGW;EAAc,GAC/CD,QACyB,CAAC;AAE/B,CAAC;AAED,OAAO,MAAMI,qBAAqB,GAAGpB,IAAI,CAAEe,yBAA0B,CAAC"}

package/build-module/context/get-styled-class-name-from-key.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["paramCase","kebabCase","memoize","getStyledClassName","namespace","kebab","getStyledClassNameFromKey"],"sources":["@wordpress/components/src/context/get-styled-class-name-from-key.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { paramCase as kebabCase } from 'change-case';\nimport memoize from 'memize';\n\n/**\n * Generates the connected component CSS className based on the namespace.\n *\n * @param namespace The name of the connected component.\n * @return The generated CSS className.\n */\nfunction getStyledClassName( namespace: string ): string {\n\tconst kebab = kebabCase( namespace );\n\treturn `components-${ kebab }`;\n}\n\nexport const getStyledClassNameFromKey = memoize( getStyledClassName );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,IAAIC,SAAS,QAAQ,aAAa;AACpD,OAAOC,OAAO,MAAM,QAAQ;;AAE5B;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,kBAAkBA,CAAEC,SAAiB,EAAW;EACxD,MAAMC,KAAK,GAAGJ,SAAS,CAAEG,SAAU,CAAC;EACpC,OAAQ,cAAcC,KAAO,EAAC;AAC/B;AAEA,OAAO,MAAMC,yBAAyB,GAAGJ,OAAO,CAAEC,kBAAmB,CAAC"}

package/build-module/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ContextSystemProvider","useComponentsContext","contextConnect","contextConnectWithoutRef","hasConnectNamespace","getConnectNamespace","useContextSystem"],"sources":["@wordpress/components/src/context/index.ts"],"sourcesContent":["export {\n\tContextSystemProvider,\n\tuseComponentsContext,\n} from './context-system-provider';\nexport {\n\tcontextConnect,\n\tcontextConnectWithoutRef,\n\thasConnectNamespace,\n\tgetConnectNamespace,\n} from './context-connect';\nexport { useContextSystem } from './use-context-system';\nexport * from './wordpress-component';\n"],"mappings":"AAAA,SACCA,qBAAqB,EACrBC,oBAAoB,QACd,2BAA2B;AAClC,SACCC,cAAc,EACdC,wBAAwB,EACxBC,mBAAmB,EACnBC,mBAAmB,QACb,mBAAmB;AAC1B,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,cAAc,uBAAuB"}

package/build-module/{ui/context → context}/use-context-system.js

@@ -9,7 +9,7 @@ import warn from '@wordpress/warning';
 import { useComponentsContext } from './context-system-provider';
 import { getNamespace, getConnectedNamespace } from './utils';
 import { getStyledClassNameFromKey } from './get-styled-class-name-from-key';
-import { useCx } from '../../utils/hooks/use-cx';
+import { useCx } from '../utils/hooks/use-cx';
 
 /**
  * @template TProps

package/build-module/context/use-context-system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["warn","useComponentsContext","getNamespace","getConnectedNamespace","getStyledClassNameFromKey","useCx","useContextSystem","props","namespace","contextSystemProps","SCRIPT_DEBUG","contextProps","finalComponentProps","_overrides","overrideProps","otherContextProps","initialMergedProps","Object","entries","length","assign","cx","classes","className","rendered","renderChildren","children","key","undefined"],"sources":["@wordpress/components/src/context/use-context-system.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport warn from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { useComponentsContext } from './context-system-provider';\nimport { getNamespace, getConnectedNamespace } from './utils';\nimport { getStyledClassNameFromKey } from './get-styled-class-name-from-key';\nimport { useCx } from '../utils/hooks/use-cx';\n\n/**\n * @template TProps\n * @typedef {TProps & { className: string }} ConnectedProps\n */\n\n/**\n * Custom hook that derives registered props from the Context system.\n * These derived props are then consolidated with incoming component props.\n *\n * @template {{ className?: string }} P\n * @param {P}      props     Incoming props from the component.\n * @param {string} namespace The namespace to register and to derive context props from.\n * @return {ConnectedProps<P>} The connected props.\n */\nexport function useContextSystem( props, namespace ) {\n\tconst contextSystemProps = useComponentsContext();\n\tif ( typeof namespace === 'undefined' ) {\n\t\twarn( 'useContextSystem: Please provide a namespace' );\n\t}\n\n\tconst contextProps = contextSystemProps?.[ namespace ] || {};\n\n\t/* eslint-disable jsdoc/no-undefined-types */\n\t/** @type {ConnectedProps<P>} */\n\t// @ts-ignore We fill in the missing properties below\n\tconst finalComponentProps = {\n\t\t...getConnectedNamespace(),\n\t\t...getNamespace( namespace ),\n\t};\n\t/* eslint-enable jsdoc/no-undefined-types */\n\n\tconst { _overrides: overrideProps, ...otherContextProps } = contextProps;\n\n\tconst initialMergedProps = Object.entries( otherContextProps ).length\n\t\t? Object.assign( {}, otherContextProps, props )\n\t\t: props;\n\n\tconst cx = useCx();\n\n\tconst classes = cx(\n\t\tgetStyledClassNameFromKey( namespace ),\n\t\tprops.className\n\t);\n\n\t// Provides the ability to customize the render of the component.\n\tconst rendered =\n\t\ttypeof initialMergedProps.renderChildren === 'function'\n\t\t\t? initialMergedProps.renderChildren( initialMergedProps )\n\t\t\t: initialMergedProps.children;\n\n\tfor ( const key in initialMergedProps ) {\n\t\t// @ts-ignore filling in missing props\n\t\tfinalComponentProps[ key ] = initialMergedProps[ key ];\n\t}\n\n\tfor ( const key in overrideProps ) {\n\t\t// @ts-ignore filling in missing props\n\t\tfinalComponentProps[ key ] = overrideProps[ key ];\n\t}\n\n\t// Setting an `undefined` explicitly can cause unintended overwrites\n\t// when a `cloneElement()` is involved.\n\tif ( rendered !== undefined ) {\n\t\t// @ts-ignore\n\t\tfinalComponentProps.children = rendered;\n\t}\n\n\tfinalComponentProps.className = classes;\n\n\treturn finalComponentProps;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,oBAAoB;;AAErC;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,2BAA2B;AAChE,SAASC,YAAY,EAAEC,qBAAqB,QAAQ,SAAS;AAC7D,SAASC,yBAAyB,QAAQ,kCAAkC;AAC5E,SAASC,KAAK,QAAQ,uBAAuB;;AAE7C;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAEC,KAAK,EAAEC,SAAS,EAAG;EACpD,MAAMC,kBAAkB,GAAGR,oBAAoB,CAAC,CAAC;EACjD,IAAK,OAAOO,SAAS,KAAK,WAAW,EAAG;IACvC,OAAAE,YAAA,oBAAAA,YAAA,YAAAV,IAAI,CAAE,8CAA+C,CAAC;EACvD;EAEA,MAAMW,YAAY,GAAGF,kBAAkB,GAAID,SAAS,CAAE,IAAI,CAAC,CAAC;;EAE5D;EACA;EACA;EACA,MAAMI,mBAAmB,GAAG;IAC3B,GAAGT,qBAAqB,CAAC,CAAC;IAC1B,GAAGD,YAAY,CAAEM,SAAU;EAC5B,CAAC;EACD;;EAEA,MAAM;IAAEK,UAAU,EAAEC,aAAa;IAAE,GAAGC;EAAkB,CAAC,GAAGJ,YAAY;EAExE,MAAMK,kBAAkB,GAAGC,MAAM,CAACC,OAAO,CAAEH,iBAAkB,CAAC,CAACI,MAAM,GAClEF,MAAM,CAACG,MAAM,CAAE,CAAC,CAAC,EAAEL,iBAAiB,EAAER,KAAM,CAAC,GAC7CA,KAAK;EAER,MAAMc,EAAE,GAAGhB,KAAK,CAAC,CAAC;EAElB,MAAMiB,OAAO,GAAGD,EAAE,CACjBjB,yBAAyB,CAAEI,SAAU,CAAC,EACtCD,KAAK,CAACgB,SACP,CAAC;;EAED;EACA,MAAMC,QAAQ,GACb,OAAOR,kBAAkB,CAACS,cAAc,KAAK,UAAU,GACpDT,kBAAkB,CAACS,cAAc,CAAET,kBAAmB,CAAC,GACvDA,kBAAkB,CAACU,QAAQ;EAE/B,KAAM,MAAMC,GAAG,IAAIX,kBAAkB,EAAG;IACvC;IACAJ,mBAAmB,CAAEe,GAAG,CAAE,GAAGX,kBAAkB,CAAEW,GAAG,CAAE;EACvD;EAEA,KAAM,MAAMA,GAAG,IAAIb,aAAa,EAAG;IAClC;IACAF,mBAAmB,CAAEe,GAAG,CAAE,GAAGb,aAAa,CAAEa,GAAG,CAAE;EAClD;;EAEA;EACA;EACA,IAAKH,QAAQ,KAAKI,SAAS,EAAG;IAC7B;IACAhB,mBAAmB,CAACc,QAAQ,GAAGF,QAAQ;EACxC;EAEAZ,mBAAmB,CAACW,SAAS,GAAGD,OAAO;EAEvC,OAAOV,mBAAmB;AAC3B"}

package/build-module/context/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CONNECTED_NAMESPACE","COMPONENT_NAMESPACE","getNamespace","componentName","getConnectedNamespace"],"sources":["@wordpress/components/src/context/utils.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { CONNECTED_NAMESPACE, COMPONENT_NAMESPACE } from './constants';\n\n/**\n * Creates a dedicated context namespace HTML attribute for components.\n * ns is short for \"namespace\"\n *\n * @example\n * ```jsx\n * <div {...ns('Container')} />\n * ```\n *\n * @param {string} componentName The name for the component.\n * @return {Record<string, any>} A props object with the namespaced HTML attribute.\n */\nexport function getNamespace( componentName ) {\n\treturn { [ COMPONENT_NAMESPACE ]: componentName };\n}\n\n/**\n * Creates a dedicated connected context namespace HTML attribute for components.\n * ns is short for \"namespace\"\n *\n * @example\n * ```jsx\n * <div {...cns()} />\n * ```\n *\n * @return {Record<string, any>} A props object with the namespaced HTML attribute.\n */\nexport function getConnectedNamespace() {\n\treturn { [ CONNECTED_NAMESPACE ]: true };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,mBAAmB,EAAEC,mBAAmB,QAAQ,aAAa;;AAEtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAAEC,aAAa,EAAG;EAC7C,OAAO;IAAE,CAAEF,mBAAmB,GAAIE;EAAc,CAAC;AAClD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAAA,EAAG;EACvC,OAAO;IAAE,CAAEJ,mBAAmB,GAAI;EAAK,CAAC;AACzC"}

package/build-module/context/wordpress-component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["@wordpress/components/src/context/wordpress-component.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type * as React from 'react';\n\n// Based on https://github.com/reakit/reakit/blob/master/packages/reakit-utils/src/types.ts\nexport type WordPressComponentProps<\n\t/** Prop types. */\n\tP,\n\t/** The HTML element to inherit props from. */\n\tT extends React.ElementType,\n\t/** Supports polymorphism through the `as` prop. */\n\tIsPolymorphic extends boolean = true,\n> = P &\n\t// The `children` prop is being explicitly omitted since it is otherwise implicitly added\n\t// by `ComponentPropsWithRef`. The context is that components should require the `children`\n\t// prop explicitly when needed (see https://github.com/WordPress/gutenberg/pull/31817).\n\tOmit< React.ComponentPropsWithoutRef< T >, 'as' | keyof P | 'children' > &\n\t( IsPolymorphic extends true\n\t\t? {\n\t\t\t\t/** The HTML element or React component to render the component as. */\n\t\t\t\tas?: T | keyof JSX.IntrinsicElements;\n\t\t  }\n\t\t: {} );\n\nexport type WordPressComponent<\n\tT extends React.ElementType,\n\tO,\n\tIsPolymorphic extends boolean,\n> = {\n\t< TT extends React.ElementType >(\n\t\tprops: WordPressComponentProps< O, TT, IsPolymorphic > &\n\t\t\t( IsPolymorphic extends true ? { as: TT } : {} )\n\t): JSX.Element | null;\n\t(\n\t\tprops: WordPressComponentProps< O, T, IsPolymorphic >\n\t): JSX.Element | null;\n\tdisplayName?: string;\n\t/**\n\t * A CSS selector used to fake component interpolation in styled components\n\t * for components not generated by `styled`. Anything passed to `contextConnect`\n\t * will get this property.\n\t *\n\t * We restrict it to a class to align with the already existing class names that\n\t * are generated by the context system.\n\t */\n\tselector?: `.${ string }`;\n};\n\nexport type WordPressComponentFromProps<\n\tProps,\n\tForwardsRef extends boolean = true,\n> = Props extends WordPressComponentProps< infer P, infer T, infer I >\n\t? WordPressComponent<\n\t\t\tT,\n\t\t\tP & ( ForwardsRef extends true ? React.RefAttributes< any > : {} ),\n\t\t\tI\n\t  >\n\t: never;\n"],"mappings":""}

package/build-module/custom-gradient-picker/gradient-bar/control-points.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */

package/build-module/custom-gradient-picker/gradient-bar/control-points.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","colord","useInstanceId","useEffect","useRef","useState","useMemo","__","sprintf","plus","Button","HStack","ColorPicker","VisuallyHidden","CustomColorPickerDropdown","addControlPoint","clampPercent","removeControlPoint","updateControlPointColor","updateControlPointColorByPosition","updateControlPointPosition","getHorizontalRelativeGradientPosition","MINIMUM_SIGNIFICANT_MOVE","KEYBOARD_CONTROL_POINT_VARIATION","ControlPointButton","isOpen","position","color","additionalProps","instanceId","descriptionId","createElement","Fragment","className","id","GradientColorPickerDropdown","isRenderedInSidebar","props","popoverProps","placement","offset","mergedClassName","ControlPoints","disableRemove","disableAlpha","gradientPickerDomRef","ignoreMarkerPosition","value","controlPoints","onChange","onStartControlPointChange","onStopControlPointChange","__experimentalIsRenderedInSidebar","controlPointMoveState","onMouseMove","event","current","undefined","relativePosition","clientX","initialPosition","index","significantMoveHappened","Math","abs","cleanEventListeners","window","removeEventListener","listenersActivated","cleanEventListenersRef","map","point","key","onClose","renderToggle","onToggle","onClick","onMouseDown","addEventListener","onKeyDown","code","stopPropagation","renderContent","enableAlpha","toRgbString","length","alignment","variant","style","left","transform","InsertPoint","onOpenInserter","onCloseInserter","insertPosition","alreadyInsertedPoint","setAlreadyInsertedPoint","icon"],"sources":["@wordpress/components/src/custom-gradient-picker/gradient-bar/control-points.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useEffect, useRef, useState, useMemo } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { plus } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport { HStack } from '../../h-stack';\nimport { ColorPicker } from '../../color-picker';\nimport { VisuallyHidden } from '../../visually-hidden';\nimport { CustomColorPickerDropdown } from '../../color-palette';\n\nimport {\n\taddControlPoint,\n\tclampPercent,\n\tremoveControlPoint,\n\tupdateControlPointColor,\n\tupdateControlPointColorByPosition,\n\tupdateControlPointPosition,\n\tgetHorizontalRelativeGradientPosition,\n} from './utils';\nimport {\n\tMINIMUM_SIGNIFICANT_MOVE,\n\tKEYBOARD_CONTROL_POINT_VARIATION,\n} from './constants';\nimport type { WordPressComponentProps } from '../../ui/context';\nimport type {\n\tControlPointButtonProps,\n\tControlPointMoveState,\n\tControlPointsProps,\n\tInsertPointProps,\n} from '../types';\nimport type { CustomColorPickerDropdownProps } from '../../color-palette/types';\n\nfunction ControlPointButton( {\n\tisOpen,\n\tposition,\n\tcolor,\n\t...additionalProps\n}: WordPressComponentProps< ControlPointButtonProps, 'button', true > ) {\n\tconst instanceId = useInstanceId( ControlPointButton );\n\tconst descriptionId = `components-custom-gradient-picker__control-point-button-description-${ instanceId }`;\n\treturn (\n\t\t<>\n\t\t\t<Button\n\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t// translators: %1$s: gradient position e.g: 70, %2$s: gradient color code e.g: rgb(52,121,151).\n\t\t\t\t\t__(\n\t\t\t\t\t\t'Gradient control point at position %1$s%% with color code %2$s.'\n\t\t\t\t\t),\n\t\t\t\t\tposition,\n\t\t\t\t\tcolor\n\t\t\t\t) }\n\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\taria-haspopup=\"true\"\n\t\t\t\taria-expanded={ isOpen }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'components-custom-gradient-picker__control-point-button',\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-active': isOpen,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\t{ ...additionalProps }\n\t\t\t/>\n\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t{ __(\n\t\t\t\t\t'Use your left or right arrow keys or drag and drop with the mouse to change the gradient position. Press the button to change the color or remove the control point.'\n\t\t\t\t) }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n\nfunction GradientColorPickerDropdown( {\n\tisRenderedInSidebar,\n\tclassName,\n\t...props\n}: CustomColorPickerDropdownProps ) {\n\t// Open the popover below the gradient control/insertion point\n\tconst popoverProps = useMemo(\n\t\t() =>\n\t\t\t( {\n\t\t\t\tplacement: 'bottom',\n\t\t\t\toffset: 8,\n\t\t\t} ) as const,\n\t\t[]\n\t);\n\n\tconst mergedClassName = classnames(\n\t\t'components-custom-gradient-picker__control-point-dropdown',\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<CustomColorPickerDropdown\n\t\t\tisRenderedInSidebar={ isRenderedInSidebar }\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName={ mergedClassName }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction ControlPoints( {\n\tdisableRemove,\n\tdisableAlpha,\n\tgradientPickerDomRef,\n\tignoreMarkerPosition,\n\tvalue: controlPoints,\n\tonChange,\n\tonStartControlPointChange,\n\tonStopControlPointChange,\n\t__experimentalIsRenderedInSidebar,\n}: ControlPointsProps ) {\n\tconst controlPointMoveState = useRef< ControlPointMoveState >();\n\n\tconst onMouseMove = ( event: MouseEvent ) => {\n\t\tif (\n\t\t\tcontrolPointMoveState.current === undefined ||\n\t\t\tgradientPickerDomRef.current === null\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst relativePosition = getHorizontalRelativeGradientPosition(\n\t\t\tevent.clientX,\n\t\t\tgradientPickerDomRef.current\n\t\t);\n\n\t\tconst { initialPosition, index, significantMoveHappened } =\n\t\t\tcontrolPointMoveState.current;\n\n\t\tif (\n\t\t\t! significantMoveHappened &&\n\t\t\tMath.abs( initialPosition - relativePosition ) >=\n\t\t\t\tMINIMUM_SIGNIFICANT_MOVE\n\t\t) {\n\t\t\tcontrolPointMoveState.current.significantMoveHappened = true;\n\t\t}\n\n\t\tonChange(\n\t\t\tupdateControlPointPosition( controlPoints, index, relativePosition )\n\t\t);\n\t};\n\n\tconst cleanEventListeners = () => {\n\t\tif (\n\t\t\twindow &&\n\t\t\twindow.removeEventListener &&\n\t\t\tcontrolPointMoveState.current &&\n\t\t\tcontrolPointMoveState.current.listenersActivated\n\t\t) {\n\t\t\twindow.removeEventListener( 'mousemove', onMouseMove );\n\t\t\twindow.removeEventListener( 'mouseup', cleanEventListeners );\n\t\t\tonStopControlPointChange();\n\t\t\tcontrolPointMoveState.current.listenersActivated = false;\n\t\t}\n\t};\n\n\t// Adding `cleanEventListeners` to the dependency array below requires the function itself to be wrapped in a `useCallback`\n\t// This memoization would prevent the event listeners from being properly cleaned.\n\t// Instead, we'll pass a ref to the function in our `useEffect` so `cleanEventListeners` itself is no longer a dependency.\n\tconst cleanEventListenersRef = useRef< () => void >();\n\tcleanEventListenersRef.current = cleanEventListeners;\n\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tcleanEventListenersRef.current?.();\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t{ controlPoints.map( ( point, index ) => {\n\t\t\t\tconst initialPosition = point?.position;\n\t\t\t\treturn (\n\t\t\t\t\tignoreMarkerPosition !== initialPosition && (\n\t\t\t\t\t\t<GradientColorPickerDropdown\n\t\t\t\t\t\t\tisRenderedInSidebar={\n\t\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tonClose={ onStopControlPointChange }\n\t\t\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t\t\t<ControlPointButton\n\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\tcontrolPointMoveState.current &&\n\t\t\t\t\t\t\t\t\t\t\tcontrolPointMoveState.current\n\t\t\t\t\t\t\t\t\t\t\t\t.significantMoveHappened\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tif ( isOpen ) {\n\t\t\t\t\t\t\t\t\t\t\tonStopControlPointChange();\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tonStartControlPointChange();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonToggle();\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonMouseDown={ () => {\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\twindow &&\n\t\t\t\t\t\t\t\t\t\t\twindow.addEventListener\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tcontrolPointMoveState.current = {\n\t\t\t\t\t\t\t\t\t\t\t\tinitialPosition,\n\t\t\t\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t\t\t\tsignificantMoveHappened: false,\n\t\t\t\t\t\t\t\t\t\t\t\tlistenersActivated: true,\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\tonStartControlPointChange();\n\t\t\t\t\t\t\t\t\t\t\twindow.addEventListener(\n\t\t\t\t\t\t\t\t\t\t\t\t'mousemove',\n\t\t\t\t\t\t\t\t\t\t\t\tonMouseMove\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\twindow.addEventListener(\n\t\t\t\t\t\t\t\t\t\t\t\t'mouseup',\n\t\t\t\t\t\t\t\t\t\t\t\tcleanEventListeners\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\tif ( event.code === 'ArrowLeft' ) {\n\t\t\t\t\t\t\t\t\t\t\t// Stop propagation of the key press event to avoid focus moving\n\t\t\t\t\t\t\t\t\t\t\t// to another editor area.\n\t\t\t\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\t\t\t\tupdateControlPointPosition(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolPoints,\n\t\t\t\t\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t\t\t\t\tclampPercent(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpoint.position -\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tKEYBOARD_CONTROL_POINT_VARIATION\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t\t\t\tevent.code === 'ArrowRight'\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t// Stop propagation of the key press event to avoid focus moving\n\t\t\t\t\t\t\t\t\t\t\t// to another editor area.\n\t\t\t\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\t\t\t\tupdateControlPointPosition(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolPoints,\n\t\t\t\t\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t\t\t\t\tclampPercent(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpoint.position +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tKEYBOARD_CONTROL_POINT_VARIATION\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\t\t\t\t\tposition={ point.position }\n\t\t\t\t\t\t\t\t\tcolor={ point.color }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\t\t\t\t\tenableAlpha={ ! disableAlpha }\n\t\t\t\t\t\t\t\t\t\tcolor={ point.color }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( color ) => {\n\t\t\t\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\t\t\t\tupdateControlPointColor(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolPoints,\n\t\t\t\t\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolord(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor\n\t\t\t\t\t\t\t\t\t\t\t\t\t).toRgbString()\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{ ! disableRemove &&\n\t\t\t\t\t\t\t\t\t\tcontrolPoints.length > 2 && (\n\t\t\t\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"components-custom-gradient-picker__remove-control-point-wrapper\"\n\t\t\t\t\t\t\t\t\t\t\t\talignment=\"center\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tremoveControlPoint(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolPoints,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Remove Control Point'\n\t\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tleft: `${ point.position }%`,\n\t\t\t\t\t\t\t\ttransform: 'translateX( -50% )',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nfunction InsertPoint( {\n\tvalue: controlPoints,\n\tonChange,\n\tonOpenInserter,\n\tonCloseInserter,\n\tinsertPosition,\n\tdisableAlpha,\n\t__experimentalIsRenderedInSidebar,\n}: InsertPointProps ) {\n\tconst [ alreadyInsertedPoint, setAlreadyInsertedPoint ] = useState( false );\n\treturn (\n\t\t<GradientColorPickerDropdown\n\t\t\tisRenderedInSidebar={ __experimentalIsRenderedInSidebar }\n\t\t\tclassName=\"components-custom-gradient-picker__inserter\"\n\t\t\tonClose={ () => {\n\t\t\t\tonCloseInserter();\n\t\t\t} }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<Button\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tif ( isOpen ) {\n\t\t\t\t\t\t\tonCloseInserter();\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetAlreadyInsertedPoint( false );\n\t\t\t\t\t\t\tonOpenInserter();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t} }\n\t\t\t\t\tclassName=\"components-custom-gradient-picker__insert-point-dropdown\"\n\t\t\t\t\ticon={ plus }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<ColorPicker\n\t\t\t\t\tenableAlpha={ ! disableAlpha }\n\t\t\t\t\tonChange={ ( color ) => {\n\t\t\t\t\t\tif ( ! alreadyInsertedPoint ) {\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\taddControlPoint(\n\t\t\t\t\t\t\t\t\tcontrolPoints,\n\t\t\t\t\t\t\t\t\tinsertPosition,\n\t\t\t\t\t\t\t\t\tcolord( color ).toRgbString()\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tsetAlreadyInsertedPoint( true );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tupdateControlPointColorByPosition(\n\t\t\t\t\t\t\t\t\tcontrolPoints,\n\t\t\t\t\t\t\t\t\tinsertPosition,\n\t\t\t\t\t\t\t\t\tcolord( color ).toRgbString()\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\tstyle={\n\t\t\t\tinsertPosition !== null\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tleft: `${ insertPosition }%`,\n\t\t\t\t\t\t\ttransform: 'translateX( -50% )',\n\t\t\t\t\t  }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t/>\n\t);\n}\nControlPoints.InsertPoint = InsertPoint;\n\nexport default ControlPoints;\n"],"mappings":"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"}
+{"version":3,"names":["classnames","colord","useInstanceId","useEffect","useRef","useState","useMemo","__","sprintf","plus","Button","HStack","ColorPicker","VisuallyHidden","CustomColorPickerDropdown","addControlPoint","clampPercent","removeControlPoint","updateControlPointColor","updateControlPointColorByPosition","updateControlPointPosition","getHorizontalRelativeGradientPosition","MINIMUM_SIGNIFICANT_MOVE","KEYBOARD_CONTROL_POINT_VARIATION","ControlPointButton","isOpen","position","color","additionalProps","instanceId","descriptionId","createElement","Fragment","className","id","GradientColorPickerDropdown","isRenderedInSidebar","props","popoverProps","placement","offset","mergedClassName","ControlPoints","disableRemove","disableAlpha","gradientPickerDomRef","ignoreMarkerPosition","value","controlPoints","onChange","onStartControlPointChange","onStopControlPointChange","__experimentalIsRenderedInSidebar","controlPointMoveState","onMouseMove","event","current","undefined","relativePosition","clientX","initialPosition","index","significantMoveHappened","Math","abs","cleanEventListeners","window","removeEventListener","listenersActivated","cleanEventListenersRef","map","point","key","onClose","renderToggle","onToggle","onClick","onMouseDown","addEventListener","onKeyDown","code","stopPropagation","renderContent","enableAlpha","toRgbString","length","alignment","variant","style","left","transform","InsertPoint","onOpenInserter","onCloseInserter","insertPosition","alreadyInsertedPoint","setAlreadyInsertedPoint","icon"],"sources":["@wordpress/components/src/custom-gradient-picker/gradient-bar/control-points.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useEffect, useRef, useState, useMemo } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { plus } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport { HStack } from '../../h-stack';\nimport { ColorPicker } from '../../color-picker';\nimport { VisuallyHidden } from '../../visually-hidden';\nimport { CustomColorPickerDropdown } from '../../color-palette';\n\nimport {\n\taddControlPoint,\n\tclampPercent,\n\tremoveControlPoint,\n\tupdateControlPointColor,\n\tupdateControlPointColorByPosition,\n\tupdateControlPointPosition,\n\tgetHorizontalRelativeGradientPosition,\n} from './utils';\nimport {\n\tMINIMUM_SIGNIFICANT_MOVE,\n\tKEYBOARD_CONTROL_POINT_VARIATION,\n} from './constants';\nimport type { WordPressComponentProps } from '../../context';\nimport type {\n\tControlPointButtonProps,\n\tControlPointMoveState,\n\tControlPointsProps,\n\tInsertPointProps,\n} from '../types';\nimport type { CustomColorPickerDropdownProps } from '../../color-palette/types';\n\nfunction ControlPointButton( {\n\tisOpen,\n\tposition,\n\tcolor,\n\t...additionalProps\n}: WordPressComponentProps< ControlPointButtonProps, 'button', true > ) {\n\tconst instanceId = useInstanceId( ControlPointButton );\n\tconst descriptionId = `components-custom-gradient-picker__control-point-button-description-${ instanceId }`;\n\treturn (\n\t\t<>\n\t\t\t<Button\n\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t// translators: %1$s: gradient position e.g: 70, %2$s: gradient color code e.g: rgb(52,121,151).\n\t\t\t\t\t__(\n\t\t\t\t\t\t'Gradient control point at position %1$s%% with color code %2$s.'\n\t\t\t\t\t),\n\t\t\t\t\tposition,\n\t\t\t\t\tcolor\n\t\t\t\t) }\n\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\taria-haspopup=\"true\"\n\t\t\t\taria-expanded={ isOpen }\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'components-custom-gradient-picker__control-point-button',\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-active': isOpen,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\t{ ...additionalProps }\n\t\t\t/>\n\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t{ __(\n\t\t\t\t\t'Use your left or right arrow keys or drag and drop with the mouse to change the gradient position. Press the button to change the color or remove the control point.'\n\t\t\t\t) }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n\nfunction GradientColorPickerDropdown( {\n\tisRenderedInSidebar,\n\tclassName,\n\t...props\n}: CustomColorPickerDropdownProps ) {\n\t// Open the popover below the gradient control/insertion point\n\tconst popoverProps = useMemo(\n\t\t() =>\n\t\t\t( {\n\t\t\t\tplacement: 'bottom',\n\t\t\t\toffset: 8,\n\t\t\t} ) as const,\n\t\t[]\n\t);\n\n\tconst mergedClassName = classnames(\n\t\t'components-custom-gradient-picker__control-point-dropdown',\n\t\tclassName\n\t);\n\n\treturn (\n\t\t<CustomColorPickerDropdown\n\t\t\tisRenderedInSidebar={ isRenderedInSidebar }\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName={ mergedClassName }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction ControlPoints( {\n\tdisableRemove,\n\tdisableAlpha,\n\tgradientPickerDomRef,\n\tignoreMarkerPosition,\n\tvalue: controlPoints,\n\tonChange,\n\tonStartControlPointChange,\n\tonStopControlPointChange,\n\t__experimentalIsRenderedInSidebar,\n}: ControlPointsProps ) {\n\tconst controlPointMoveState = useRef< ControlPointMoveState >();\n\n\tconst onMouseMove = ( event: MouseEvent ) => {\n\t\tif (\n\t\t\tcontrolPointMoveState.current === undefined ||\n\t\t\tgradientPickerDomRef.current === null\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst relativePosition = getHorizontalRelativeGradientPosition(\n\t\t\tevent.clientX,\n\t\t\tgradientPickerDomRef.current\n\t\t);\n\n\t\tconst { initialPosition, index, significantMoveHappened } =\n\t\t\tcontrolPointMoveState.current;\n\n\t\tif (\n\t\t\t! significantMoveHappened &&\n\t\t\tMath.abs( initialPosition - relativePosition ) >=\n\t\t\t\tMINIMUM_SIGNIFICANT_MOVE\n\t\t) {\n\t\t\tcontrolPointMoveState.current.significantMoveHappened = true;\n\t\t}\n\n\t\tonChange(\n\t\t\tupdateControlPointPosition( controlPoints, index, relativePosition )\n\t\t);\n\t};\n\n\tconst cleanEventListeners = () => {\n\t\tif (\n\t\t\twindow &&\n\t\t\twindow.removeEventListener &&\n\t\t\tcontrolPointMoveState.current &&\n\t\t\tcontrolPointMoveState.current.listenersActivated\n\t\t) {\n\t\t\twindow.removeEventListener( 'mousemove', onMouseMove );\n\t\t\twindow.removeEventListener( 'mouseup', cleanEventListeners );\n\t\t\tonStopControlPointChange();\n\t\t\tcontrolPointMoveState.current.listenersActivated = false;\n\t\t}\n\t};\n\n\t// Adding `cleanEventListeners` to the dependency array below requires the function itself to be wrapped in a `useCallback`\n\t// This memoization would prevent the event listeners from being properly cleaned.\n\t// Instead, we'll pass a ref to the function in our `useEffect` so `cleanEventListeners` itself is no longer a dependency.\n\tconst cleanEventListenersRef = useRef< () => void >();\n\tcleanEventListenersRef.current = cleanEventListeners;\n\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tcleanEventListenersRef.current?.();\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t{ controlPoints.map( ( point, index ) => {\n\t\t\t\tconst initialPosition = point?.position;\n\t\t\t\treturn (\n\t\t\t\t\tignoreMarkerPosition !== initialPosition && (\n\t\t\t\t\t\t<GradientColorPickerDropdown\n\t\t\t\t\t\t\tisRenderedInSidebar={\n\t\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tonClose={ onStopControlPointChange }\n\t\t\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t\t\t<ControlPointButton\n\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\tcontrolPointMoveState.current &&\n\t\t\t\t\t\t\t\t\t\t\tcontrolPointMoveState.current\n\t\t\t\t\t\t\t\t\t\t\t\t.significantMoveHappened\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tif ( isOpen ) {\n\t\t\t\t\t\t\t\t\t\t\tonStopControlPointChange();\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tonStartControlPointChange();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonToggle();\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonMouseDown={ () => {\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\twindow &&\n\t\t\t\t\t\t\t\t\t\t\twindow.addEventListener\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tcontrolPointMoveState.current = {\n\t\t\t\t\t\t\t\t\t\t\t\tinitialPosition,\n\t\t\t\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t\t\t\tsignificantMoveHappened: false,\n\t\t\t\t\t\t\t\t\t\t\t\tlistenersActivated: true,\n\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\tonStartControlPointChange();\n\t\t\t\t\t\t\t\t\t\t\twindow.addEventListener(\n\t\t\t\t\t\t\t\t\t\t\t\t'mousemove',\n\t\t\t\t\t\t\t\t\t\t\t\tonMouseMove\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\twindow.addEventListener(\n\t\t\t\t\t\t\t\t\t\t\t\t'mouseup',\n\t\t\t\t\t\t\t\t\t\t\t\tcleanEventListeners\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\tif ( event.code === 'ArrowLeft' ) {\n\t\t\t\t\t\t\t\t\t\t\t// Stop propagation of the key press event to avoid focus moving\n\t\t\t\t\t\t\t\t\t\t\t// to another editor area.\n\t\t\t\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\t\t\t\tupdateControlPointPosition(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolPoints,\n\t\t\t\t\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t\t\t\t\tclampPercent(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpoint.position -\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tKEYBOARD_CONTROL_POINT_VARIATION\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\t\t\t\t\tevent.code === 'ArrowRight'\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t// Stop propagation of the key press event to avoid focus moving\n\t\t\t\t\t\t\t\t\t\t\t// to another editor area.\n\t\t\t\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\t\t\t\tupdateControlPointPosition(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolPoints,\n\t\t\t\t\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t\t\t\t\tclampPercent(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tpoint.position +\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tKEYBOARD_CONTROL_POINT_VARIATION\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\t\t\t\t\tposition={ point.position }\n\t\t\t\t\t\t\t\t\tcolor={ point.color }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\t\t\t\t\tenableAlpha={ ! disableAlpha }\n\t\t\t\t\t\t\t\t\t\tcolor={ point.color }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( color ) => {\n\t\t\t\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\t\t\t\tupdateControlPointColor(\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolPoints,\n\t\t\t\t\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolord(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor\n\t\t\t\t\t\t\t\t\t\t\t\t\t).toRgbString()\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{ ! disableRemove &&\n\t\t\t\t\t\t\t\t\t\tcontrolPoints.length > 2 && (\n\t\t\t\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"components-custom-gradient-picker__remove-control-point-wrapper\"\n\t\t\t\t\t\t\t\t\t\t\t\talignment=\"center\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tremoveControlPoint(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrolPoints,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Remove Control Point'\n\t\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tleft: `${ point.position }%`,\n\t\t\t\t\t\t\t\ttransform: 'translateX( -50% )',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nfunction InsertPoint( {\n\tvalue: controlPoints,\n\tonChange,\n\tonOpenInserter,\n\tonCloseInserter,\n\tinsertPosition,\n\tdisableAlpha,\n\t__experimentalIsRenderedInSidebar,\n}: InsertPointProps ) {\n\tconst [ alreadyInsertedPoint, setAlreadyInsertedPoint ] = useState( false );\n\treturn (\n\t\t<GradientColorPickerDropdown\n\t\t\tisRenderedInSidebar={ __experimentalIsRenderedInSidebar }\n\t\t\tclassName=\"components-custom-gradient-picker__inserter\"\n\t\t\tonClose={ () => {\n\t\t\t\tonCloseInserter();\n\t\t\t} }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<Button\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tif ( isOpen ) {\n\t\t\t\t\t\t\tonCloseInserter();\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetAlreadyInsertedPoint( false );\n\t\t\t\t\t\t\tonOpenInserter();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t} }\n\t\t\t\t\tclassName=\"components-custom-gradient-picker__insert-point-dropdown\"\n\t\t\t\t\ticon={ plus }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<ColorPicker\n\t\t\t\t\tenableAlpha={ ! disableAlpha }\n\t\t\t\t\tonChange={ ( color ) => {\n\t\t\t\t\t\tif ( ! alreadyInsertedPoint ) {\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\taddControlPoint(\n\t\t\t\t\t\t\t\t\tcontrolPoints,\n\t\t\t\t\t\t\t\t\tinsertPosition,\n\t\t\t\t\t\t\t\t\tcolord( color ).toRgbString()\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tsetAlreadyInsertedPoint( true );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tupdateControlPointColorByPosition(\n\t\t\t\t\t\t\t\t\tcontrolPoints,\n\t\t\t\t\t\t\t\t\tinsertPosition,\n\t\t\t\t\t\t\t\t\tcolord( color ).toRgbString()\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\tstyle={\n\t\t\t\tinsertPosition !== null\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tleft: `${ insertPosition }%`,\n\t\t\t\t\t\t\ttransform: 'translateX( -50% )',\n\t\t\t\t\t  }\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t/>\n\t);\n}\nControlPoints.InsertPoint = InsertPoint;\n\nexport default ControlPoints;\n"],"mappings":"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"}

package/build-module/custom-gradient-picker/gradient-bar/index.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * External dependencies
  */

package/build-module/custom-gradient-picker/index.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * External dependencies
  */

package/build-module/custom-gradient-picker/index.native.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from "@wordpress/element";
+import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/custom-select-control/index.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 // @ts-nocheck
 /**
  * External dependencies
@@ -22,6 +22,7 @@ import { Select as SelectControlSelect } from '../select-control/styles/select-c
 import SelectControlChevronDown from '../select-control/chevron-down';
 import { InputBaseWithBackCompatMinWidth } from './styles';
 import { StyledLabel } from '../base-control/styles/base-control-styles';
+import { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';
 const itemToString = item => item?.name;
 // This is needed so that in Windows, where
 // the menu does not necessarily open on
@@ -56,7 +57,7 @@ const stateReducer = ({
 export default function CustomSelectControl(props) {
   const {
     /** Start opting into the larger default height that will become the default size in a future version. */
-    __next36pxDefaultSize = false,
+    __next40pxDefaultSize = false,
     /** Start opting into the unconstrained width that will become the default in a future version. */
     __nextUnconstrainedWidth = false,
     className,
@@ -73,7 +74,7 @@ export default function CustomSelectControl(props) {
     onFocus,
     onBlur,
     __experimentalShowSelectedHint = false
-  } = props;
+  } = useDeprecated36pxDefaultSizeProp(props, 'wp.components.CustomSelectControl', '6.4');
   const {
     getLabelProps,
     getToggleButtonProps,
@@ -143,7 +144,7 @@ export default function CustomSelectControl(props) {
       className: 'components-custom-select-control__label'
     })
   }, label), createElement(InputBaseWithBackCompatMinWidth, {
-    __next36pxDefaultSize: __next36pxDefaultSize,
+    __next40pxDefaultSize: __next40pxDefaultSize,
     __nextUnconstrainedWidth: __nextUnconstrainedWidth,
     isFocused: isOpen || isFocused,
     __unstableInputWidth: __nextUnconstrainedWidth ? undefined : 'auto',
@@ -157,7 +158,7 @@ export default function CustomSelectControl(props) {
     onFocus: handleOnFocus,
     onBlur: handleOnBlur,
     selectSize: size,
-    __next36pxDefaultSize: __next36pxDefaultSize,
+    __next40pxDefaultSize: __next40pxDefaultSize,
     ...getToggleButtonProps({
       // This is needed because some speech recognition software don't support `aria-labelledby`.
       'aria-label': label,
@@ -180,7 +181,7 @@ export default function CustomSelectControl(props) {
       className: classnames(item.className, 'components-custom-select-control__item', {
         'is-highlighted': index === highlightedIndex,
         'has-hint': !!item.__experimentalHint,
-        'is-next-36px-default-size': __next36pxDefaultSize
+        'is-next-40px-default-size': __next40pxDefaultSize
       }),
       style: item.style
     })

package/build-module/custom-select-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSelect","classnames","Icon","check","__","sprintf","useCallback","useState","deprecated","VisuallyHidden","Select","SelectControlSelect","SelectControlChevronDown","InputBaseWithBackCompatMinWidth","StyledLabel","itemToString","item","name","stateReducer","selectedItem","type","changes","props","items","stateChangeTypes","ToggleButtonKeyDownArrowDown","Math","min","indexOf","length","ToggleButtonKeyDownArrowUp","max","CustomSelectControl","__next36pxDefaultSize","__nextUnconstrainedWidth","className","hideLabelFromVision","label","describedBy","options","onChange","onSelectedItemChange","size","value","_selectedItem","onMouseOver","onMouseOut","onFocus","onBlur","__experimentalShowSelectedHint","getLabelProps","getToggleButtonProps","getMenuProps","getItemProps","isOpen","highlightedIndex","initialSelectedItem","undefined","isFocused","setIsFocused","handleOnFocus","e","handleOnBlur","since","version","hint","getDescribedBy","menuProps","onKeyDownHandler","stopPropagation","onKeyDown","startsWith","createElement","as","__unstableInputWidth","labelPosition","suffix","selectSize","__experimentalHint","map","index","key","style","icon","StableCustomSelectControl"],"sources":["@wordpress/components/src/custom-select-control/index.js"],"sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport { useSelect } from 'downshift';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, check } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useCallback, useState } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { VisuallyHidden } from '../visually-hidden';\nimport { Select as SelectControlSelect } from '../select-control/styles/select-control-styles';\nimport SelectControlChevronDown from '../select-control/chevron-down';\nimport { InputBaseWithBackCompatMinWidth } from './styles';\nimport { StyledLabel } from '../base-control/styles/base-control-styles';\n\nconst itemToString = ( item ) => item?.name;\n// This is needed so that in Windows, where\n// the menu does not necessarily open on\n// key up/down, you can still switch between\n// options with the menu closed.\nconst stateReducer = (\n\t{ selectedItem },\n\t{ type, changes, props: { items } }\n) => {\n\tswitch ( type ) {\n\t\tcase useSelect.stateChangeTypes.ToggleButtonKeyDownArrowDown:\n\t\t\t// If we already have a selected item, try to select the next one,\n\t\t\t// without circular navigation. Otherwise, select the first item.\n\t\t\treturn {\n\t\t\t\tselectedItem:\n\t\t\t\t\titems[\n\t\t\t\t\t\tselectedItem\n\t\t\t\t\t\t\t? Math.min(\n\t\t\t\t\t\t\t\t\titems.indexOf( selectedItem ) + 1,\n\t\t\t\t\t\t\t\t\titems.length - 1\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: 0\n\t\t\t\t\t],\n\t\t\t};\n\t\tcase useSelect.stateChangeTypes.ToggleButtonKeyDownArrowUp:\n\t\t\t// If we already have a selected item, try to select the previous one,\n\t\t\t// without circular navigation. Otherwise, select the last item.\n\t\t\treturn {\n\t\t\t\tselectedItem:\n\t\t\t\t\titems[\n\t\t\t\t\t\tselectedItem\n\t\t\t\t\t\t\t? Math.max( items.indexOf( selectedItem ) - 1, 0 )\n\t\t\t\t\t\t\t: items.length - 1\n\t\t\t\t\t],\n\t\t\t};\n\t\tdefault:\n\t\t\treturn changes;\n\t}\n};\n\nexport default function CustomSelectControl( props ) {\n\tconst {\n\t\t/** Start opting into the larger default height that will become the default size in a future version. */\n\t\t__next36pxDefaultSize = false,\n\t\t/** Start opting into the unconstrained width that will become the default in a future version. */\n\t\t__nextUnconstrainedWidth = false,\n\t\tclassName,\n\t\thideLabelFromVision,\n\t\tlabel,\n\t\tdescribedBy,\n\t\toptions: items,\n\t\tonChange: onSelectedItemChange,\n\t\t/** @type {import('../select-control/types').SelectControlProps.size} */\n\t\tsize = 'default',\n\t\tvalue: _selectedItem,\n\t\tonMouseOver,\n\t\tonMouseOut,\n\t\tonFocus,\n\t\tonBlur,\n\t\t__experimentalShowSelectedHint = false,\n\t} = props;\n\n\tconst {\n\t\tgetLabelProps,\n\t\tgetToggleButtonProps,\n\t\tgetMenuProps,\n\t\tgetItemProps,\n\t\tisOpen,\n\t\thighlightedIndex,\n\t\tselectedItem,\n\t} = useSelect( {\n\t\tinitialSelectedItem: items[ 0 ],\n\t\titems,\n\t\titemToString,\n\t\tonSelectedItemChange,\n\t\t...( typeof _selectedItem !== 'undefined' && _selectedItem !== null\n\t\t\t? { selectedItem: _selectedItem }\n\t\t\t: undefined ),\n\t\tstateReducer,\n\t} );\n\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tfunction handleOnFocus( e ) {\n\t\tsetIsFocused( true );\n\t\tonFocus?.( e );\n\t}\n\n\tfunction handleOnBlur( e ) {\n\t\tsetIsFocused( false );\n\t\tonBlur?.( e );\n\t}\n\n\tif ( ! __nextUnconstrainedWidth ) {\n\t\tdeprecated(\n\t\t\t'Constrained width styles for wp.components.CustomSelectControl',\n\t\t\t{\n\t\t\t\tsince: '6.1',\n\t\t\t\tversion: '6.4',\n\t\t\t\thint: 'Set the `__nextUnconstrainedWidth` prop to true to start opting into the new styles, which will become the default in a future version',\n\t\t\t}\n\t\t);\n\t}\n\n\tfunction getDescribedBy() {\n\t\tif ( describedBy ) {\n\t\t\treturn describedBy;\n\t\t}\n\n\t\tif ( ! selectedItem ) {\n\t\t\treturn __( 'No selection' );\n\t\t}\n\n\t\t// translators: %s: The selected option.\n\t\treturn sprintf( __( 'Currently selected: %s' ), selectedItem.name );\n\t}\n\n\tconst menuProps = getMenuProps( {\n\t\tclassName: 'components-custom-select-control__menu',\n\t\t'aria-hidden': ! isOpen,\n\t} );\n\n\tconst onKeyDownHandler = useCallback(\n\t\t( e ) => {\n\t\t\te.stopPropagation();\n\t\t\tmenuProps?.onKeyDown?.( e );\n\t\t},\n\t\t[ menuProps ]\n\t);\n\n\t// We need this here, because the null active descendant is not fully ARIA compliant.\n\tif (\n\t\tmenuProps[ 'aria-activedescendant' ]?.startsWith( 'downshift-null' )\n\t) {\n\t\tdelete menuProps[ 'aria-activedescendant' ];\n\t}\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames(\n\t\t\t\t'components-custom-select-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t{ hideLabelFromVision ? (\n\t\t\t\t<VisuallyHidden as=\"label\" { ...getLabelProps() }>\n\t\t\t\t\t{ label }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) : (\n\t\t\t\t/* eslint-disable-next-line jsx-a11y/label-has-associated-control, jsx-a11y/label-has-for */\n\t\t\t\t<StyledLabel\n\t\t\t\t\t{ ...getLabelProps( {\n\t\t\t\t\t\tclassName: 'components-custom-select-control__label',\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</StyledLabel>\n\t\t\t) }\n\t\t\t<InputBaseWithBackCompatMinWidth\n\t\t\t\t__next36pxDefaultSize={ __next36pxDefaultSize }\n\t\t\t\t__nextUnconstrainedWidth={ __nextUnconstrainedWidth }\n\t\t\t\tisFocused={ isOpen || isFocused }\n\t\t\t\t__unstableInputWidth={\n\t\t\t\t\t__nextUnconstrainedWidth ? undefined : 'auto'\n\t\t\t\t}\n\t\t\t\tlabelPosition={ __nextUnconstrainedWidth ? undefined : 'top' }\n\t\t\t\tsize={ size }\n\t\t\t\tsuffix={ <SelectControlChevronDown /> }\n\t\t\t>\n\t\t\t\t<SelectControlSelect\n\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\tas=\"button\"\n\t\t\t\t\tonFocus={ handleOnFocus }\n\t\t\t\t\tonBlur={ handleOnBlur }\n\t\t\t\t\tselectSize={ size }\n\t\t\t\t\t__next36pxDefaultSize={ __next36pxDefaultSize }\n\t\t\t\t\t{ ...getToggleButtonProps( {\n\t\t\t\t\t\t// This is needed because some speech recognition software don't support `aria-labelledby`.\n\t\t\t\t\t\t'aria-label': label,\n\t\t\t\t\t\t'aria-labelledby': undefined,\n\t\t\t\t\t\tclassName: 'components-custom-select-control__button',\n\t\t\t\t\t\tdescribedBy: getDescribedBy(),\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ itemToString( selectedItem ) }\n\t\t\t\t\t{ __experimentalShowSelectedHint &&\n\t\t\t\t\t\tselectedItem.__experimentalHint && (\n\t\t\t\t\t\t\t<span className=\"components-custom-select-control__hint\">\n\t\t\t\t\t\t\t\t{ selectedItem.__experimentalHint }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) }\n\t\t\t\t</SelectControlSelect>\n\t\t\t</InputBaseWithBackCompatMinWidth>\n\t\t\t{ /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */ }\n\t\t\t<ul { ...menuProps } onKeyDown={ onKeyDownHandler }>\n\t\t\t\t{ isOpen &&\n\t\t\t\t\titems.map( ( item, index ) => (\n\t\t\t\t\t\t// eslint-disable-next-line react/jsx-key\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t{ ...getItemProps( {\n\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\tkey: item.key,\n\t\t\t\t\t\t\t\tclassName: classnames(\n\t\t\t\t\t\t\t\t\titem.className,\n\t\t\t\t\t\t\t\t\t'components-custom-select-control__item',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t'is-highlighted':\n\t\t\t\t\t\t\t\t\t\t\tindex === highlightedIndex,\n\t\t\t\t\t\t\t\t\t\t'has-hint': !! item.__experimentalHint,\n\t\t\t\t\t\t\t\t\t\t'is-next-36px-default-size':\n\t\t\t\t\t\t\t\t\t\t\t__next36pxDefaultSize,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tstyle: item.style,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ item.name }\n\t\t\t\t\t\t\t{ item.__experimentalHint && (\n\t\t\t\t\t\t\t\t<span className=\"components-custom-select-control__item-hint\">\n\t\t\t\t\t\t\t\t\t{ item.__experimentalHint }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ item === selectedItem && (\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\t\t\t\tclassName=\"components-custom-select-control__item-icon\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</li>\n\t\t\t\t\t) ) }\n\t\t\t</ul>\n\t\t</div>\n\t);\n}\n\nexport function StableCustomSelectControl( props ) {\n\treturn (\n\t\t<CustomSelectControl\n\t\t\t{ ...props }\n\t\t\t__experimentalShowSelectedHint={ false }\n\t\t/>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["useSelect","classnames","Icon","check","__","sprintf","useCallback","useState","deprecated","VisuallyHidden","Select","SelectControlSelect","SelectControlChevronDown","InputBaseWithBackCompatMinWidth","StyledLabel","useDeprecated36pxDefaultSizeProp","itemToString","item","name","stateReducer","selectedItem","type","changes","props","items","stateChangeTypes","ToggleButtonKeyDownArrowDown","Math","min","indexOf","length","ToggleButtonKeyDownArrowUp","max","CustomSelectControl","__next40pxDefaultSize","__nextUnconstrainedWidth","className","hideLabelFromVision","label","describedBy","options","onChange","onSelectedItemChange","size","value","_selectedItem","onMouseOver","onMouseOut","onFocus","onBlur","__experimentalShowSelectedHint","getLabelProps","getToggleButtonProps","getMenuProps","getItemProps","isOpen","highlightedIndex","initialSelectedItem","undefined","isFocused","setIsFocused","handleOnFocus","e","handleOnBlur","since","version","hint","getDescribedBy","menuProps","onKeyDownHandler","stopPropagation","onKeyDown","startsWith","createElement","as","__unstableInputWidth","labelPosition","suffix","selectSize","__experimentalHint","map","index","key","style","icon","StableCustomSelectControl"],"sources":["@wordpress/components/src/custom-select-control/index.js"],"sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport { useSelect } from 'downshift';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, check } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useCallback, useState } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { VisuallyHidden } from '../visually-hidden';\nimport { Select as SelectControlSelect } from '../select-control/styles/select-control-styles';\nimport SelectControlChevronDown from '../select-control/chevron-down';\nimport { InputBaseWithBackCompatMinWidth } from './styles';\nimport { StyledLabel } from '../base-control/styles/base-control-styles';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\n\nconst itemToString = ( item ) => item?.name;\n// This is needed so that in Windows, where\n// the menu does not necessarily open on\n// key up/down, you can still switch between\n// options with the menu closed.\nconst stateReducer = (\n\t{ selectedItem },\n\t{ type, changes, props: { items } }\n) => {\n\tswitch ( type ) {\n\t\tcase useSelect.stateChangeTypes.ToggleButtonKeyDownArrowDown:\n\t\t\t// If we already have a selected item, try to select the next one,\n\t\t\t// without circular navigation. Otherwise, select the first item.\n\t\t\treturn {\n\t\t\t\tselectedItem:\n\t\t\t\t\titems[\n\t\t\t\t\t\tselectedItem\n\t\t\t\t\t\t\t? Math.min(\n\t\t\t\t\t\t\t\t\titems.indexOf( selectedItem ) + 1,\n\t\t\t\t\t\t\t\t\titems.length - 1\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: 0\n\t\t\t\t\t],\n\t\t\t};\n\t\tcase useSelect.stateChangeTypes.ToggleButtonKeyDownArrowUp:\n\t\t\t// If we already have a selected item, try to select the previous one,\n\t\t\t// without circular navigation. Otherwise, select the last item.\n\t\t\treturn {\n\t\t\t\tselectedItem:\n\t\t\t\t\titems[\n\t\t\t\t\t\tselectedItem\n\t\t\t\t\t\t\t? Math.max( items.indexOf( selectedItem ) - 1, 0 )\n\t\t\t\t\t\t\t: items.length - 1\n\t\t\t\t\t],\n\t\t\t};\n\t\tdefault:\n\t\t\treturn changes;\n\t}\n};\n\nexport default function CustomSelectControl( props ) {\n\tconst {\n\t\t/** Start opting into the larger default height that will become the default size in a future version. */\n\t\t__next40pxDefaultSize = false,\n\t\t/** Start opting into the unconstrained width that will become the default in a future version. */\n\t\t__nextUnconstrainedWidth = false,\n\t\tclassName,\n\t\thideLabelFromVision,\n\t\tlabel,\n\t\tdescribedBy,\n\t\toptions: items,\n\t\tonChange: onSelectedItemChange,\n\t\t/** @type {import('../select-control/types').SelectControlProps.size} */\n\t\tsize = 'default',\n\t\tvalue: _selectedItem,\n\t\tonMouseOver,\n\t\tonMouseOut,\n\t\tonFocus,\n\t\tonBlur,\n\t\t__experimentalShowSelectedHint = false,\n\t} = useDeprecated36pxDefaultSizeProp(\n\t\tprops,\n\t\t'wp.components.CustomSelectControl',\n\t\t'6.4'\n\t);\n\n\tconst {\n\t\tgetLabelProps,\n\t\tgetToggleButtonProps,\n\t\tgetMenuProps,\n\t\tgetItemProps,\n\t\tisOpen,\n\t\thighlightedIndex,\n\t\tselectedItem,\n\t} = useSelect( {\n\t\tinitialSelectedItem: items[ 0 ],\n\t\titems,\n\t\titemToString,\n\t\tonSelectedItemChange,\n\t\t...( typeof _selectedItem !== 'undefined' && _selectedItem !== null\n\t\t\t? { selectedItem: _selectedItem }\n\t\t\t: undefined ),\n\t\tstateReducer,\n\t} );\n\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tfunction handleOnFocus( e ) {\n\t\tsetIsFocused( true );\n\t\tonFocus?.( e );\n\t}\n\n\tfunction handleOnBlur( e ) {\n\t\tsetIsFocused( false );\n\t\tonBlur?.( e );\n\t}\n\n\tif ( ! __nextUnconstrainedWidth ) {\n\t\tdeprecated(\n\t\t\t'Constrained width styles for wp.components.CustomSelectControl',\n\t\t\t{\n\t\t\t\tsince: '6.1',\n\t\t\t\tversion: '6.4',\n\t\t\t\thint: 'Set the `__nextUnconstrainedWidth` prop to true to start opting into the new styles, which will become the default in a future version',\n\t\t\t}\n\t\t);\n\t}\n\n\tfunction getDescribedBy() {\n\t\tif ( describedBy ) {\n\t\t\treturn describedBy;\n\t\t}\n\n\t\tif ( ! selectedItem ) {\n\t\t\treturn __( 'No selection' );\n\t\t}\n\n\t\t// translators: %s: The selected option.\n\t\treturn sprintf( __( 'Currently selected: %s' ), selectedItem.name );\n\t}\n\n\tconst menuProps = getMenuProps( {\n\t\tclassName: 'components-custom-select-control__menu',\n\t\t'aria-hidden': ! isOpen,\n\t} );\n\n\tconst onKeyDownHandler = useCallback(\n\t\t( e ) => {\n\t\t\te.stopPropagation();\n\t\t\tmenuProps?.onKeyDown?.( e );\n\t\t},\n\t\t[ menuProps ]\n\t);\n\n\t// We need this here, because the null active descendant is not fully ARIA compliant.\n\tif (\n\t\tmenuProps[ 'aria-activedescendant' ]?.startsWith( 'downshift-null' )\n\t) {\n\t\tdelete menuProps[ 'aria-activedescendant' ];\n\t}\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames(\n\t\t\t\t'components-custom-select-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t{ hideLabelFromVision ? (\n\t\t\t\t<VisuallyHidden as=\"label\" { ...getLabelProps() }>\n\t\t\t\t\t{ label }\n\t\t\t\t</VisuallyHidden>\n\t\t\t) : (\n\t\t\t\t/* eslint-disable-next-line jsx-a11y/label-has-associated-control, jsx-a11y/label-has-for */\n\t\t\t\t<StyledLabel\n\t\t\t\t\t{ ...getLabelProps( {\n\t\t\t\t\t\tclassName: 'components-custom-select-control__label',\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</StyledLabel>\n\t\t\t) }\n\t\t\t<InputBaseWithBackCompatMinWidth\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t__nextUnconstrainedWidth={ __nextUnconstrainedWidth }\n\t\t\t\tisFocused={ isOpen || isFocused }\n\t\t\t\t__unstableInputWidth={\n\t\t\t\t\t__nextUnconstrainedWidth ? undefined : 'auto'\n\t\t\t\t}\n\t\t\t\tlabelPosition={ __nextUnconstrainedWidth ? undefined : 'top' }\n\t\t\t\tsize={ size }\n\t\t\t\tsuffix={ <SelectControlChevronDown /> }\n\t\t\t>\n\t\t\t\t<SelectControlSelect\n\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\tas=\"button\"\n\t\t\t\t\tonFocus={ handleOnFocus }\n\t\t\t\t\tonBlur={ handleOnBlur }\n\t\t\t\t\tselectSize={ size }\n\t\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t\t{ ...getToggleButtonProps( {\n\t\t\t\t\t\t// This is needed because some speech recognition software don't support `aria-labelledby`.\n\t\t\t\t\t\t'aria-label': label,\n\t\t\t\t\t\t'aria-labelledby': undefined,\n\t\t\t\t\t\tclassName: 'components-custom-select-control__button',\n\t\t\t\t\t\tdescribedBy: getDescribedBy(),\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ itemToString( selectedItem ) }\n\t\t\t\t\t{ __experimentalShowSelectedHint &&\n\t\t\t\t\t\tselectedItem.__experimentalHint && (\n\t\t\t\t\t\t\t<span className=\"components-custom-select-control__hint\">\n\t\t\t\t\t\t\t\t{ selectedItem.__experimentalHint }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) }\n\t\t\t\t</SelectControlSelect>\n\t\t\t</InputBaseWithBackCompatMinWidth>\n\t\t\t{ /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */ }\n\t\t\t<ul { ...menuProps } onKeyDown={ onKeyDownHandler }>\n\t\t\t\t{ isOpen &&\n\t\t\t\t\titems.map( ( item, index ) => (\n\t\t\t\t\t\t// eslint-disable-next-line react/jsx-key\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t{ ...getItemProps( {\n\t\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\tkey: item.key,\n\t\t\t\t\t\t\t\tclassName: classnames(\n\t\t\t\t\t\t\t\t\titem.className,\n\t\t\t\t\t\t\t\t\t'components-custom-select-control__item',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t'is-highlighted':\n\t\t\t\t\t\t\t\t\t\t\tindex === highlightedIndex,\n\t\t\t\t\t\t\t\t\t\t'has-hint': !! item.__experimentalHint,\n\t\t\t\t\t\t\t\t\t\t'is-next-40px-default-size':\n\t\t\t\t\t\t\t\t\t\t\t__next40pxDefaultSize,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tstyle: item.style,\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ item.name }\n\t\t\t\t\t\t\t{ item.__experimentalHint && (\n\t\t\t\t\t\t\t\t<span className=\"components-custom-select-control__item-hint\">\n\t\t\t\t\t\t\t\t\t{ item.__experimentalHint }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ item === selectedItem && (\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\t\t\t\tclassName=\"components-custom-select-control__item-icon\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</li>\n\t\t\t\t\t) ) }\n\t\t\t</ul>\n\t\t</div>\n\t);\n}\n\nexport function StableCustomSelectControl( props ) {\n\treturn (\n\t\t<CustomSelectControl\n\t\t\t{ ...props }\n\t\t\t__experimentalShowSelectedHint={ false }\n\t\t/>\n\t);\n}\n"],"mappings":"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"}

package/build-module/dashicon/index.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * @typedef OwnProps
  *

package/build-module/dashicon/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Dashicon","icon","className","size","style","extraProps","iconClass","filter","Boolean","join","sizeStyles","fontSize","width","height","styles","createElement"],"sources":["@wordpress/components/src/dashicon/index.tsx"],"sourcesContent":["/**\n * @typedef OwnProps\n *\n * @property {import('./types').IconKey} icon        Icon name\n * @property {string}                    [className] Class name\n * @property {number}                    [size]      Size of the icon\n */\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../ui/context';\nimport type { DashiconProps } from './types';\n\nfunction Dashicon( {\n\ticon,\n\tclassName,\n\tsize = 20,\n\tstyle = {},\n\t...extraProps\n}: WordPressComponentProps< DashiconProps, 'span', false > ) {\n\tconst iconClass = [\n\t\t'dashicon',\n\t\t'dashicons',\n\t\t'dashicons-' + icon,\n\t\tclassName,\n\t]\n\t\t.filter( Boolean )\n\t\t.join( ' ' );\n\n\t// For retro-compatibility reasons (for example if people are overriding icon size with CSS), we add inline styles just if the size is different to the default\n\tconst sizeStyles =\n\t\t// using `!=` to catch both 20 and \"20\"\n\t\t// eslint-disable-next-line eqeqeq\n\t\t20 != size\n\t\t\t? {\n\t\t\t\t\tfontSize: `${ size }px`,\n\t\t\t\t\twidth: `${ size }px`,\n\t\t\t\t\theight: `${ size }px`,\n\t\t\t  }\n\t\t\t: {};\n\n\tconst styles = {\n\t\t...sizeStyles,\n\t\t...style,\n\t};\n\n\treturn <span className={ iconClass } style={ styles } { ...extraProps } />;\n}\n\nexport default Dashicon;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAIA,SAASA,QAAQA,CAAE;EAClBC,IAAI;EACJC,SAAS;EACTC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,CAAC,CAAC;EACV,GAAGC;AACqD,CAAC,EAAG;EAC5D,MAAMC,SAAS,GAAG,CACjB,UAAU,EACV,WAAW,EACX,YAAY,GAAGL,IAAI,EACnBC,SAAS,CACT,CACCK,MAAM,CAAEC,OAAQ,CAAC,CACjBC,IAAI,CAAE,GAAI,CAAC;;EAEb;EACA,MAAMC,UAAU;EACf;EACA;EACA,EAAE,IAAIP,IAAI,GACP;IACAQ,QAAQ,EAAG,GAAGR,IAAM,IAAG;IACvBS,KAAK,EAAG,GAAGT,IAAM,IAAG;IACpBU,MAAM,EAAG,GAAGV,IAAM;EAClB,CAAC,GACD,CAAC,CAAC;EAEN,MAAMW,MAAM,GAAG;IACd,GAAGJ,UAAU;IACb,GAAGN;EACJ,CAAC;EAED,OAAOW,aAAA;IAAMb,SAAS,EAAGI,SAAW;IAACF,KAAK,EAAGU,MAAQ;IAAA,GAAMT;EAAU,CAAI,CAAC;AAC3E;AAEA,eAAeL,QAAQ"}
+{"version":3,"names":["Dashicon","icon","className","size","style","extraProps","iconClass","filter","Boolean","join","sizeStyles","fontSize","width","height","styles","createElement"],"sources":["@wordpress/components/src/dashicon/index.tsx"],"sourcesContent":["/**\n * @typedef OwnProps\n *\n * @property {import('./types').IconKey} icon        Icon name\n * @property {string}                    [className] Class name\n * @property {number}                    [size]      Size of the icon\n */\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport type { DashiconProps } from './types';\n\nfunction Dashicon( {\n\ticon,\n\tclassName,\n\tsize = 20,\n\tstyle = {},\n\t...extraProps\n}: WordPressComponentProps< DashiconProps, 'span', false > ) {\n\tconst iconClass = [\n\t\t'dashicon',\n\t\t'dashicons',\n\t\t'dashicons-' + icon,\n\t\tclassName,\n\t]\n\t\t.filter( Boolean )\n\t\t.join( ' ' );\n\n\t// For retro-compatibility reasons (for example if people are overriding icon size with CSS), we add inline styles just if the size is different to the default\n\tconst sizeStyles =\n\t\t// using `!=` to catch both 20 and \"20\"\n\t\t// eslint-disable-next-line eqeqeq\n\t\t20 != size\n\t\t\t? {\n\t\t\t\t\tfontSize: `${ size }px`,\n\t\t\t\t\twidth: `${ size }px`,\n\t\t\t\t\theight: `${ size }px`,\n\t\t\t  }\n\t\t\t: {};\n\n\tconst styles = {\n\t\t...sizeStyles,\n\t\t...style,\n\t};\n\n\treturn <span className={ iconClass } style={ styles } { ...extraProps } />;\n}\n\nexport default Dashicon;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAIA,SAASA,QAAQA,CAAE;EAClBC,IAAI;EACJC,SAAS;EACTC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,CAAC,CAAC;EACV,GAAGC;AACqD,CAAC,EAAG;EAC5D,MAAMC,SAAS,GAAG,CACjB,UAAU,EACV,WAAW,EACX,YAAY,GAAGL,IAAI,EACnBC,SAAS,CACT,CACCK,MAAM,CAAEC,OAAQ,CAAC,CACjBC,IAAI,CAAE,GAAI,CAAC;;EAEb;EACA,MAAMC,UAAU;EACf;EACA;EACA,EAAE,IAAIP,IAAI,GACP;IACAQ,QAAQ,EAAG,GAAGR,IAAM,IAAG;IACvBS,KAAK,EAAG,GAAGT,IAAM,IAAG;IACpBU,MAAM,EAAG,GAAGV,IAAM;EAClB,CAAC,GACD,CAAC,CAAC;EAEN,MAAMW,MAAM,GAAG;IACd,GAAGJ,UAAU;IACb,GAAGN;EACJ,CAAC;EAED,OAAOW,aAAA;IAAMb,SAAS,EAAGI,SAAW;IAACF,KAAK,EAAGU,MAAQ;IAAA,GAAMT;EAAU,CAAI,CAAC;AAC3E;AAEA,eAAeL,QAAQ"}

package/build-module/dashicon/index.native.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * WordPress dependencies
  */

package/build-module/date-time/date/index.js

@@ -1,4 +1,4 @@
-import { createElement } from "@wordpress/element";
+import { createElement } from "react";
 /**
  * External dependencies
  */

package/build-module/date-time/date/styles.js

@@ -11,7 +11,7 @@ import Button from '../../button';
 import { COLORS, CONFIG } from '../../utils';
 import { HStack } from '../../h-stack';
 import { Heading } from '../../heading';
-import { space } from '../../ui/utils/space';
+import { space } from '../../utils/space';
 export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e105ri6r5"
 } : {
@@ -23,7 +23,7 @@ export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   name: "1khn195",
   styles: "box-sizing:border-box",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNpQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2RhdGUtdGltZS9kYXRlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9idXR0b24nO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi8uLi9oLXN0YWNrJztcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tICcuLi8uLi9oZWFkaW5nJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vLi4vdWkvdXRpbHMvc3BhY2UnO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdG9yID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvckhlYWRpbmcgPSBzdHlsZWQoIEhlYWRpbmcgKWBcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0IH07XG5cblx0c3Ryb25nIHtcblx0XHRmb250LXdlaWdodDogJHsgQ09ORklHLmZvbnRXZWlnaHRIZWFkaW5nIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhciA9IHN0eWxlZC5kaXZgXG5cdGNvbHVtbi1nYXA6ICR7IHNwYWNlKCAyICkgfTtcblx0ZGlzcGxheTogZ3JpZDtcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAwLjVmciByZXBlYXQoIDUsIDFmciApIDAuNWZyO1xuXHRqdXN0aWZ5LWl0ZW1zOiBjZW50ZXI7XG5cdHJvdy1nYXA6ICR7IHNwYWNlKCAyICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlPZldlZWsgPSBzdHlsZWQuZGl2YFxuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAkeyBDT05GSUcuZm9udExpbmVIZWlnaHRCYXNlIH07XG5cblx0JjpudGgtb2YtdHlwZSggMSApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHR9XG5cblx0JjpudGgtb2YtdHlwZSggNyApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERheUJ1dHRvbiA9IHN0eWxlZCggQnV0dG9uLCB7XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3A6IHN0cmluZyApID0+XG5cdFx0ISBbICdjb2x1bW4nLCAnaXNTZWxlY3RlZCcsICdpc1RvZGF5JywgJ2hhc0V2ZW50cycgXS5pbmNsdWRlcyggcHJvcCApLFxufSApPCB7XG5cdGNvbHVtbjogbnVtYmVyO1xuXHRpc1NlbGVjdGVkOiBib29sZWFuO1xuXHRpc1RvZGF5OiBib29sZWFuO1xuXHRoYXNFdmVudHM6IGJvb2xlYW47XG59ID5gXG5cdGdyaWQtY29sdW1uOiAkeyAoIHByb3BzICkgPT4gcHJvcHMuY29sdW1uIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSAxICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogc3RhcnQ7XG5cdFx0YCB9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSA3ICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogZW5kO1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmRpc2FibGVkICYmXG5cdFx0YFxuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGAgfVxuXG5cdCYmJiB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTAwJTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA3ICkgfTtcblx0XHR3aWR0aDogJHsgc3BhY2UoIDcgKSB9O1xuXG5cdFx0JHsgKCBwcm9wcyApID0+XG5cdFx0XHRwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLndoaXRlIH07XG5cdFx0XHRgIH1cblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0ISBwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRwcm9wcy5pc1RvZGF5ICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0XHRcdGAgfVxuXHR9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuaGFzRXZlbnRzICYmXG5cdFx0YFxuXHRcdDo6YmVmb3JlIHtcblx0XHRcdGJhY2tncm91bmQ6ICR7IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMud2hpdGUgOiBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdFx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0XHRib3R0b206IDA7XG5cdFx0XHRjb250ZW50OiBcIiBcIjtcblx0XHRcdGhlaWdodDogNHB4O1xuXHRcdFx0bGVmdDogNTAlO1xuXHRcdFx0bWFyZ2luLWxlZnQ6IC0ycHg7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR3aWR0aDogNHB4O1xuXHRcdH1cblx0XHRgIH1cbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNpQyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2RhdGUtdGltZS9kYXRlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9idXR0b24nO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi8uLi9oLXN0YWNrJztcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tICcuLi8uLi9oZWFkaW5nJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vLi4vdXRpbHMvc3BhY2UnO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdG9yID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvckhlYWRpbmcgPSBzdHlsZWQoIEhlYWRpbmcgKWBcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0IH07XG5cblx0c3Ryb25nIHtcblx0XHRmb250LXdlaWdodDogJHsgQ09ORklHLmZvbnRXZWlnaHRIZWFkaW5nIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhciA9IHN0eWxlZC5kaXZgXG5cdGNvbHVtbi1nYXA6ICR7IHNwYWNlKCAyICkgfTtcblx0ZGlzcGxheTogZ3JpZDtcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAwLjVmciByZXBlYXQoIDUsIDFmciApIDAuNWZyO1xuXHRqdXN0aWZ5LWl0ZW1zOiBjZW50ZXI7XG5cdHJvdy1nYXA6ICR7IHNwYWNlKCAyICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlPZldlZWsgPSBzdHlsZWQuZGl2YFxuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAkeyBDT05GSUcuZm9udExpbmVIZWlnaHRCYXNlIH07XG5cblx0JjpudGgtb2YtdHlwZSggMSApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHR9XG5cblx0JjpudGgtb2YtdHlwZSggNyApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERheUJ1dHRvbiA9IHN0eWxlZCggQnV0dG9uLCB7XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3A6IHN0cmluZyApID0+XG5cdFx0ISBbICdjb2x1bW4nLCAnaXNTZWxlY3RlZCcsICdpc1RvZGF5JywgJ2hhc0V2ZW50cycgXS5pbmNsdWRlcyggcHJvcCApLFxufSApPCB7XG5cdGNvbHVtbjogbnVtYmVyO1xuXHRpc1NlbGVjdGVkOiBib29sZWFuO1xuXHRpc1RvZGF5OiBib29sZWFuO1xuXHRoYXNFdmVudHM6IGJvb2xlYW47XG59ID5gXG5cdGdyaWQtY29sdW1uOiAkeyAoIHByb3BzICkgPT4gcHJvcHMuY29sdW1uIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSAxICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogc3RhcnQ7XG5cdFx0YCB9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSA3ICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogZW5kO1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmRpc2FibGVkICYmXG5cdFx0YFxuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGAgfVxuXG5cdCYmJiB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTAwJTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA3ICkgfTtcblx0XHR3aWR0aDogJHsgc3BhY2UoIDcgKSB9O1xuXG5cdFx0JHsgKCBwcm9wcyApID0+XG5cdFx0XHRwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLndoaXRlIH07XG5cdFx0XHRgIH1cblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0ISBwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRwcm9wcy5pc1RvZGF5ICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0XHRcdGAgfVxuXHR9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuaGFzRXZlbnRzICYmXG5cdFx0YFxuXHRcdDo6YmVmb3JlIHtcblx0XHRcdGJhY2tncm91bmQ6ICR7IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMud2hpdGUgOiBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdFx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0XHRib3R0b206IDA7XG5cdFx0XHRjb250ZW50OiBcIiBcIjtcblx0XHRcdGhlaWdodDogNHB4O1xuXHRcdFx0bGVmdDogNTAlO1xuXHRcdFx0bWFyZ2luLWxlZnQ6IC0ycHg7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR3aWR0aDogNHB4O1xuXHRcdH1cblx0XHRgIH1cbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const Navigator = /*#__PURE__*/_styled(HStack, process.env.NODE_ENV === "production" ? {
@@ -31,25 +31,25 @@ export const Navigator = /*#__PURE__*/_styled(HStack, process.env.NODE_ENV === "
 } : {
   target: "e105ri6r4",
   label: "Navigator"
-})("margin-bottom:", space(4), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCeUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogJHsgQ09ORklHLmZvbnRMaW5lSGVpZ2h0QmFzZSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+YFxuXHRncmlkLWNvbHVtbjogJHsgKCBwcm9wcyApID0+IHByb3BzLmNvbHVtbiB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gMSAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gNyAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0XHRgIH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5kaXNhYmxlZCAmJlxuXHRcdGBcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRgIH1cblxuXHQmJiYge1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNyApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA3ICkgfTtcblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0cHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy53aGl0ZSB9O1xuXHRcdFx0YCB9XG5cblx0XHQkeyAoIHByb3BzICkgPT5cblx0XHRcdCEgcHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0cHJvcHMuaXNUb2RheSAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdFx0XHRgIH1cblx0fVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmhhc0V2ZW50cyAmJlxuXHRcdGBcblx0XHQ6OmJlZm9yZSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBwcm9wcy5pc1NlbGVjdGVkID8gQ09MT1JTLndoaXRlIDogQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0Y29udGVudDogXCIgXCI7XG5cdFx0XHRoZWlnaHQ6IDRweDtcblx0XHRcdGxlZnQ6IDUwJTtcblx0XHRcdG1hcmdpbi1sZWZ0OiAtMnB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0d2lkdGg6IDRweDtcblx0XHR9XG5cdFx0YCB9XG5gO1xuIl19 */"));
+})("margin-bottom:", space(4), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCeUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogJHsgQ09ORklHLmZvbnRMaW5lSGVpZ2h0QmFzZSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+YFxuXHRncmlkLWNvbHVtbjogJHsgKCBwcm9wcyApID0+IHByb3BzLmNvbHVtbiB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gMSAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gNyAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0XHRgIH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5kaXNhYmxlZCAmJlxuXHRcdGBcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRgIH1cblxuXHQmJiYge1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNyApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA3ICkgfTtcblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0cHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy53aGl0ZSB9O1xuXHRcdFx0YCB9XG5cblx0XHQkeyAoIHByb3BzICkgPT5cblx0XHRcdCEgcHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0cHJvcHMuaXNUb2RheSAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdFx0XHRgIH1cblx0fVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmhhc0V2ZW50cyAmJlxuXHRcdGBcblx0XHQ6OmJlZm9yZSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBwcm9wcy5pc1NlbGVjdGVkID8gQ09MT1JTLndoaXRlIDogQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0Y29udGVudDogXCIgXCI7XG5cdFx0XHRoZWlnaHQ6IDRweDtcblx0XHRcdGxlZnQ6IDUwJTtcblx0XHRcdG1hcmdpbi1sZWZ0OiAtMnB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0d2lkdGg6IDRweDtcblx0XHR9XG5cdFx0YCB9XG5gO1xuIl19 */"));
 export const NavigatorHeading = /*#__PURE__*/_styled(Heading, process.env.NODE_ENV === "production" ? {
   target: "e105ri6r3"
 } : {
   target: "e105ri6r3",
   label: "NavigatorHeading"
-})("font-size:", CONFIG.fontSize, ";font-weight:", CONFIG.fontWeight, ";strong{font-weight:", CONFIG.fontWeightHeading, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCaUQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogJHsgQ09ORklHLmZvbnRMaW5lSGVpZ2h0QmFzZSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+YFxuXHRncmlkLWNvbHVtbjogJHsgKCBwcm9wcyApID0+IHByb3BzLmNvbHVtbiB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gMSAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gNyAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0XHRgIH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5kaXNhYmxlZCAmJlxuXHRcdGBcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRgIH1cblxuXHQmJiYge1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNyApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA3ICkgfTtcblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0cHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy53aGl0ZSB9O1xuXHRcdFx0YCB9XG5cblx0XHQkeyAoIHByb3BzICkgPT5cblx0XHRcdCEgcHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0cHJvcHMuaXNUb2RheSAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdFx0XHRgIH1cblx0fVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmhhc0V2ZW50cyAmJlxuXHRcdGBcblx0XHQ6OmJlZm9yZSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBwcm9wcy5pc1NlbGVjdGVkID8gQ09MT1JTLndoaXRlIDogQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0Y29udGVudDogXCIgXCI7XG5cdFx0XHRoZWlnaHQ6IDRweDtcblx0XHRcdGxlZnQ6IDUwJTtcblx0XHRcdG1hcmdpbi1sZWZ0OiAtMnB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0d2lkdGg6IDRweDtcblx0XHR9XG5cdFx0YCB9XG5gO1xuIl19 */"));
+})("font-size:", CONFIG.fontSize, ";font-weight:", CONFIG.fontWeight, ";strong{font-weight:", CONFIG.fontWeightHeading, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCaUQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogJHsgQ09ORklHLmZvbnRMaW5lSGVpZ2h0QmFzZSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+YFxuXHRncmlkLWNvbHVtbjogJHsgKCBwcm9wcyApID0+IHByb3BzLmNvbHVtbiB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gMSAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gNyAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0XHRgIH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5kaXNhYmxlZCAmJlxuXHRcdGBcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRgIH1cblxuXHQmJiYge1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNyApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA3ICkgfTtcblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0cHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy53aGl0ZSB9O1xuXHRcdFx0YCB9XG5cblx0XHQkeyAoIHByb3BzICkgPT5cblx0XHRcdCEgcHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0cHJvcHMuaXNUb2RheSAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdFx0XHRgIH1cblx0fVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmhhc0V2ZW50cyAmJlxuXHRcdGBcblx0XHQ6OmJlZm9yZSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBwcm9wcy5pc1NlbGVjdGVkID8gQ09MT1JTLndoaXRlIDogQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0Y29udGVudDogXCIgXCI7XG5cdFx0XHRoZWlnaHQ6IDRweDtcblx0XHRcdGxlZnQ6IDUwJTtcblx0XHRcdG1hcmdpbi1sZWZ0OiAtMnB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0d2lkdGg6IDRweDtcblx0XHR9XG5cdFx0YCB9XG5gO1xuIl19 */"));
 export const Calendar = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e105ri6r2"
 } : {
   target: "e105ri6r2",
   label: "Calendar"
-})("column-gap:", space(2), ";display:grid;grid-template-columns:0.5fr repeat( 5, 1fr ) 0.5fr;justify-items:center;row-gap:", space(2), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCa0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogJHsgQ09ORklHLmZvbnRMaW5lSGVpZ2h0QmFzZSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+YFxuXHRncmlkLWNvbHVtbjogJHsgKCBwcm9wcyApID0+IHByb3BzLmNvbHVtbiB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gMSAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gNyAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0XHRgIH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5kaXNhYmxlZCAmJlxuXHRcdGBcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRgIH1cblxuXHQmJiYge1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNyApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA3ICkgfTtcblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0cHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy53aGl0ZSB9O1xuXHRcdFx0YCB9XG5cblx0XHQkeyAoIHByb3BzICkgPT5cblx0XHRcdCEgcHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0cHJvcHMuaXNUb2RheSAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdFx0XHRgIH1cblx0fVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmhhc0V2ZW50cyAmJlxuXHRcdGBcblx0XHQ6OmJlZm9yZSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBwcm9wcy5pc1NlbGVjdGVkID8gQ09MT1JTLndoaXRlIDogQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0Y29udGVudDogXCIgXCI7XG5cdFx0XHRoZWlnaHQ6IDRweDtcblx0XHRcdGxlZnQ6IDUwJTtcblx0XHRcdG1hcmdpbi1sZWZ0OiAtMnB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0d2lkdGg6IDRweDtcblx0XHR9XG5cdFx0YCB9XG5gO1xuIl19 */"));
+})("column-gap:", space(2), ";display:grid;grid-template-columns:0.5fr repeat( 5, 1fr ) 0.5fr;justify-items:center;row-gap:", space(2), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCa0MiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogJHsgQ09ORklHLmZvbnRMaW5lSGVpZ2h0QmFzZSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+YFxuXHRncmlkLWNvbHVtbjogJHsgKCBwcm9wcyApID0+IHByb3BzLmNvbHVtbiB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gMSAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gNyAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0XHRgIH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5kaXNhYmxlZCAmJlxuXHRcdGBcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRgIH1cblxuXHQmJiYge1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNyApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA3ICkgfTtcblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0cHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy53aGl0ZSB9O1xuXHRcdFx0YCB9XG5cblx0XHQkeyAoIHByb3BzICkgPT5cblx0XHRcdCEgcHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0cHJvcHMuaXNUb2RheSAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdFx0XHRgIH1cblx0fVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmhhc0V2ZW50cyAmJlxuXHRcdGBcblx0XHQ6OmJlZm9yZSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBwcm9wcy5pc1NlbGVjdGVkID8gQ09MT1JTLndoaXRlIDogQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0Y29udGVudDogXCIgXCI7XG5cdFx0XHRoZWlnaHQ6IDRweDtcblx0XHRcdGxlZnQ6IDUwJTtcblx0XHRcdG1hcmdpbi1sZWZ0OiAtMnB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0d2lkdGg6IDRweDtcblx0XHR9XG5cdFx0YCB9XG5gO1xuIl19 */"));
 export const DayOfWeek = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e105ri6r1"
 } : {
   target: "e105ri6r1",
   label: "DayOfWeek"
-})("color:", COLORS.gray[700], ";font-size:", CONFIG.fontSize, ";line-height:", CONFIG.fontLineHeightBase, ";&:nth-of-type( 1 ){justify-self:start;}&:nth-of-type( 7 ){justify-self:end;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDbUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogJHsgQ09ORklHLmZvbnRMaW5lSGVpZ2h0QmFzZSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+YFxuXHRncmlkLWNvbHVtbjogJHsgKCBwcm9wcyApID0+IHByb3BzLmNvbHVtbiB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gMSAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gNyAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0XHRgIH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5kaXNhYmxlZCAmJlxuXHRcdGBcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRgIH1cblxuXHQmJiYge1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNyApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA3ICkgfTtcblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0cHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy53aGl0ZSB9O1xuXHRcdFx0YCB9XG5cblx0XHQkeyAoIHByb3BzICkgPT5cblx0XHRcdCEgcHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0cHJvcHMuaXNUb2RheSAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdFx0XHRgIH1cblx0fVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmhhc0V2ZW50cyAmJlxuXHRcdGBcblx0XHQ6OmJlZm9yZSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBwcm9wcy5pc1NlbGVjdGVkID8gQ09MT1JTLndoaXRlIDogQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0Y29udGVudDogXCIgXCI7XG5cdFx0XHRoZWlnaHQ6IDRweDtcblx0XHRcdGxlZnQ6IDUwJTtcblx0XHRcdG1hcmdpbi1sZWZ0OiAtMnB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0d2lkdGg6IDRweDtcblx0XHR9XG5cdFx0YCB9XG5gO1xuIl19 */"));
+})("color:", COLORS.gray[700], ";font-size:", CONFIG.fontSize, ";line-height:", CONFIG.fontLineHeightBase, ";&:nth-of-type( 1 ){justify-self:start;}&:nth-of-type( 7 ){justify-self:end;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDbUMiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvZGF0ZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgSFN0YWNrIH0gZnJvbSAnLi4vLi4vaC1zdGFjayc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnLi4vLi4vaGVhZGluZyc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3V0aWxzL3NwYWNlJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvciA9IHN0eWxlZCggSFN0YWNrIClgXG5cdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCA0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0b3JIZWFkaW5nID0gc3R5bGVkKCBIZWFkaW5nIClgXG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodCB9O1xuXG5cdHN0cm9uZyB7XG5cdFx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0SGVhZGluZyB9O1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2FsZW5kYXIgPSBzdHlsZWQuZGl2YFxuXHRjb2x1bW4tZ2FwOiAkeyBzcGFjZSggMiApIH07XG5cdGRpc3BsYXk6IGdyaWQ7XG5cdGdyaWQtdGVtcGxhdGUtY29sdW1uczogMC41ZnIgcmVwZWF0KCA1LCAxZnIgKSAwLjVmcjtcblx0anVzdGlmeS1pdGVtczogY2VudGVyO1xuXHRyb3ctZ2FwOiAkeyBzcGFjZSggMiApIH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGF5T2ZXZWVrID0gc3R5bGVkLmRpdmBcblx0Y29sb3I6ICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRmb250LXNpemU6ICR7IENPTkZJRy5mb250U2l6ZSB9O1xuXHRsaW5lLWhlaWdodDogJHsgQ09ORklHLmZvbnRMaW5lSGVpZ2h0QmFzZSB9O1xuXG5cdCY6bnRoLW9mLXR5cGUoIDEgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblx0fVxuXG5cdCY6bnRoLW9mLXR5cGUoIDcgKSB7XG5cdFx0anVzdGlmeS1zZWxmOiBlbmQ7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlCdXR0b24gPSBzdHlsZWQoIEJ1dHRvbiwge1xuXHRzaG91bGRGb3J3YXJkUHJvcDogKCBwcm9wOiBzdHJpbmcgKSA9PlxuXHRcdCEgWyAnY29sdW1uJywgJ2lzU2VsZWN0ZWQnLCAnaXNUb2RheScsICdoYXNFdmVudHMnIF0uaW5jbHVkZXMoIHByb3AgKSxcbn0gKTwge1xuXHRjb2x1bW46IG51bWJlcjtcblx0aXNTZWxlY3RlZDogYm9vbGVhbjtcblx0aXNUb2RheTogYm9vbGVhbjtcblx0aGFzRXZlbnRzOiBib29sZWFuO1xufSA+YFxuXHRncmlkLWNvbHVtbjogJHsgKCBwcm9wcyApID0+IHByb3BzLmNvbHVtbiB9O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gMSAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmNvbHVtbiA9PT0gNyAmJlxuXHRcdGBcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0XHRgIH1cblxuXHQkeyAoIHByb3BzICkgPT5cblx0XHRwcm9wcy5kaXNhYmxlZCAmJlxuXHRcdGBcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0XHRgIH1cblxuXHQmJiYge1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cdFx0aGVpZ2h0OiAkeyBzcGFjZSggNyApIH07XG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA3ICkgfTtcblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0cHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Y29sb3I6ICR7IENPTE9SUy53aGl0ZSB9O1xuXHRcdFx0YCB9XG5cblx0XHQkeyAoIHByb3BzICkgPT5cblx0XHRcdCEgcHJvcHMuaXNTZWxlY3RlZCAmJlxuXHRcdFx0cHJvcHMuaXNUb2RheSAmJlxuXHRcdFx0YFxuXHRcdFx0YmFja2dyb3VuZDogJHsgQ09MT1JTLmdyYXlbIDIwMCBdIH07XG5cdFx0XHRgIH1cblx0fVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmhhc0V2ZW50cyAmJlxuXHRcdGBcblx0XHQ6OmJlZm9yZSB7XG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBwcm9wcy5pc1NlbGVjdGVkID8gQ09MT1JTLndoaXRlIDogQ09MT1JTLnRoZW1lLmFjY2VudCB9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdFx0Ym90dG9tOiAwO1xuXHRcdFx0Y29udGVudDogXCIgXCI7XG5cdFx0XHRoZWlnaHQ6IDRweDtcblx0XHRcdGxlZnQ6IDUwJTtcblx0XHRcdG1hcmdpbi1sZWZ0OiAtMnB4O1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0d2lkdGg6IDRweDtcblx0XHR9XG5cdFx0YCB9XG5gO1xuIl19 */"));
 export const DayButton = /*#__PURE__*/_styled(Button, process.env.NODE_ENV === "production" ? {
   shouldForwardProp: prop => !['column', 'isSelected', 'isToday', 'hasEvents'].includes(prop),
   target: "e105ri6r0"
@@ -80,5 +80,5 @@ export const DayButton = /*#__PURE__*/_styled(Button, process.env.NODE_ENV === "
 			position: absolute;
 			width: 4px;
 		}
-		`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZERyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2RhdGUtdGltZS9kYXRlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9idXR0b24nO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi8uLi9oLXN0YWNrJztcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tICcuLi8uLi9oZWFkaW5nJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vLi4vdWkvdXRpbHMvc3BhY2UnO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdG9yID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvckhlYWRpbmcgPSBzdHlsZWQoIEhlYWRpbmcgKWBcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0IH07XG5cblx0c3Ryb25nIHtcblx0XHRmb250LXdlaWdodDogJHsgQ09ORklHLmZvbnRXZWlnaHRIZWFkaW5nIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhciA9IHN0eWxlZC5kaXZgXG5cdGNvbHVtbi1nYXA6ICR7IHNwYWNlKCAyICkgfTtcblx0ZGlzcGxheTogZ3JpZDtcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAwLjVmciByZXBlYXQoIDUsIDFmciApIDAuNWZyO1xuXHRqdXN0aWZ5LWl0ZW1zOiBjZW50ZXI7XG5cdHJvdy1nYXA6ICR7IHNwYWNlKCAyICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlPZldlZWsgPSBzdHlsZWQuZGl2YFxuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAkeyBDT05GSUcuZm9udExpbmVIZWlnaHRCYXNlIH07XG5cblx0JjpudGgtb2YtdHlwZSggMSApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHR9XG5cblx0JjpudGgtb2YtdHlwZSggNyApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERheUJ1dHRvbiA9IHN0eWxlZCggQnV0dG9uLCB7XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3A6IHN0cmluZyApID0+XG5cdFx0ISBbICdjb2x1bW4nLCAnaXNTZWxlY3RlZCcsICdpc1RvZGF5JywgJ2hhc0V2ZW50cycgXS5pbmNsdWRlcyggcHJvcCApLFxufSApPCB7XG5cdGNvbHVtbjogbnVtYmVyO1xuXHRpc1NlbGVjdGVkOiBib29sZWFuO1xuXHRpc1RvZGF5OiBib29sZWFuO1xuXHRoYXNFdmVudHM6IGJvb2xlYW47XG59ID5gXG5cdGdyaWQtY29sdW1uOiAkeyAoIHByb3BzICkgPT4gcHJvcHMuY29sdW1uIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSAxICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogc3RhcnQ7XG5cdFx0YCB9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSA3ICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogZW5kO1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmRpc2FibGVkICYmXG5cdFx0YFxuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGAgfVxuXG5cdCYmJiB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTAwJTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA3ICkgfTtcblx0XHR3aWR0aDogJHsgc3BhY2UoIDcgKSB9O1xuXG5cdFx0JHsgKCBwcm9wcyApID0+XG5cdFx0XHRwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLndoaXRlIH07XG5cdFx0XHRgIH1cblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0ISBwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRwcm9wcy5pc1RvZGF5ICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0XHRcdGAgfVxuXHR9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuaGFzRXZlbnRzICYmXG5cdFx0YFxuXHRcdDo6YmVmb3JlIHtcblx0XHRcdGJhY2tncm91bmQ6ICR7IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMud2hpdGUgOiBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdFx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0XHRib3R0b206IDA7XG5cdFx0XHRjb250ZW50OiBcIiBcIjtcblx0XHRcdGhlaWdodDogNHB4O1xuXHRcdFx0bGVmdDogNTAlO1xuXHRcdFx0bWFyZ2luLWxlZnQ6IC0ycHg7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR3aWR0aDogNHB4O1xuXHRcdH1cblx0XHRgIH1cbmA7XG4iXX0= */"));
+		`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL2RhdGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZERyIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2RhdGUtdGltZS9kYXRlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9idXR0b24nO1xuaW1wb3J0IHsgQ09MT1JTLCBDT05GSUcgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgeyBIU3RhY2sgfSBmcm9tICcuLi8uLi9oLXN0YWNrJztcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tICcuLi8uLi9oZWFkaW5nJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vLi4vdXRpbHMvc3BhY2UnO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdG9yID0gc3R5bGVkKCBIU3RhY2sgKWBcblx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIDQgKSB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRvckhlYWRpbmcgPSBzdHlsZWQoIEhlYWRpbmcgKWBcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcblx0Zm9udC13ZWlnaHQ6ICR7IENPTkZJRy5mb250V2VpZ2h0IH07XG5cblx0c3Ryb25nIHtcblx0XHRmb250LXdlaWdodDogJHsgQ09ORklHLmZvbnRXZWlnaHRIZWFkaW5nIH07XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDYWxlbmRhciA9IHN0eWxlZC5kaXZgXG5cdGNvbHVtbi1nYXA6ICR7IHNwYWNlKCAyICkgfTtcblx0ZGlzcGxheTogZ3JpZDtcblx0Z3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAwLjVmciByZXBlYXQoIDUsIDFmciApIDAuNWZyO1xuXHRqdXN0aWZ5LWl0ZW1zOiBjZW50ZXI7XG5cdHJvdy1nYXA6ICR7IHNwYWNlKCAyICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBEYXlPZldlZWsgPSBzdHlsZWQuZGl2YFxuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGZvbnQtc2l6ZTogJHsgQ09ORklHLmZvbnRTaXplIH07XG5cdGxpbmUtaGVpZ2h0OiAkeyBDT05GSUcuZm9udExpbmVIZWlnaHRCYXNlIH07XG5cblx0JjpudGgtb2YtdHlwZSggMSApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IHN0YXJ0O1xuXHR9XG5cblx0JjpudGgtb2YtdHlwZSggNyApIHtcblx0XHRqdXN0aWZ5LXNlbGY6IGVuZDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERheUJ1dHRvbiA9IHN0eWxlZCggQnV0dG9uLCB7XG5cdHNob3VsZEZvcndhcmRQcm9wOiAoIHByb3A6IHN0cmluZyApID0+XG5cdFx0ISBbICdjb2x1bW4nLCAnaXNTZWxlY3RlZCcsICdpc1RvZGF5JywgJ2hhc0V2ZW50cycgXS5pbmNsdWRlcyggcHJvcCApLFxufSApPCB7XG5cdGNvbHVtbjogbnVtYmVyO1xuXHRpc1NlbGVjdGVkOiBib29sZWFuO1xuXHRpc1RvZGF5OiBib29sZWFuO1xuXHRoYXNFdmVudHM6IGJvb2xlYW47XG59ID5gXG5cdGdyaWQtY29sdW1uOiAkeyAoIHByb3BzICkgPT4gcHJvcHMuY29sdW1uIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSAxICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogc3RhcnQ7XG5cdFx0YCB9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuY29sdW1uID09PSA3ICYmXG5cdFx0YFxuXHRcdGp1c3RpZnktc2VsZjogZW5kO1xuXHRcdGAgfVxuXG5cdCR7ICggcHJvcHMgKSA9PlxuXHRcdHByb3BzLmRpc2FibGVkICYmXG5cdFx0YFxuXHRcdHBvaW50ZXItZXZlbnRzOiBub25lO1xuXHRcdGAgfVxuXG5cdCYmJiB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTAwJTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA3ICkgfTtcblx0XHR3aWR0aDogJHsgc3BhY2UoIDcgKSB9O1xuXG5cdFx0JHsgKCBwcm9wcyApID0+XG5cdFx0XHRwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdFx0XHRjb2xvcjogJHsgQ09MT1JTLndoaXRlIH07XG5cdFx0XHRgIH1cblxuXHRcdCR7ICggcHJvcHMgKSA9PlxuXHRcdFx0ISBwcm9wcy5pc1NlbGVjdGVkICYmXG5cdFx0XHRwcm9wcy5pc1RvZGF5ICYmXG5cdFx0XHRgXG5cdFx0XHRiYWNrZ3JvdW5kOiAkeyBDT0xPUlMuZ3JheVsgMjAwIF0gfTtcblx0XHRcdGAgfVxuXHR9XG5cblx0JHsgKCBwcm9wcyApID0+XG5cdFx0cHJvcHMuaGFzRXZlbnRzICYmXG5cdFx0YFxuXHRcdDo6YmVmb3JlIHtcblx0XHRcdGJhY2tncm91bmQ6ICR7IHByb3BzLmlzU2VsZWN0ZWQgPyBDT0xPUlMud2hpdGUgOiBDT0xPUlMudGhlbWUuYWNjZW50IH07XG5cdFx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0XHRib3R0b206IDA7XG5cdFx0XHRjb250ZW50OiBcIiBcIjtcblx0XHRcdGhlaWdodDogNHB4O1xuXHRcdFx0bGVmdDogNTAlO1xuXHRcdFx0bWFyZ2luLWxlZnQ6IC0ycHg7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHR3aWR0aDogNHB4O1xuXHRcdH1cblx0XHRgIH1cbmA7XG4iXX0= */"));
 //# sourceMappingURL=styles.js.map