@foxford/ui 2.41.0 → 2.42.0

package/hocs/withMergedProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"withMergedProps.js","sources":["../../../src/hocs/withMergedProps.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { ThemePreset, Sizes, Color, CSSColor, ColorPaletteKey } from 'shared/types'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { useMergedSizes } from 'hooks/useMergedSizes'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\n\ntype WrappedComponentProps = {\n  preset?: ThemePreset\n  sizes?: Partial<Sizes>\n  palette?: Partial<Record<ColorPaletteKey, Color>>\n}\n\ntype MergedProps<T> = Omit<T, 'preset' | 'sizes' | 'palette'> & {\n  preset: ThemePreset\n  sizes: Sizes\n  palette: Partial<Record<ColorPaletteKey, CSSColor>>\n}\n\ntype WithMergedPropsOptions<T> = {\n  displayName: string\n  sizes?: Sizes | ((props: T) => Sizes)\n}\n\nfunction withMergedProps<T extends WrappedComponentProps, R extends HTMLElement = HTMLElement>(\n  WrappedComponent: React.FC<MergedProps<T>>,\n  options: WithMergedPropsOptions<Omit<T, 'sizes'> & { preset: ThemePreset }>\n) {\n  const WithMergedProps = forwardRef<R, T>((wrappedComponentProps, ref) => {\n    const props = useMergedProps(wrappedComponentProps, options.displayName)\n    const sizes = useMergedSizes(props, options.sizes)\n    const palette = useMergedPalette(props)\n\n    WrappedComponent.displayName = options.displayName\n\n    return <WrappedComponent {...props} sizes={sizes} palette={palette} ref={ref} />\n  })\n\n  WithMergedProps.displayName = `WithMergedProps${options.displayName}`\n\n  return WithMergedProps\n}\n\nexport { withMergedProps }\n"],"names":["WrappedComponent","options","WithMergedProps","forwardRef","wrappedComponentProps","ref","props","useMergedProps","displayName","sizes","useMergedSizes","palette","useMergedPalette","_jsx"],"mappings":"2RAuBA,CACEA,EACAC,KAEA,MAAMC,EAAkBC,MAAAA,YAAiB,CAACC,EAAuBC,KAC/D,MAAMC,EAAQC,eAAcA,eAACH,EAAuBH,EAAQO,aAC5D,MAAMC,EAAQC,eAAcA,eAACJ,EAAOL,EAAQQ,OAC5C,MAAME,EAAUC,kCAAiBN,GAIjC,OAFAN,EAAiBQ,YAAcP,EAAQO,YAEhCK,WAAAA,IAACb,EAAgB,IAAKM,EAAOG,MAAOA,EAAOE,QAASA,EAASN,IAAKA,GAAO,IAKlF,OAFAH,EAAgBM,YAAc,kBAAkBP,EAAQO,cAEjDN,CACT"}
+{"version":3,"file":"withMergedProps.js","sources":["../../../src/hocs/withMergedProps.tsx"],"sourcesContent":["import { forwardRef, CSSProperties } from 'react'\nimport type { ThemePreset, Size, Color, CSSColor, ColorPaletteKey, KeysOfUnion, WithThemePreset } from 'shared/types'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { useMergedSizes } from 'hooks/useMergedSizes'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\n\ntype WrappedComponentProps = {\n  preset?: ThemePreset\n  sizes?: Partial<Record<Size, CSSProperties>>\n  palette?: Partial<Record<ColorPaletteKey, Color>>\n}\n\ntype MergedProps<T extends WrappedComponentProps> = Omit<T, 'preset' | 'sizes' | 'palette'> & {\n  preset: ThemePreset\n  sizes: Record<KeysOfUnion<T['sizes']>, CSSProperties>\n  palette: Partial<Record<KeysOfUnion<T['palette']>, CSSColor>>\n}\n\ntype WithMergedPropsOptions<T extends WrappedComponentProps> = {\n  displayName: string\n  sizes:\n    | Record<KeysOfUnion<T['sizes']>, CSSProperties>\n    | ((props: WithThemePreset<T>) => Record<KeysOfUnion<T['sizes']>, CSSProperties>)\n}\n\nfunction withMergedProps<T extends WrappedComponentProps, R extends HTMLElement = HTMLElement>(\n  WrappedComponent: React.FC<MergedProps<T>>,\n  options: WithMergedPropsOptions<T>\n) {\n  const WithMergedProps = forwardRef<R, T>((wrappedComponentProps, ref) => {\n    const props = useMergedProps(wrappedComponentProps, options.displayName)\n    const sizes = useMergedSizes(props, options.sizes)\n    const palette = useMergedPalette(props)\n\n    WrappedComponent.displayName = options.displayName\n\n    return <WrappedComponent {...props} sizes={sizes} palette={palette} ref={ref} />\n  })\n\n  WithMergedProps.displayName = `WithMergedProps${options.displayName}`\n\n  return WithMergedProps\n}\n\nexport { withMergedProps }\n"],"names":["WrappedComponent","options","WithMergedProps","forwardRef","wrappedComponentProps","ref","props","useMergedProps","displayName","sizes","useMergedSizes","palette","useMergedPalette","_jsx"],"mappings":"2RAyBA,CACEA,EACAC,KAEA,MAAMC,EAAkBC,MAAAA,YAAiB,CAACC,EAAuBC,KAC/D,MAAMC,EAAQC,eAAcA,eAACH,EAAuBH,EAAQO,aAC5D,MAAMC,EAAQC,eAAcA,eAACJ,EAAOL,EAAQQ,OAC5C,MAAME,EAAUC,kCAAiBN,GAIjC,OAFAN,EAAiBQ,YAAcP,EAAQO,YAEhCK,WAAAA,IAACb,EAAgB,IAAKM,EAAOG,MAAOA,EAAOE,QAASA,EAASN,IAAKA,GAAO,IAKlF,OAFAH,EAAgBM,YAAc,kBAAkBP,EAAQO,cAEjDN,CACT"}

package/hocs/withMergedProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"withMergedProps.mjs","sources":["../../../src/hocs/withMergedProps.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { ThemePreset, Sizes, Color, CSSColor, ColorPaletteKey } from 'shared/types'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { useMergedSizes } from 'hooks/useMergedSizes'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\n\ntype WrappedComponentProps = {\n  preset?: ThemePreset\n  sizes?: Partial<Sizes>\n  palette?: Partial<Record<ColorPaletteKey, Color>>\n}\n\ntype MergedProps<T> = Omit<T, 'preset' | 'sizes' | 'palette'> & {\n  preset: ThemePreset\n  sizes: Sizes\n  palette: Partial<Record<ColorPaletteKey, CSSColor>>\n}\n\ntype WithMergedPropsOptions<T> = {\n  displayName: string\n  sizes?: Sizes | ((props: T) => Sizes)\n}\n\nfunction withMergedProps<T extends WrappedComponentProps, R extends HTMLElement = HTMLElement>(\n  WrappedComponent: React.FC<MergedProps<T>>,\n  options: WithMergedPropsOptions<Omit<T, 'sizes'> & { preset: ThemePreset }>\n) {\n  const WithMergedProps = forwardRef<R, T>((wrappedComponentProps, ref) => {\n    const props = useMergedProps(wrappedComponentProps, options.displayName)\n    const sizes = useMergedSizes(props, options.sizes)\n    const palette = useMergedPalette(props)\n\n    WrappedComponent.displayName = options.displayName\n\n    return <WrappedComponent {...props} sizes={sizes} palette={palette} ref={ref} />\n  })\n\n  WithMergedProps.displayName = `WithMergedProps${options.displayName}`\n\n  return WithMergedProps\n}\n\nexport { withMergedProps }\n"],"names":["withMergedProps","WrappedComponent","options","WithMergedProps","forwardRef","wrappedComponentProps","ref","props","useMergedProps","displayName","sizes","useMergedSizes","palette","useMergedPalette","_jsx"],"mappings":"6OAuBA,SAASA,gBACPC,EACAC,GAEA,MAAMC,EAAkBC,YAAiB,CAACC,EAAuBC,KAC/D,MAAMC,EAAQC,eAAeH,EAAuBH,EAAQO,aAC5D,MAAMC,EAAQC,eAAeJ,EAAOL,EAAQQ,OAC5C,MAAME,EAAUC,iBAAiBN,GAIjC,OAFAN,EAAiBQ,YAAcP,EAAQO,YAEhCK,IAACb,EAAgB,IAAKM,EAAOG,MAAOA,EAAOE,QAASA,EAASN,IAAKA,GAAO,IAKlF,OAFAH,EAAgBM,YAAc,kBAAkBP,EAAQO,cAEjDN,CACT"}
+{"version":3,"file":"withMergedProps.mjs","sources":["../../../src/hocs/withMergedProps.tsx"],"sourcesContent":["import { forwardRef, CSSProperties } from 'react'\nimport type { ThemePreset, Size, Color, CSSColor, ColorPaletteKey, KeysOfUnion, WithThemePreset } from 'shared/types'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { useMergedSizes } from 'hooks/useMergedSizes'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\n\ntype WrappedComponentProps = {\n  preset?: ThemePreset\n  sizes?: Partial<Record<Size, CSSProperties>>\n  palette?: Partial<Record<ColorPaletteKey, Color>>\n}\n\ntype MergedProps<T extends WrappedComponentProps> = Omit<T, 'preset' | 'sizes' | 'palette'> & {\n  preset: ThemePreset\n  sizes: Record<KeysOfUnion<T['sizes']>, CSSProperties>\n  palette: Partial<Record<KeysOfUnion<T['palette']>, CSSColor>>\n}\n\ntype WithMergedPropsOptions<T extends WrappedComponentProps> = {\n  displayName: string\n  sizes:\n    | Record<KeysOfUnion<T['sizes']>, CSSProperties>\n    | ((props: WithThemePreset<T>) => Record<KeysOfUnion<T['sizes']>, CSSProperties>)\n}\n\nfunction withMergedProps<T extends WrappedComponentProps, R extends HTMLElement = HTMLElement>(\n  WrappedComponent: React.FC<MergedProps<T>>,\n  options: WithMergedPropsOptions<T>\n) {\n  const WithMergedProps = forwardRef<R, T>((wrappedComponentProps, ref) => {\n    const props = useMergedProps(wrappedComponentProps, options.displayName)\n    const sizes = useMergedSizes(props, options.sizes)\n    const palette = useMergedPalette(props)\n\n    WrappedComponent.displayName = options.displayName\n\n    return <WrappedComponent {...props} sizes={sizes} palette={palette} ref={ref} />\n  })\n\n  WithMergedProps.displayName = `WithMergedProps${options.displayName}`\n\n  return WithMergedProps\n}\n\nexport { withMergedProps }\n"],"names":["withMergedProps","WrappedComponent","options","WithMergedProps","forwardRef","wrappedComponentProps","ref","props","useMergedProps","displayName","sizes","useMergedSizes","palette","useMergedPalette","_jsx"],"mappings":"6OAyBA,SAASA,gBACPC,EACAC,GAEA,MAAMC,EAAkBC,YAAiB,CAACC,EAAuBC,KAC/D,MAAMC,EAAQC,eAAeH,EAAuBH,EAAQO,aAC5D,MAAMC,EAAQC,eAAeJ,EAAOL,EAAQQ,OAC5C,MAAME,EAAUC,iBAAiBN,GAIjC,OAFAN,EAAiBQ,YAAcP,EAAQO,YAEhCK,IAACb,EAAgB,IAAKM,EAAOG,MAAOA,EAAOE,QAASA,EAASN,IAAKA,GAAO,IAKlF,OAFAH,EAAgBM,YAAc,kBAAkBP,EAAQO,cAEjDN,CACT"}

package/hocs/withTranslation.js

@@ -0,0 +1,2 @@
+'use strict';var React=require('react');var styled=require('styled-components');var constants=require('../shared/constants.js');var require$$0=require('react/jsx-runtime');const ARROW_KEYS=[...constants.keyboardKeys.ArrowUp.key,...constants.keyboardKeys.ArrowRight.key,...constants.keyboardKeys.ArrowDown.key,...constants.keyboardKeys.ArrowLeft.key];const DraggingGlobals=styled.createGlobalStyle(["body *{cursor:grabbing !important;user-select:none !important;}"]);exports.withTranslation=function(e){return React.forwardRef(((t,r)=>{const n=React.useRef(null);React.useImperativeHandle(r,(()=>n.current),[]);const s=React.useRef({top:0,left:0,limit:{top:1/0,left:1/0},reset(){this.top=0,this.left=0,this.limit.top=1/0,this.limit.left=1/0},set(e){const t=e.getBoundingClientRect();this.top=t.top,this.left=t.left,this.limit.top=window.innerHeight-t.height,this.limit.left=window.innerWidth-t.width},get(e,t){return this[e]-=t,this[e]<0?this[e]=0:this[e]>this.limit[e]&&(this[e]=this.limit[e]),this[e]}});const o=React.useRef({x:0,y:0});const i=React.useRef(-1);const[c,a]=React.useState(!1);const[u,l]=React.useState(!1);const handleDragging=e=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{if(n.current){const t=o.current.x-e.clientX;n.current.style.top=`${s.current.get('top',o.current.y-e.clientY)}px`,n.current.style.left=`${s.current.get('left',t)}px`,o.current.x=e.clientX,o.current.y=e.clientY}}))};const handleDragEnd=()=>{document.removeEventListener('pointermove',handleDragging),document.removeEventListener('pointerup',handleDragEnd),document.querySelectorAll('iframe').forEach((e=>{e.style.pointerEvents='auto'})),a(!1)};return React.useEffect((()=>{const handleResize=()=>{n.current&&(s.current.reset(),n.current.style.top='',n.current.style.left='',l(!1))};return c||window.addEventListener('resize',handleResize),()=>{window.removeEventListener('resize',handleResize)}}),[c]),require$$0.jsxs(require$$0.Fragment,{children:[c&&require$$0.jsx(DraggingGlobals,{}),require$$0.jsx(e,{...t,ref:n,dragging:c,translated:u,onGrab:e=>{n.current&&(s.current.set(n.current),o.current.x=e.clientX,o.current.y=e.clientY,n.current.style.top=`${s.current.get('top',0)}px`,n.current.style.left=`${s.current.get('left',0)}px`,document.querySelectorAll('iframe').forEach((e=>{e.style.pointerEvents='none'})),document.addEventListener('pointermove',handleDragging),document.addEventListener('pointerup',handleDragEnd),a(!0),l(!0))},onNudge:e=>{ARROW_KEYS.includes(e.key)&&(e.persist(),e.preventDefault(),cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{if(n.current){s.current.set(n.current);let t=s.current.get('top',0);let r=s.current.get('left',0);constants.keyboardKeys.ArrowUp.validate(e.key)?t=s.current.get('top',7):constants.keyboardKeys.ArrowDown.validate(e.key)?t=s.current.get('top',-7):constants.keyboardKeys.ArrowLeft.validate(e.key)?r=s.current.get('left',7):constants.keyboardKeys.ArrowRight.validate(e.key)&&(r=s.current.get('left',-7)),n.current.style.top=`${t}px`,n.current.style.left=`${r}px`,l(!0)}})))}})]})}))};
+//# sourceMappingURL=withTranslation.js.map

package/hocs/withTranslation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTranslation.js","sources":["../../../src/hocs/withTranslation.tsx"],"sourcesContent":["import { useState, forwardRef, useRef, useImperativeHandle, useEffect } from 'react'\nimport { createGlobalStyle } from 'styled-components'\nimport { keyboardKeys } from 'shared/constants'\n\ntype InjectedTranslationProps<T extends HTMLElement, P> = P & {\n  ref?: React.Ref<T>\n  dragging: boolean\n  translated: boolean\n  onGrab: React.PointerEventHandler<T>\n  onNudge: React.KeyboardEventHandler<T>\n}\n\nconst ARROW_KEYS: string[] = [\n  ...keyboardKeys.ArrowUp.key,\n  ...keyboardKeys.ArrowRight.key,\n  ...keyboardKeys.ArrowDown.key,\n  ...keyboardKeys.ArrowLeft.key,\n]\n\nconst DraggingGlobals = createGlobalStyle`\n  body * {\n    cursor: grabbing !important;  \n    user-select: none !important;\n  }\n`\n\nfunction withTranslation<T extends HTMLElement, P>(Component: React.FC<InjectedTranslationProps<T, P>>) {\n  const WithTranslation = forwardRef<T, P>((props, forwardedRef) => {\n    const root = useRef<T | null>(null)\n\n    useImperativeHandle<T | null, T | null>(forwardedRef, () => root.current, [])\n\n    const position = useRef({\n      top: 0,\n      left: 0,\n      limit: {\n        top: Infinity,\n        left: Infinity,\n      },\n      reset() {\n        this.top = 0\n        this.left = 0\n        this.limit.top = Infinity\n        this.limit.left = Infinity\n      },\n      set(e: T) {\n        const rect = e.getBoundingClientRect()\n\n        this.top = rect.top\n        this.left = rect.left\n\n        this.limit.top = window.innerHeight - rect.height\n        this.limit.left = window.innerWidth - rect.width\n      },\n      get(pos: 'top' | 'left', delta: number) {\n        this[pos] -= delta\n\n        if (this[pos] < 0) {\n          this[pos] = 0\n        } else if (this[pos] > this.limit[pos]) {\n          this[pos] = this.limit[pos]\n        }\n\n        return this[pos]\n      },\n    })\n\n    const pointer = useRef({ x: 0, y: 0 })\n\n    const animationId = useRef(-1)\n\n    const [dragging, setDragging] = useState(false)\n    const [translated, setTranslated] = useState(false)\n\n    const handleDragging = (evt: PointerEvent) => {\n      cancelAnimationFrame(animationId.current)\n      animationId.current = requestAnimationFrame(() => {\n        if (root.current) {\n          const deltaX = pointer.current.x - evt.clientX\n          const deltaY = pointer.current.y - evt.clientY\n\n          root.current.style.top = `${position.current.get('top', deltaY)}px`\n          root.current.style.left = `${position.current.get('left', deltaX)}px`\n\n          pointer.current.x = evt.clientX\n          pointer.current.y = evt.clientY\n        }\n      })\n    }\n\n    const handleDragEnd = () => {\n      document.removeEventListener('pointermove', handleDragging)\n      document.removeEventListener('pointerup', handleDragEnd)\n\n      document.querySelectorAll('iframe').forEach((iframe) => {\n        iframe.style.pointerEvents = 'auto'\n      })\n\n      setDragging(false)\n    }\n\n    const handleDragStart: React.PointerEventHandler<T> = (evt) => {\n      if (!root.current) return\n\n      position.current.set(root.current)\n\n      pointer.current.x = evt.clientX\n      pointer.current.y = evt.clientY\n\n      root.current.style.top = `${position.current.get('top', 0)}px`\n      root.current.style.left = `${position.current.get('left', 0)}px`\n\n      document.querySelectorAll('iframe').forEach((iframe) => {\n        iframe.style.pointerEvents = 'none'\n      })\n\n      document.addEventListener('pointermove', handleDragging)\n      document.addEventListener('pointerup', handleDragEnd)\n\n      setDragging(true)\n      setTranslated(true)\n    }\n\n    const handleNudge: React.KeyboardEventHandler<T> = (evt) => {\n      if (ARROW_KEYS.includes(evt.key)) {\n        evt.persist()\n        evt.preventDefault()\n\n        cancelAnimationFrame(animationId.current)\n        animationId.current = requestAnimationFrame(() => {\n          if (root.current) {\n            position.current.set(root.current)\n\n            let top = position.current.get('top', 0)\n            let left = position.current.get('left', 0)\n\n            if (keyboardKeys.ArrowUp.validate(evt.key)) {\n              top = position.current.get('top', 7)\n            } else if (keyboardKeys.ArrowDown.validate(evt.key)) {\n              top = position.current.get('top', -7)\n            } else if (keyboardKeys.ArrowLeft.validate(evt.key)) {\n              left = position.current.get('left', 7)\n            } else if (keyboardKeys.ArrowRight.validate(evt.key)) {\n              left = position.current.get('left', -7)\n            }\n\n            root.current.style.top = `${top}px`\n            root.current.style.left = `${left}px`\n\n            setTranslated(true)\n          }\n        })\n      }\n    }\n\n    useEffect(() => {\n      const handleResize = () => {\n        if (root.current) {\n          position.current.reset()\n\n          root.current.style.top = ''\n          root.current.style.left = ''\n\n          setTranslated(false)\n        }\n      }\n\n      if (!dragging) {\n        window.addEventListener('resize', handleResize)\n      }\n\n      return () => {\n        window.removeEventListener('resize', handleResize)\n      }\n    }, [dragging])\n\n    return (\n      <>\n        {dragging && <DraggingGlobals />}\n        <Component\n          {...props}\n          ref={root}\n          dragging={dragging}\n          translated={translated}\n          onGrab={handleDragStart}\n          onNudge={handleNudge}\n        />\n      </>\n    )\n  })\n\n  return WithTranslation\n}\n\nexport { withTranslation }\n"],"names":["ARROW_KEYS","keyboardKeys","ArrowUp","key","ArrowRight","ArrowDown","ArrowLeft","DraggingGlobals","createGlobalStyle","Component","forwardRef","props","forwardedRef","root","useRef","useImperativeHandle","current","position","top","left","limit","Infinity","reset","this","set","e","rect","getBoundingClientRect","window","innerHeight","height","innerWidth","width","get","pos","delta","pointer","x","y","animationId","dragging","setDragging","useState","translated","setTranslated","handleDragging","evt","cancelAnimationFrame","requestAnimationFrame","deltaX","clientX","style","clientY","handleDragEnd","document","removeEventListener","querySelectorAll","forEach","iframe","pointerEvents","useEffect","handleResize","addEventListener","_jsxs","_Fragment","children","_jsx","jsx","ref","onGrab","onNudge","includes","persist","preventDefault","validate"],"mappings":"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"}

package/hocs/withTranslation.mjs

@@ -0,0 +1,2 @@
+import{forwardRef,useRef,useImperativeHandle,useState,useEffect}from'react';import{createGlobalStyle}from'styled-components';import{keyboardKeys}from'../shared/constants.mjs';import{jsxs,Fragment,jsx}from'react/jsx-runtime';const ARROW_KEYS=[...keyboardKeys.ArrowUp.key,...keyboardKeys.ArrowRight.key,...keyboardKeys.ArrowDown.key,...keyboardKeys.ArrowLeft.key];const DraggingGlobals=createGlobalStyle(["body *{cursor:grabbing !important;user-select:none !important;}"]);function withTranslation(e){return forwardRef(((t,r)=>{const n=useRef(null);useImperativeHandle(r,(()=>n.current),[]);const o=useRef({top:0,left:0,limit:{top:1/0,left:1/0},reset(){this.top=0,this.left=0,this.limit.top=1/0,this.limit.left=1/0},set(e){const t=e.getBoundingClientRect();this.top=t.top,this.left=t.left,this.limit.top=window.innerHeight-t.height,this.limit.left=window.innerWidth-t.width},get(e,t){return this[e]-=t,this[e]<0?this[e]=0:this[e]>this.limit[e]&&(this[e]=this.limit[e]),this[e]}});const s=useRef({x:0,y:0});const i=useRef(-1);const[c,l]=useState(!1);const[u,a]=useState(!1);const handleDragging=e=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{if(n.current){const t=s.current.x-e.clientX;n.current.style.top=`${o.current.get('top',s.current.y-e.clientY)}px`,n.current.style.left=`${o.current.get('left',t)}px`,s.current.x=e.clientX,s.current.y=e.clientY}}))};const handleDragEnd=()=>{document.removeEventListener('pointermove',handleDragging),document.removeEventListener('pointerup',handleDragEnd),document.querySelectorAll('iframe').forEach((e=>{e.style.pointerEvents='auto'})),l(!1)};return useEffect((()=>{const handleResize=()=>{n.current&&(o.current.reset(),n.current.style.top='',n.current.style.left='',a(!1))};return c||window.addEventListener('resize',handleResize),()=>{window.removeEventListener('resize',handleResize)}}),[c]),jsxs(Fragment,{children:[c&&jsx(DraggingGlobals,{}),jsx(e,{...t,ref:n,dragging:c,translated:u,onGrab:e=>{n.current&&(o.current.set(n.current),s.current.x=e.clientX,s.current.y=e.clientY,n.current.style.top=`${o.current.get('top',0)}px`,n.current.style.left=`${o.current.get('left',0)}px`,document.querySelectorAll('iframe').forEach((e=>{e.style.pointerEvents='none'})),document.addEventListener('pointermove',handleDragging),document.addEventListener('pointerup',handleDragEnd),l(!0),a(!0))},onNudge:e=>{ARROW_KEYS.includes(e.key)&&(e.persist(),e.preventDefault(),cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{if(n.current){o.current.set(n.current);let t=o.current.get('top',0);let r=o.current.get('left',0);keyboardKeys.ArrowUp.validate(e.key)?t=o.current.get('top',7):keyboardKeys.ArrowDown.validate(e.key)?t=o.current.get('top',-7):keyboardKeys.ArrowLeft.validate(e.key)?r=o.current.get('left',7):keyboardKeys.ArrowRight.validate(e.key)&&(r=o.current.get('left',-7)),n.current.style.top=`${t}px`,n.current.style.left=`${r}px`,a(!0)}})))}})]})}))}export{withTranslation};
+//# sourceMappingURL=withTranslation.mjs.map

package/hocs/withTranslation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTranslation.mjs","sources":["../../../src/hocs/withTranslation.tsx"],"sourcesContent":["import { useState, forwardRef, useRef, useImperativeHandle, useEffect } from 'react'\nimport { createGlobalStyle } from 'styled-components'\nimport { keyboardKeys } from 'shared/constants'\n\ntype InjectedTranslationProps<T extends HTMLElement, P> = P & {\n  ref?: React.Ref<T>\n  dragging: boolean\n  translated: boolean\n  onGrab: React.PointerEventHandler<T>\n  onNudge: React.KeyboardEventHandler<T>\n}\n\nconst ARROW_KEYS: string[] = [\n  ...keyboardKeys.ArrowUp.key,\n  ...keyboardKeys.ArrowRight.key,\n  ...keyboardKeys.ArrowDown.key,\n  ...keyboardKeys.ArrowLeft.key,\n]\n\nconst DraggingGlobals = createGlobalStyle`\n  body * {\n    cursor: grabbing !important;  \n    user-select: none !important;\n  }\n`\n\nfunction withTranslation<T extends HTMLElement, P>(Component: React.FC<InjectedTranslationProps<T, P>>) {\n  const WithTranslation = forwardRef<T, P>((props, forwardedRef) => {\n    const root = useRef<T | null>(null)\n\n    useImperativeHandle<T | null, T | null>(forwardedRef, () => root.current, [])\n\n    const position = useRef({\n      top: 0,\n      left: 0,\n      limit: {\n        top: Infinity,\n        left: Infinity,\n      },\n      reset() {\n        this.top = 0\n        this.left = 0\n        this.limit.top = Infinity\n        this.limit.left = Infinity\n      },\n      set(e: T) {\n        const rect = e.getBoundingClientRect()\n\n        this.top = rect.top\n        this.left = rect.left\n\n        this.limit.top = window.innerHeight - rect.height\n        this.limit.left = window.innerWidth - rect.width\n      },\n      get(pos: 'top' | 'left', delta: number) {\n        this[pos] -= delta\n\n        if (this[pos] < 0) {\n          this[pos] = 0\n        } else if (this[pos] > this.limit[pos]) {\n          this[pos] = this.limit[pos]\n        }\n\n        return this[pos]\n      },\n    })\n\n    const pointer = useRef({ x: 0, y: 0 })\n\n    const animationId = useRef(-1)\n\n    const [dragging, setDragging] = useState(false)\n    const [translated, setTranslated] = useState(false)\n\n    const handleDragging = (evt: PointerEvent) => {\n      cancelAnimationFrame(animationId.current)\n      animationId.current = requestAnimationFrame(() => {\n        if (root.current) {\n          const deltaX = pointer.current.x - evt.clientX\n          const deltaY = pointer.current.y - evt.clientY\n\n          root.current.style.top = `${position.current.get('top', deltaY)}px`\n          root.current.style.left = `${position.current.get('left', deltaX)}px`\n\n          pointer.current.x = evt.clientX\n          pointer.current.y = evt.clientY\n        }\n      })\n    }\n\n    const handleDragEnd = () => {\n      document.removeEventListener('pointermove', handleDragging)\n      document.removeEventListener('pointerup', handleDragEnd)\n\n      document.querySelectorAll('iframe').forEach((iframe) => {\n        iframe.style.pointerEvents = 'auto'\n      })\n\n      setDragging(false)\n    }\n\n    const handleDragStart: React.PointerEventHandler<T> = (evt) => {\n      if (!root.current) return\n\n      position.current.set(root.current)\n\n      pointer.current.x = evt.clientX\n      pointer.current.y = evt.clientY\n\n      root.current.style.top = `${position.current.get('top', 0)}px`\n      root.current.style.left = `${position.current.get('left', 0)}px`\n\n      document.querySelectorAll('iframe').forEach((iframe) => {\n        iframe.style.pointerEvents = 'none'\n      })\n\n      document.addEventListener('pointermove', handleDragging)\n      document.addEventListener('pointerup', handleDragEnd)\n\n      setDragging(true)\n      setTranslated(true)\n    }\n\n    const handleNudge: React.KeyboardEventHandler<T> = (evt) => {\n      if (ARROW_KEYS.includes(evt.key)) {\n        evt.persist()\n        evt.preventDefault()\n\n        cancelAnimationFrame(animationId.current)\n        animationId.current = requestAnimationFrame(() => {\n          if (root.current) {\n            position.current.set(root.current)\n\n            let top = position.current.get('top', 0)\n            let left = position.current.get('left', 0)\n\n            if (keyboardKeys.ArrowUp.validate(evt.key)) {\n              top = position.current.get('top', 7)\n            } else if (keyboardKeys.ArrowDown.validate(evt.key)) {\n              top = position.current.get('top', -7)\n            } else if (keyboardKeys.ArrowLeft.validate(evt.key)) {\n              left = position.current.get('left', 7)\n            } else if (keyboardKeys.ArrowRight.validate(evt.key)) {\n              left = position.current.get('left', -7)\n            }\n\n            root.current.style.top = `${top}px`\n            root.current.style.left = `${left}px`\n\n            setTranslated(true)\n          }\n        })\n      }\n    }\n\n    useEffect(() => {\n      const handleResize = () => {\n        if (root.current) {\n          position.current.reset()\n\n          root.current.style.top = ''\n          root.current.style.left = ''\n\n          setTranslated(false)\n        }\n      }\n\n      if (!dragging) {\n        window.addEventListener('resize', handleResize)\n      }\n\n      return () => {\n        window.removeEventListener('resize', handleResize)\n      }\n    }, [dragging])\n\n    return (\n      <>\n        {dragging && <DraggingGlobals />}\n        <Component\n          {...props}\n          ref={root}\n          dragging={dragging}\n          translated={translated}\n          onGrab={handleDragStart}\n          onNudge={handleNudge}\n        />\n      </>\n    )\n  })\n\n  return WithTranslation\n}\n\nexport { withTranslation }\n"],"names":["ARROW_KEYS","keyboardKeys","ArrowUp","key","ArrowRight","ArrowDown","ArrowLeft","DraggingGlobals","createGlobalStyle","withTranslation","Component","forwardRef","props","forwardedRef","root","useRef","useImperativeHandle","current","position","top","left","limit","Infinity","reset","this","set","e","rect","getBoundingClientRect","window","innerHeight","height","innerWidth","width","get","pos","delta","pointer","x","y","animationId","dragging","setDragging","useState","translated","setTranslated","handleDragging","evt","cancelAnimationFrame","requestAnimationFrame","deltaX","clientX","style","clientY","handleDragEnd","document","removeEventListener","querySelectorAll","forEach","iframe","pointerEvents","useEffect","handleResize","addEventListener","_jsxs","_Fragment","children","_jsx","ref","onGrab","onNudge","includes","persist","preventDefault","validate"],"mappings":"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"}

package/hooks/useMergedPalette.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergedPalette.js","sources":["../../../src/hooks/useMergedPalette.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport type { ColorPaletteKey, Color, CSSColor } from 'shared/types'\n\nexport function useMergedPalette<\n  T extends {\n    palette?: Partial<Record<ColorPaletteKey, Color>>\n  }\n>(componentProps: T): Record<ColorPaletteKey, CSSColor> {\n  const theme = useTheme()\n\n  const palette = componentProps.palette ?? {}\n\n  return Object.keys(palette).reduce((injected, key) => {\n    const cssColor = theme.colors[palette[key]] ?? palette[key]\n\n    if (cssColor) {\n      injected[key] = cssColor\n    }\n\n    return injected\n  }, {} as Record<ColorPaletteKey, CSSColor>)\n}\n"],"names":["componentProps","theme","useTheme","palette","Object","keys","reduce","injected","key","cssColor","colors"],"mappings":"8EAOEA,IACA,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,EAAUH,EAAeG,SAAW,GAE1C,OAAOC,OAAOC,KAAKF,GAASG,QAAO,CAACC,EAAUC,KAC5C,MAAMC,EAAWR,EAAMS,OAAOP,EAAQK,KAASL,EAAQK,GAMvD,OAJIC,IACFF,EAASC,GAAOC,GAGXF,CAAQ,GACd,CAAuC,EAC5C"}
+{"version":3,"file":"useMergedPalette.js","sources":["../../../src/hooks/useMergedPalette.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport type { ColorPaletteKey, Color, CSSColor, KeysOfUnion } from 'shared/types'\n\nexport function useMergedPalette<\n  T extends {\n    palette?: Partial<Record<ColorPaletteKey, Color>>\n  }\n>(componentProps: T): Partial<Record<KeysOfUnion<T['palette']>, CSSColor>> {\n  const theme = useTheme()\n\n  const palette = componentProps.palette ?? {}\n\n  return Object.keys(palette).reduce<Partial<Record<KeysOfUnion<T['palette']>, CSSColor>>>((injected, key) => {\n    const cssColor = theme.colors[palette[key]] ?? palette[key]\n\n    if (cssColor) {\n      injected[key] = cssColor\n    }\n\n    return injected\n  }, {})\n}\n"],"names":["componentProps","theme","useTheme","palette","Object","keys","reduce","injected","key","cssColor","colors"],"mappings":"8EAOEA,IACA,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,EAAUH,EAAeG,SAAW,GAE1C,OAAOC,OAAOC,KAAKF,GAASG,QAA6D,CAACC,EAAUC,KAClG,MAAMC,EAAWR,EAAMS,OAAOP,EAAQK,KAASL,EAAQK,GAMvD,OAJIC,IACFF,EAASC,GAAOC,GAGXF,CAAQ,GACd,CAAE,EACP"}

package/hooks/useMergedPalette.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMergedPalette.mjs","sources":["../../../src/hooks/useMergedPalette.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport type { ColorPaletteKey, Color, CSSColor } from 'shared/types'\n\nexport function useMergedPalette<\n  T extends {\n    palette?: Partial<Record<ColorPaletteKey, Color>>\n  }\n>(componentProps: T): Record<ColorPaletteKey, CSSColor> {\n  const theme = useTheme()\n\n  const palette = componentProps.palette ?? {}\n\n  return Object.keys(palette).reduce((injected, key) => {\n    const cssColor = theme.colors[palette[key]] ?? palette[key]\n\n    if (cssColor) {\n      injected[key] = cssColor\n    }\n\n    return injected\n  }, {} as Record<ColorPaletteKey, CSSColor>)\n}\n"],"names":["useMergedPalette","componentProps","theme","useTheme","palette","Object","keys","reduce","injected","key","cssColor","colors"],"mappings":"wCAGO,SAASA,iBAIdC,GACA,MAAMC,EAAQC,WAEd,MAAMC,EAAUH,EAAeG,SAAW,GAE1C,OAAOC,OAAOC,KAAKF,GAASG,QAAO,CAACC,EAAUC,KAC5C,MAAMC,EAAWR,EAAMS,OAAOP,EAAQK,KAASL,EAAQK,GAMvD,OAJIC,IACFF,EAASC,GAAOC,GAGXF,CAAQ,GACd,CAAuC,EAC5C"}
+{"version":3,"file":"useMergedPalette.mjs","sources":["../../../src/hooks/useMergedPalette.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport type { ColorPaletteKey, Color, CSSColor, KeysOfUnion } from 'shared/types'\n\nexport function useMergedPalette<\n  T extends {\n    palette?: Partial<Record<ColorPaletteKey, Color>>\n  }\n>(componentProps: T): Partial<Record<KeysOfUnion<T['palette']>, CSSColor>> {\n  const theme = useTheme()\n\n  const palette = componentProps.palette ?? {}\n\n  return Object.keys(palette).reduce<Partial<Record<KeysOfUnion<T['palette']>, CSSColor>>>((injected, key) => {\n    const cssColor = theme.colors[palette[key]] ?? palette[key]\n\n    if (cssColor) {\n      injected[key] = cssColor\n    }\n\n    return injected\n  }, {})\n}\n"],"names":["useMergedPalette","componentProps","theme","useTheme","palette","Object","keys","reduce","injected","key","cssColor","colors"],"mappings":"wCAGO,SAASA,iBAIdC,GACA,MAAMC,EAAQC,WAEd,MAAMC,EAAUH,EAAeG,SAAW,GAE1C,OAAOC,OAAOC,KAAKF,GAASG,QAA6D,CAACC,EAAUC,KAClG,MAAMC,EAAWR,EAAMS,OAAOP,EAAQK,KAASL,EAAQK,GAMvD,OAJIC,IACFF,EAASC,GAAOC,GAGXF,CAAQ,GACd,CAAE,EACP"}

package/hooks/useMergedProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergedProps.js","sources":["../../../src/hooks/useMergedProps.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport { mergeDeepLeft } from 'ramda'\nimport type { ThemePreset } from 'shared/types'\n\nexport function useMergedProps<\n  T extends {\n    preset?: ThemePreset\n  }\n>(\n  componentProps: T,\n  componentName: string\n): T & {\n  preset: ThemePreset\n} {\n  const theme = useTheme()\n\n  const context = theme.components ?? {}\n  const contextProps: T = context[componentName] ?? {}\n  const mergedProps = mergeDeepLeft(componentProps, contextProps) as T\n\n  return {\n    ...mergedProps,\n    preset: mergedProps.preset ?? theme.preset,\n  }\n}\n"],"names":["componentProps","componentName","theme","useTheme","mergedProps","mergeDeepLeft","components","preset"],"mappings":"uGAIO,CAKLA,EACAC,KAIA,MAAMC,EAAQC,OAAAA,WAId,MAAMC,EAAcC,MAAAA,cAAcL,GAFlBE,EAAMI,YAAc,IACJL,IAAkB,CAAA,GAGlD,MAAO,IACFG,EACHG,OAAQH,EAAYG,QAAUL,EAAMK,OAExC"}
+{"version":3,"file":"useMergedProps.js","sources":["../../../src/hooks/useMergedProps.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport { mergeDeepLeft } from 'ramda'\nimport type { ThemePreset, WithThemePreset } from 'shared/types'\n\nexport function useMergedProps<\n  T extends {\n    preset?: ThemePreset\n  }\n>(componentProps: T, componentName: string): WithThemePreset<T> {\n  const theme = useTheme()\n\n  const context = theme.components ?? {}\n  const contextProps: T = context[componentName] ?? {}\n  const mergedProps = mergeDeepLeft(componentProps, contextProps) as T\n\n  return {\n    ...mergedProps,\n    preset: mergedProps.preset ?? theme.preset,\n  }\n}\n"],"names":["componentProps","componentName","theme","useTheme","mergedProps","mergeDeepLeft","components","preset"],"mappings":"uGAIO,CAILA,EAAmBC,KACnB,MAAMC,EAAQC,OAAAA,WAId,MAAMC,EAAcC,MAAAA,cAAcL,GAFlBE,EAAMI,YAAc,IACJL,IAAkB,CAAA,GAGlD,MAAO,IACFG,EACHG,OAAQH,EAAYG,QAAUL,EAAMK,OAExC"}

package/hooks/useMergedProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMergedProps.mjs","sources":["../../../src/hooks/useMergedProps.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport { mergeDeepLeft } from 'ramda'\nimport type { ThemePreset } from 'shared/types'\n\nexport function useMergedProps<\n  T extends {\n    preset?: ThemePreset\n  }\n>(\n  componentProps: T,\n  componentName: string\n): T & {\n  preset: ThemePreset\n} {\n  const theme = useTheme()\n\n  const context = theme.components ?? {}\n  const contextProps: T = context[componentName] ?? {}\n  const mergedProps = mergeDeepLeft(componentProps, contextProps) as T\n\n  return {\n    ...mergedProps,\n    preset: mergedProps.preset ?? theme.preset,\n  }\n}\n"],"names":["useMergedProps","componentProps","componentName","theme","useTheme","mergedProps","mergeDeepLeft","components","preset"],"mappings":"yEAIO,SAASA,eAKdC,EACAC,GAIA,MAAMC,EAAQC,WAId,MAAMC,EAAcC,cAAcL,GAFlBE,EAAMI,YAAc,IACJL,IAAkB,CAAA,GAGlD,MAAO,IACFG,EACHG,OAAQH,EAAYG,QAAUL,EAAMK,OAExC"}
+{"version":3,"file":"useMergedProps.mjs","sources":["../../../src/hooks/useMergedProps.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport { mergeDeepLeft } from 'ramda'\nimport type { ThemePreset, WithThemePreset } from 'shared/types'\n\nexport function useMergedProps<\n  T extends {\n    preset?: ThemePreset\n  }\n>(componentProps: T, componentName: string): WithThemePreset<T> {\n  const theme = useTheme()\n\n  const context = theme.components ?? {}\n  const contextProps: T = context[componentName] ?? {}\n  const mergedProps = mergeDeepLeft(componentProps, contextProps) as T\n\n  return {\n    ...mergedProps,\n    preset: mergedProps.preset ?? theme.preset,\n  }\n}\n"],"names":["useMergedProps","componentProps","componentName","theme","useTheme","mergedProps","mergeDeepLeft","components","preset"],"mappings":"yEAIO,SAASA,eAIdC,EAAmBC,GACnB,MAAMC,EAAQC,WAId,MAAMC,EAAcC,cAAcL,GAFlBE,EAAMI,YAAc,IACJL,IAAkB,CAAA,GAGlD,MAAO,IACFG,EACHG,OAAQH,EAAYG,QAAUL,EAAMK,OAExC"}

package/hooks/useMergedSizes.js

@@ -1,2 +1,2 @@
-'use strict';var ramda=require('ramda');const SIZES_EMPTY={xxxl:{},xxl:{},xl:{},l:{},m:{},s:{},xs:{},xxs:{},xxxs:{}};exports.useMergedSizes=(e,s=SIZES_EMPTY)=>{const x=typeof s=='function'?s(e):s;return ramda.mergeDeepLeft(e.sizes??{},x)};
+'use strict';var ramda=require('ramda');exports.useMergedSizes=(e,r)=>{const s=typeof r=='function'?r(e):r;return ramda.mergeDeepLeft(e.sizes??{},s)};
 //# sourceMappingURL=useMergedSizes.js.map

package/hooks/useMergedSizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergedSizes.js","sources":["../../../src/hooks/useMergedSizes.ts"],"sourcesContent":["import { mergeDeepLeft } from 'ramda'\nimport type { Sizes } from 'shared/types'\n\nconst SIZES_EMPTY: Sizes = { xxxl: {}, xxl: {}, xl: {}, l: {}, m: {}, s: {}, xs: {}, xxs: {}, xxxs: {} }\n\nexport function useMergedSizes<\n  T extends {\n    sizes?: Partial<Sizes>\n  }\n>(componentProps: T, componentSizes: Sizes | ((props: T) => Sizes) = SIZES_EMPTY): Sizes {\n  const sizesDefault = typeof componentSizes === 'function' ? componentSizes(componentProps) : componentSizes\n  const sizesProp = componentProps.sizes ?? {}\n\n  return mergeDeepLeft(sizesProp, sizesDefault) as Sizes\n}\n"],"names":["SIZES_EMPTY","xxxl","xxl","xl","l","m","s","xs","xxs","xxxs","componentProps","componentSizes","sizesDefault","mergeDeepLeft","sizes"],"mappings":"wCAGA,MAAMA,YAAqB,CAAEC,KAAM,CAAE,EAAEC,IAAK,CAAE,EAAEC,GAAI,CAAE,EAAEC,EAAG,CAAE,EAAEC,EAAG,CAAE,EAAEC,EAAG,CAAE,EAAEC,GAAI,CAAE,EAAEC,IAAK,CAAE,EAAEC,KAAM,CAAC,0BAE9F,CAILC,EAAmBC,EAAgDX,eACnE,MAAMY,SAAsBD,GAAmB,WAAaA,EAAeD,GAAkBC,EAG7F,OAAOE,MAAaA,cAFFH,EAAeI,OAAS,GAEVF,EAClC"}
+{"version":3,"file":"useMergedSizes.js","sources":["../../../src/hooks/useMergedSizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport type { KeysOfUnion, WithThemePreset, Size } from 'shared/types'\n\nexport function useMergedSizes<\n  T extends WithThemePreset<{\n    sizes?: Partial<Record<Size, CSSProperties>>\n  }>\n>(\n  componentProps: T,\n  componentSizes:\n    | Record<KeysOfUnion<T['sizes']>, CSSProperties>\n    | ((props: T) => Record<KeysOfUnion<T['sizes']>, CSSProperties>)\n) {\n  const sizesDefault = typeof componentSizes === 'function' ? componentSizes(componentProps) : componentSizes\n  const sizesProp = componentProps.sizes ?? {}\n\n  return mergeDeepLeft(sizesProp, sizesDefault) as Record<KeysOfUnion<T['sizes']>, CSSProperties>\n}\n"],"names":["componentProps","componentSizes","sizesDefault","mergeDeepLeft","sizes"],"mappings":"+DAIO,CAKLA,EACAC,KAIA,MAAMC,SAAsBD,GAAmB,WAAaA,EAAeD,GAAkBC,EAG7F,OAAOE,MAAaA,cAFFH,EAAeI,OAAS,GAEVF,EAClC"}

package/hooks/useMergedSizes.mjs

@@ -1,2 +1,2 @@
-import{mergeDeepLeft}from'ramda';const SIZES_EMPTY={xxxl:{},xxl:{},xl:{},l:{},m:{},s:{},xs:{},xxs:{},xxxs:{}};function useMergedSizes(e,x=SIZES_EMPTY){const s=typeof x=='function'?x(e):x;return mergeDeepLeft(e.sizes??{},s)}export{useMergedSizes};
+import{mergeDeepLeft}from'ramda';function useMergedSizes(e,r){const t=typeof r=='function'?r(e):r;return mergeDeepLeft(e.sizes??{},t)}export{useMergedSizes};
 //# sourceMappingURL=useMergedSizes.mjs.map

package/hooks/useMergedSizes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMergedSizes.mjs","sources":["../../../src/hooks/useMergedSizes.ts"],"sourcesContent":["import { mergeDeepLeft } from 'ramda'\nimport type { Sizes } from 'shared/types'\n\nconst SIZES_EMPTY: Sizes = { xxxl: {}, xxl: {}, xl: {}, l: {}, m: {}, s: {}, xs: {}, xxs: {}, xxxs: {} }\n\nexport function useMergedSizes<\n  T extends {\n    sizes?: Partial<Sizes>\n  }\n>(componentProps: T, componentSizes: Sizes | ((props: T) => Sizes) = SIZES_EMPTY): Sizes {\n  const sizesDefault = typeof componentSizes === 'function' ? componentSizes(componentProps) : componentSizes\n  const sizesProp = componentProps.sizes ?? {}\n\n  return mergeDeepLeft(sizesProp, sizesDefault) as Sizes\n}\n"],"names":["SIZES_EMPTY","xxxl","xxl","xl","l","m","s","xs","xxs","xxxs","useMergedSizes","componentProps","componentSizes","sizesDefault","mergeDeepLeft","sizes"],"mappings":"iCAGA,MAAMA,YAAqB,CAAEC,KAAM,CAAE,EAAEC,IAAK,CAAE,EAAEC,GAAI,CAAE,EAAEC,EAAG,CAAE,EAAEC,EAAG,CAAE,EAAEC,EAAG,CAAE,EAAEC,GAAI,CAAE,EAAEC,IAAK,CAAE,EAAEC,KAAM,CAAC,GAE9F,SAASC,eAIdC,EAAmBC,EAAgDZ,aACnE,MAAMa,SAAsBD,GAAmB,WAAaA,EAAeD,GAAkBC,EAG7F,OAAOE,cAFWH,EAAeI,OAAS,GAEVF,EAClC"}
+{"version":3,"file":"useMergedSizes.mjs","sources":["../../../src/hooks/useMergedSizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport type { KeysOfUnion, WithThemePreset, Size } from 'shared/types'\n\nexport function useMergedSizes<\n  T extends WithThemePreset<{\n    sizes?: Partial<Record<Size, CSSProperties>>\n  }>\n>(\n  componentProps: T,\n  componentSizes:\n    | Record<KeysOfUnion<T['sizes']>, CSSProperties>\n    | ((props: T) => Record<KeysOfUnion<T['sizes']>, CSSProperties>)\n) {\n  const sizesDefault = typeof componentSizes === 'function' ? componentSizes(componentProps) : componentSizes\n  const sizesProp = componentProps.sizes ?? {}\n\n  return mergeDeepLeft(sizesProp, sizesDefault) as Record<KeysOfUnion<T['sizes']>, CSSProperties>\n}\n"],"names":["useMergedSizes","componentProps","componentSizes","sizesDefault","mergeDeepLeft","sizes"],"mappings":"iCAIO,SAASA,eAKdC,EACAC,GAIA,MAAMC,SAAsBD,GAAmB,WAAaA,EAAeD,GAAkBC,EAG7F,OAAOE,cAFWH,EAAeI,OAAS,GAEVF,EAClC"}

package/index.js

@@ -1,2 +1,2 @@
-'use strict';var colors$1=require('./shared/utils/colors.js');var colors=require('./theme/colors.js');var screen=require('./mixins/screen.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var themeProvider=require('./theme/theme-provider.js');var themes=require('./theme/themes.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var index=require('./components/Amount/data/index.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var Container=require('./components/Container/Container.js');var Icon=require('./components/Icon/Icon.js');var Modal=require('./components/Modal/Modal.js');var Paper=require('./components/Paper/Paper.js');var Progress=require('./components/Progress/Progress.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Separator=require('./components/Separator/Separator.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var Tabs=require('./components/Tabs/Tabs.js');var Text=require('./components/Text/Text.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var Tag=require('./components/Tag/Tag.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Textarea=require('./components/Textarea/Textarea.js');var Input=require('./components/Input/Input.js');var style=require('./components/Input/style.js');var Radio=require('./components/Radio/Radio.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Select=require('./components/Select/Select.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Popover=require('./components/Popover/Popover.js');var ListItem=require('./components/ListItem/ListItem.js');var Indicator=require('./components/Indicator/Indicator.js');var IconButton=require('./components/IconButton/IconButton.js');var Chip=require('./components/Chip/Chip.js');var Menu=require('./components/Menu/Menu.js');var Dropdown=require('./components/Dropdown/Dropdown.js');exports.hexToRgbA=colors$1.hexToRgbA,exports.isHex=colors$1.isHex,exports.ColorNames=colors.ColorNames,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.ThemeProvider=themeProvider.ThemeProvider,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.ActionBtn=ActionBtn.ActionBtn,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.Container=Container.Container,exports.Icon=Icon.Icon,exports.Modal=Modal.Modal,exports.Paper=Paper.Paper,exports.Progress=Progress.Progress,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Separator=Separator.Separator,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.Tabs=Tabs.Tabs,exports.Text=Text.Text,exports.Tooltip=Tooltip.Tooltip,exports.Tag=Tag.Tag,exports.ContextMenu=ContextMenu.ContextMenu,exports.Textarea=Textarea.Textarea,exports.Input=Input.Input,exports.baseInputStyle=style.baseInputStyle,exports.Radio=Radio.Radio,exports.Checkbox=Checkbox.Checkbox,exports.Select=Select.Select,exports.FormLabel=FormLabel.FormLabel,exports.Skeleton=Skeleton.Skeleton,exports.Popover=Popover.Popover,exports.ListItem=ListItem.ListItem,exports.Indicator=Indicator.Indicator,exports.IconButton=IconButton.IconButton,exports.Chip=Chip.Chip,exports.Menu=Menu.Menu,exports.Dropdown=Dropdown.Dropdown;
+'use strict';var colors$1=require('./shared/utils/colors.js');var colors=require('./theme/colors.js');var screen=require('./mixins/screen.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var themeProvider=require('./theme/theme-provider.js');var themes=require('./theme/themes.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var index=require('./components/Amount/data/index.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var Container=require('./components/Container/Container.js');var Icon=require('./components/Icon/Icon.js');var Modal=require('./components/Modal/Modal.js');var Paper=require('./components/Paper/Paper.js');var Progress=require('./components/Progress/Progress.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Separator=require('./components/Separator/Separator.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var Tabs=require('./components/Tabs/Tabs.js');var Text=require('./components/Text/Text.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var Tag=require('./components/Tag/Tag.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Textarea=require('./components/Textarea/Textarea.js');var Input=require('./components/Input/Input.js');var style=require('./components/Input/style.js');var Radio=require('./components/Radio/Radio.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Select=require('./components/Select/Select.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Popover=require('./components/Popover/Popover.js');var ListItem=require('./components/ListItem/ListItem.js');var Indicator=require('./components/Indicator/Indicator.js');var IconButton=require('./components/IconButton/IconButton.js');var Chip=require('./components/Chip/Chip.js');var Menu=require('./components/Menu/Menu.js');var Dropdown=require('./components/Dropdown/Dropdown.js');var Dialog=require('./components/Dialog/Dialog.js');exports.hexToRgbA=colors$1.hexToRgbA,exports.isHex=colors$1.isHex,exports.ColorNames=colors.ColorNames,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.ThemeProvider=themeProvider.ThemeProvider,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.ActionBtn=ActionBtn.ActionBtn,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.Container=Container.Container,exports.Icon=Icon.Icon,exports.Modal=Modal.Modal,exports.Paper=Paper.Paper,exports.Progress=Progress.Progress,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Separator=Separator.Separator,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.Tabs=Tabs.Tabs,exports.Text=Text.Text,exports.Tooltip=Tooltip.Tooltip,exports.Tag=Tag.Tag,exports.ContextMenu=ContextMenu.ContextMenu,exports.Textarea=Textarea.Textarea,exports.Input=Input.Input,exports.baseInputStyle=style.baseInputStyle,exports.Radio=Radio.Radio,exports.Checkbox=Checkbox.Checkbox,exports.Select=Select.Select,exports.FormLabel=FormLabel.FormLabel,exports.Skeleton=Skeleton.Skeleton,exports.Popover=Popover.Popover,exports.ListItem=ListItem.ListItem,exports.Indicator=Indicator.Indicator,exports.IconButton=IconButton.IconButton,exports.Chip=Chip.Chip,exports.Menu=Menu.Menu,exports.Dropdown=Dropdown.Dropdown,exports.Dialog=Dialog.Dialog;
 //# sourceMappingURL=index.js.map

package/index.mjs

@@ -1,2 +1,2 @@
-export{hexToRgbA,isHex}from'./shared/utils/colors.mjs';export{ColorNames}from'./theme/colors.mjs';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.mjs';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.mjs';export{color}from'./mixins/color.mjs';export{vAlign}from'./mixins/vAlign.mjs';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.mjs';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.mjs';export{ThemeProvider}from'./theme/theme-provider.mjs';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.mjs';export{ActionBtn}from'./components/ActionBtn/ActionBtn.mjs';export{Alert}from'./components/Alert/Alert.mjs';export{Amount}from'./components/Amount/Amount.mjs';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.mjs';export{Anchor}from'./components/Anchor/Anchor.mjs';export{Arrow}from'./components/Arrow/Arrow.mjs';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.mjs';export{Avatar}from'./components/Avatar/Avatar.mjs';export{Badge}from'./components/Badge/Badge.mjs';export{Button}from'./components/Button/Button.mjs';export{Container}from'./components/Container/Container.mjs';export{Icon}from'./components/Icon/Icon.mjs';export{Modal}from'./components/Modal/Modal.mjs';export{Paper}from'./components/Paper/Paper.mjs';export{Progress}from'./components/Progress/Progress.mjs';export{Scrollable}from'./components/Scrollable/Scrollable.mjs';export{Section}from'./components/Section/Section.mjs';export{Separator}from'./components/Separator/Separator.mjs';export{Spacer}from'./components/Spacer/Spacer.mjs';export{Spinner}from'./components/Spinner/Spinner.mjs';export{Switcher}from'./components/Switcher/Switcher.mjs';export{Tab}from'./components/Tab/Tab.mjs';export{Tabs}from'./components/Tabs/Tabs.mjs';export{Text}from'./components/Text/Text.mjs';export{Tooltip}from'./components/Tooltip/Tooltip.mjs';export{Tag}from'./components/Tag/Tag.mjs';export{ContextMenu}from'./components/ContextMenu/ContextMenu.mjs';export{Textarea}from'./components/Textarea/Textarea.mjs';export{Input}from'./components/Input/Input.mjs';export{baseInputStyle}from'./components/Input/style.mjs';export{Radio}from'./components/Radio/Radio.mjs';export{Checkbox}from'./components/Checkbox/Checkbox.mjs';export{Select}from'./components/Select/Select.mjs';export{FormLabel}from'./components/FormLabel/FormLabel.mjs';export{Skeleton}from'./components/Skeleton/Skeleton.mjs';export{Popover}from'./components/Popover/Popover.mjs';export{ListItem}from'./components/ListItem/ListItem.mjs';export{Indicator}from'./components/Indicator/Indicator.mjs';export{IconButton}from'./components/IconButton/IconButton.mjs';export{Chip}from'./components/Chip/Chip.mjs';export{Menu}from'./components/Menu/Menu.mjs';export{Dropdown}from'./components/Dropdown/Dropdown.mjs';
+export{hexToRgbA,isHex}from'./shared/utils/colors.mjs';export{ColorNames}from'./theme/colors.mjs';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.mjs';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.mjs';export{color}from'./mixins/color.mjs';export{vAlign}from'./mixins/vAlign.mjs';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.mjs';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.mjs';export{ThemeProvider}from'./theme/theme-provider.mjs';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.mjs';export{ActionBtn}from'./components/ActionBtn/ActionBtn.mjs';export{Alert}from'./components/Alert/Alert.mjs';export{Amount}from'./components/Amount/Amount.mjs';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.mjs';export{Anchor}from'./components/Anchor/Anchor.mjs';export{Arrow}from'./components/Arrow/Arrow.mjs';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.mjs';export{Avatar}from'./components/Avatar/Avatar.mjs';export{Badge}from'./components/Badge/Badge.mjs';export{Button}from'./components/Button/Button.mjs';export{Container}from'./components/Container/Container.mjs';export{Icon}from'./components/Icon/Icon.mjs';export{Modal}from'./components/Modal/Modal.mjs';export{Paper}from'./components/Paper/Paper.mjs';export{Progress}from'./components/Progress/Progress.mjs';export{Scrollable}from'./components/Scrollable/Scrollable.mjs';export{Section}from'./components/Section/Section.mjs';export{Separator}from'./components/Separator/Separator.mjs';export{Spacer}from'./components/Spacer/Spacer.mjs';export{Spinner}from'./components/Spinner/Spinner.mjs';export{Switcher}from'./components/Switcher/Switcher.mjs';export{Tab}from'./components/Tab/Tab.mjs';export{Tabs}from'./components/Tabs/Tabs.mjs';export{Text}from'./components/Text/Text.mjs';export{Tooltip}from'./components/Tooltip/Tooltip.mjs';export{Tag}from'./components/Tag/Tag.mjs';export{ContextMenu}from'./components/ContextMenu/ContextMenu.mjs';export{Textarea}from'./components/Textarea/Textarea.mjs';export{Input}from'./components/Input/Input.mjs';export{baseInputStyle}from'./components/Input/style.mjs';export{Radio}from'./components/Radio/Radio.mjs';export{Checkbox}from'./components/Checkbox/Checkbox.mjs';export{Select}from'./components/Select/Select.mjs';export{FormLabel}from'./components/FormLabel/FormLabel.mjs';export{Skeleton}from'./components/Skeleton/Skeleton.mjs';export{Popover}from'./components/Popover/Popover.mjs';export{ListItem}from'./components/ListItem/ListItem.mjs';export{Indicator}from'./components/Indicator/Indicator.mjs';export{IconButton}from'./components/IconButton/IconButton.mjs';export{Chip}from'./components/Chip/Chip.mjs';export{Menu}from'./components/Menu/Menu.mjs';export{Dropdown}from'./components/Dropdown/Dropdown.mjs';export{Dialog}from'./components/Dialog/Dialog.mjs';
 //# sourceMappingURL=index.mjs.map

package/mixins/create-responsive-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-responsive-props.js","sources":["../../../src/mixins/create-responsive-props.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme, CSSObject, FlattenInterpolation, ThemeProps } from 'styled-components'\nimport { screenMinM, screenMaxM, screenMaxS, screenMinL, screenMaxL, screenMaxXs, screenMaxXxs } from 'mixins/screen'\nimport { getMediaQueryByResponsiveProp, desktopFirst } from 'mixins/shared'\nimport type { MediaQuery } from 'mixins/screen'\nimport type { Breakpoint } from 'shared/types'\n\ntype ResponsivePropKey = 'size' | keyof CSSProperties\n\ntype ResponsiveProps<K extends ResponsivePropKey, V> = {\n  [key in K]?: V | [DESKTOP: V, TABLET: V, MOBILE: V] | [XL: V, L: V, M: V, S: V, XS: V, XXS: V]\n} & {\n  [key in `${K}${Breakpoint}`]?: V\n}\n\ntype MediaFunction = ReturnType<ReturnType<MediaQuery>>\n\n/**\n *\n * Factory to create mixins to enable responsive interface for any set of props\n */\nfunction createResponsivePropsMixin<K extends ResponsivePropKey, V, P extends ResponsiveProps<K, V>>(\n  propsKeys: K[],\n  buildCSSObject: (propKey: K, propValue: V, props: ThemedStyledProps<P, DefaultTheme>) => CSSObject\n): (props: ThemedStyledProps<P, DefaultTheme>) => FlattenInterpolation<ThemeProps<DefaultTheme>> {\n  const propsRegExp = new RegExp(`^(${propsKeys.join('|')})$`)\n  const breakpointsPropsRegExp = new RegExp(`^(${propsKeys.join('|')})(XXS|XS|S|M|L|XL)$`)\n  const breakpointsRegExp = /(XXS|XS|S|M|L|XL)$/\n\n  const deviceQueries = [screenMinM, screenMaxM, screenMaxS]\n  const breakpointsQueries = [screenMinL, screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMaxXxs]\n\n  return (props) => {\n    const propsKeys = Object.keys(props).reduce(\n      (groups, propKey) => {\n        if (propsRegExp.test(propKey)) groups[0].push(propKey)\n        else if (breakpointsPropsRegExp.test(propKey)) groups[1].push(propKey)\n\n        return groups\n      },\n      [[], []] as [string[], string[]]\n    )\n\n    const interpolations = propsKeys[0].reduce((acc, propKey) => {\n      const propValue: V | V[] = props[propKey]\n\n      if (!Array.isArray(propValue)) {\n        const cssObject = buildCSSObject(propKey as K, propValue, props)\n\n        if (Object.keys(cssObject).length > 0) {\n          acc.push(cssObject)\n        }\n      } else if (propValue.length > 0) {\n        const mediaFunctions: MediaFunction[] = []\n        const queries = propValue.length > deviceQueries.length ? breakpointsQueries : deviceQueries\n\n        for (let i = 0; i < propValue.length; i++) {\n          if (!queries[i]) break\n\n          const cssObject = buildCSSObject(propKey as K, propValue[i], props)\n\n          if (Object.keys(cssObject).length > 0) {\n            mediaFunctions.push(queries[i]()`${cssObject}`)\n          }\n        }\n\n        acc.push(...mediaFunctions)\n      }\n\n      return acc\n    }, [] as (CSSObject | MediaFunction)[])\n\n    const breakpointsInterpolations = propsKeys[1].sort(desktopFirst).reduce((acc, propKey) => {\n      const cssObject = buildCSSObject(propKey.replace(breakpointsRegExp, '') as K, props[propKey], props)\n\n      if (Object.keys(cssObject).length > 0) {\n        acc.push(getMediaQueryByResponsiveProp(propKey)()`${cssObject}`)\n      }\n\n      return acc\n    }, [] as MediaFunction[])\n\n    return css`\n      ${interpolations}\n      ${breakpointsInterpolations}\n    `\n  }\n}\n\nexport type { ResponsiveProps }\n\nexport { createResponsivePropsMixin }\n"],"names":["propsKeys","buildCSSObject","propsRegExp","RegExp","join","breakpointsPropsRegExp","breakpointsRegExp","deviceQueries","screenMinM","screenMaxM","screenMaxS","breakpointsQueries","screenMinL","screenMaxL","screenMaxXs","screenMaxXxs","props","Object","keys","reduce","groups","propKey","test","push","interpolations","acc","propValue","Array","isArray","length","mediaFunctions","queries","i","cssObject","breakpointsInterpolations","sort","desktopFirst","replace","getMediaQueryByResponsiveProp","css"],"mappings":"4JAsBA,CACEA,EACAC,KAEA,MAAMC,EAAc,IAAIC,OAAO,KAAKH,EAAUI,KAAK,UACnD,MAAMC,EAAyB,IAAIF,OAAO,KAAKH,EAAUI,KAAK,2BAC9D,MAAME,EAAoB,qBAE1B,MAAMC,EAAgB,CAACC,OAAAA,WAAYC,OAAUA,WAAEC,OAAUA,YACzD,MAAMC,EAAqB,CAACC,OAAAA,WAAYC,OAAUA,WAAEJ,OAAUA,WAAEC,kBAAYI,OAAAA,YAAaC,OAAAA,cAEzF,OAAQC,IACN,MAAMhB,EAAYiB,OAAOC,KAAKF,GAAOG,QACnC,CAACC,EAAQC,KACHnB,EAAYoB,KAAKD,GAAUD,EAAO,GAAGG,KAAKF,GACrChB,EAAuBiB,KAAKD,IAAUD,EAAO,GAAGG,KAAKF,GAEvDD,IAET,CAAC,GAAI,KAGP,MAAMI,EAAiBxB,EAAU,GAAGmB,QAAO,CAACM,EAAKJ,KAC/C,MAAMK,EAAqBV,EAAMK,GAEjC,GAAKM,MAAMC,QAAQF,IAMZ,GAAIA,EAAUG,OAAS,EAAG,CAC/B,MAAMC,EAAkC,GACxC,MAAMC,EAAUL,EAAUG,OAAStB,EAAcsB,OAASlB,EAAqBJ,EAE/E,IAAK,IAAIyB,EAAI,EAAGA,EAAIN,EAAUG,QACvBE,EAAQC,GADuBA,IAAK,CAGzC,MAAMC,EAAYhC,EAAeoB,EAAcK,EAAUM,GAAIhB,GAEzDC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCC,EAAeP,KAAKQ,EAAQC,IAAI,GAAGC,IAEvC,CAEAR,EAAIF,QAAQO,EACd,MArB+B,CAC7B,MAAMG,EAAYhC,EAAeoB,EAAcK,EAAWV,GAEtDC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCJ,EAAIF,KAAKU,EAEb,CAiBA,OAAOR,CAAG,GACT,IAEH,MAAMS,EAA4BlC,EAAU,GAAGmC,KAAKC,OAAYA,cAAEjB,QAAO,CAACM,EAAKJ,KAC7E,MAAMY,EAAYhC,EAAeoB,EAAQgB,QAAQ/B,EAAmB,IAAUU,EAAMK,GAAUL,GAM9F,OAJIC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCJ,EAAIF,KAAKe,qCAA8BjB,EAA9BiB,EAAwC,GAAGL,KAG/CR,CAAG,GACT,IAEH,OAAOc,OAAAA,IAAG,CAAA,GAAA,IAAA,IACNf,EACAU,EAAyB,CAGjC"}
+{"version":3,"file":"create-responsive-props.js","sources":["../../../src/mixins/create-responsive-props.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme, CSSObject, FlattenInterpolation, ThemeProps } from 'styled-components'\nimport { screenMinM, screenMaxM, screenMaxS, screenMinL, screenMaxL, screenMaxXs, screenMaxXxs } from 'mixins/screen'\nimport { getMediaQueryByResponsiveProp, desktopFirst } from 'mixins/shared'\nimport type { MediaQuery } from 'mixins/screen'\nimport type { ResponsivePropKey } from 'shared/types'\nimport type { ResponsiveProps } from 'shared/interfaces'\n\ntype MediaFunction = ReturnType<ReturnType<MediaQuery>>\n\n/**\n *\n * Factory to create mixins to enable responsive interface for any set of props\n */\nfunction createResponsivePropsMixin<K extends ResponsivePropKey, V, P extends ResponsiveProps<K, V>>(\n  propsKeys: K[],\n  buildCSSObject: (propKey: K, propValue: V, props: ThemedStyledProps<P, DefaultTheme>) => CSSObject\n): (props: ThemedStyledProps<P, DefaultTheme>) => FlattenInterpolation<ThemeProps<DefaultTheme>> {\n  const propsRegExp = new RegExp(`^(${propsKeys.join('|')})$`)\n  const breakpointsPropsRegExp = new RegExp(`^(${propsKeys.join('|')})(XXS|XS|S|M|L|XL)$`)\n  const breakpointsRegExp = /(XXS|XS|S|M|L|XL)$/\n\n  const deviceQueries = [screenMinM, screenMaxM, screenMaxS]\n  const breakpointsQueries = [screenMinL, screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMaxXxs]\n\n  return (props) => {\n    const propsKeys = Object.keys(props).reduce(\n      (groups, propKey) => {\n        if (propsRegExp.test(propKey)) groups[0].push(propKey)\n        else if (breakpointsPropsRegExp.test(propKey)) groups[1].push(propKey)\n\n        return groups\n      },\n      [[], []] as [string[], string[]]\n    )\n\n    const interpolations = propsKeys[0].reduce((acc, propKey) => {\n      const propValue: V | V[] = props[propKey]\n\n      if (!Array.isArray(propValue)) {\n        const cssObject = buildCSSObject(propKey as K, propValue, props)\n\n        if (Object.keys(cssObject).length > 0) {\n          acc.push(cssObject)\n        }\n      } else if (propValue.length > 0) {\n        const mediaFunctions: MediaFunction[] = []\n        const queries = propValue.length > deviceQueries.length ? breakpointsQueries : deviceQueries\n\n        for (let i = 0; i < propValue.length; i++) {\n          if (!queries[i]) break\n\n          const cssObject = buildCSSObject(propKey as K, propValue[i], props)\n\n          if (Object.keys(cssObject).length > 0) {\n            mediaFunctions.push(queries[i]()`${cssObject}`)\n          }\n        }\n\n        acc.push(...mediaFunctions)\n      }\n\n      return acc\n    }, [] as (CSSObject | MediaFunction)[])\n\n    const breakpointsInterpolations = propsKeys[1].sort(desktopFirst).reduce((acc, propKey) => {\n      const cssObject = buildCSSObject(propKey.replace(breakpointsRegExp, '') as K, props[propKey], props)\n\n      if (Object.keys(cssObject).length > 0) {\n        acc.push(getMediaQueryByResponsiveProp(propKey)()`${cssObject}`)\n      }\n\n      return acc\n    }, [] as MediaFunction[])\n\n    return css`\n      ${interpolations}\n      ${breakpointsInterpolations}\n    `\n  }\n}\n\nexport type { ResponsiveProps }\n\nexport { createResponsivePropsMixin }\n"],"names":["propsKeys","buildCSSObject","propsRegExp","RegExp","join","breakpointsPropsRegExp","breakpointsRegExp","deviceQueries","screenMinM","screenMaxM","screenMaxS","breakpointsQueries","screenMinL","screenMaxL","screenMaxXs","screenMaxXxs","props","Object","keys","reduce","groups","propKey","test","push","interpolations","acc","propValue","Array","isArray","length","mediaFunctions","queries","i","cssObject","breakpointsInterpolations","sort","desktopFirst","replace","getMediaQueryByResponsiveProp","css"],"mappings":"4JAcA,CACEA,EACAC,KAEA,MAAMC,EAAc,IAAIC,OAAO,KAAKH,EAAUI,KAAK,UACnD,MAAMC,EAAyB,IAAIF,OAAO,KAAKH,EAAUI,KAAK,2BAC9D,MAAME,EAAoB,qBAE1B,MAAMC,EAAgB,CAACC,OAAAA,WAAYC,OAAUA,WAAEC,OAAUA,YACzD,MAAMC,EAAqB,CAACC,OAAAA,WAAYC,OAAUA,WAAEJ,OAAUA,WAAEC,kBAAYI,OAAAA,YAAaC,OAAAA,cAEzF,OAAQC,IACN,MAAMhB,EAAYiB,OAAOC,KAAKF,GAAOG,QACnC,CAACC,EAAQC,KACHnB,EAAYoB,KAAKD,GAAUD,EAAO,GAAGG,KAAKF,GACrChB,EAAuBiB,KAAKD,IAAUD,EAAO,GAAGG,KAAKF,GAEvDD,IAET,CAAC,GAAI,KAGP,MAAMI,EAAiBxB,EAAU,GAAGmB,QAAO,CAACM,EAAKJ,KAC/C,MAAMK,EAAqBV,EAAMK,GAEjC,GAAKM,MAAMC,QAAQF,IAMZ,GAAIA,EAAUG,OAAS,EAAG,CAC/B,MAAMC,EAAkC,GACxC,MAAMC,EAAUL,EAAUG,OAAStB,EAAcsB,OAASlB,EAAqBJ,EAE/E,IAAK,IAAIyB,EAAI,EAAGA,EAAIN,EAAUG,QACvBE,EAAQC,GADuBA,IAAK,CAGzC,MAAMC,EAAYhC,EAAeoB,EAAcK,EAAUM,GAAIhB,GAEzDC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCC,EAAeP,KAAKQ,EAAQC,IAAI,GAAGC,IAEvC,CAEAR,EAAIF,QAAQO,EACd,MArB+B,CAC7B,MAAMG,EAAYhC,EAAeoB,EAAcK,EAAWV,GAEtDC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCJ,EAAIF,KAAKU,EAEb,CAiBA,OAAOR,CAAG,GACT,IAEH,MAAMS,EAA4BlC,EAAU,GAAGmC,KAAKC,OAAYA,cAAEjB,QAAO,CAACM,EAAKJ,KAC7E,MAAMY,EAAYhC,EAAeoB,EAAQgB,QAAQ/B,EAAmB,IAAUU,EAAMK,GAAUL,GAM9F,OAJIC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCJ,EAAIF,KAAKe,qCAA8BjB,EAA9BiB,EAAwC,GAAGL,KAG/CR,CAAG,GACT,IAEH,OAAOc,OAAAA,IAAG,CAAA,GAAA,IAAA,IACNf,EACAU,EAAyB,CAGjC"}

package/mixins/create-responsive-props.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"create-responsive-props.mjs","sources":["../../../src/mixins/create-responsive-props.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme, CSSObject, FlattenInterpolation, ThemeProps } from 'styled-components'\nimport { screenMinM, screenMaxM, screenMaxS, screenMinL, screenMaxL, screenMaxXs, screenMaxXxs } from 'mixins/screen'\nimport { getMediaQueryByResponsiveProp, desktopFirst } from 'mixins/shared'\nimport type { MediaQuery } from 'mixins/screen'\nimport type { Breakpoint } from 'shared/types'\n\ntype ResponsivePropKey = 'size' | keyof CSSProperties\n\ntype ResponsiveProps<K extends ResponsivePropKey, V> = {\n  [key in K]?: V | [DESKTOP: V, TABLET: V, MOBILE: V] | [XL: V, L: V, M: V, S: V, XS: V, XXS: V]\n} & {\n  [key in `${K}${Breakpoint}`]?: V\n}\n\ntype MediaFunction = ReturnType<ReturnType<MediaQuery>>\n\n/**\n *\n * Factory to create mixins to enable responsive interface for any set of props\n */\nfunction createResponsivePropsMixin<K extends ResponsivePropKey, V, P extends ResponsiveProps<K, V>>(\n  propsKeys: K[],\n  buildCSSObject: (propKey: K, propValue: V, props: ThemedStyledProps<P, DefaultTheme>) => CSSObject\n): (props: ThemedStyledProps<P, DefaultTheme>) => FlattenInterpolation<ThemeProps<DefaultTheme>> {\n  const propsRegExp = new RegExp(`^(${propsKeys.join('|')})$`)\n  const breakpointsPropsRegExp = new RegExp(`^(${propsKeys.join('|')})(XXS|XS|S|M|L|XL)$`)\n  const breakpointsRegExp = /(XXS|XS|S|M|L|XL)$/\n\n  const deviceQueries = [screenMinM, screenMaxM, screenMaxS]\n  const breakpointsQueries = [screenMinL, screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMaxXxs]\n\n  return (props) => {\n    const propsKeys = Object.keys(props).reduce(\n      (groups, propKey) => {\n        if (propsRegExp.test(propKey)) groups[0].push(propKey)\n        else if (breakpointsPropsRegExp.test(propKey)) groups[1].push(propKey)\n\n        return groups\n      },\n      [[], []] as [string[], string[]]\n    )\n\n    const interpolations = propsKeys[0].reduce((acc, propKey) => {\n      const propValue: V | V[] = props[propKey]\n\n      if (!Array.isArray(propValue)) {\n        const cssObject = buildCSSObject(propKey as K, propValue, props)\n\n        if (Object.keys(cssObject).length > 0) {\n          acc.push(cssObject)\n        }\n      } else if (propValue.length > 0) {\n        const mediaFunctions: MediaFunction[] = []\n        const queries = propValue.length > deviceQueries.length ? breakpointsQueries : deviceQueries\n\n        for (let i = 0; i < propValue.length; i++) {\n          if (!queries[i]) break\n\n          const cssObject = buildCSSObject(propKey as K, propValue[i], props)\n\n          if (Object.keys(cssObject).length > 0) {\n            mediaFunctions.push(queries[i]()`${cssObject}`)\n          }\n        }\n\n        acc.push(...mediaFunctions)\n      }\n\n      return acc\n    }, [] as (CSSObject | MediaFunction)[])\n\n    const breakpointsInterpolations = propsKeys[1].sort(desktopFirst).reduce((acc, propKey) => {\n      const cssObject = buildCSSObject(propKey.replace(breakpointsRegExp, '') as K, props[propKey], props)\n\n      if (Object.keys(cssObject).length > 0) {\n        acc.push(getMediaQueryByResponsiveProp(propKey)()`${cssObject}`)\n      }\n\n      return acc\n    }, [] as MediaFunction[])\n\n    return css`\n      ${interpolations}\n      ${breakpointsInterpolations}\n    `\n  }\n}\n\nexport type { ResponsiveProps }\n\nexport { createResponsivePropsMixin }\n"],"names":["createResponsivePropsMixin","propsKeys","buildCSSObject","propsRegExp","RegExp","join","breakpointsPropsRegExp","breakpointsRegExp","deviceQueries","screenMinM","screenMaxM","screenMaxS","breakpointsQueries","screenMinL","screenMaxL","screenMaxXs","screenMaxXxs","props","Object","keys","reduce","groups","propKey","test","push","interpolations","acc","propValue","Array","isArray","length","mediaFunctions","queries","i","cssObject","breakpointsInterpolations","sort","desktopFirst","replace","getMediaQueryByResponsiveProp","css"],"mappings":"kNAsBA,SAASA,2BACPC,EACAC,GAEA,MAAMC,EAAc,IAAIC,OAAO,KAAKH,EAAUI,KAAK,UACnD,MAAMC,EAAyB,IAAIF,OAAO,KAAKH,EAAUI,KAAK,2BAC9D,MAAME,EAAoB,qBAE1B,MAAMC,EAAgB,CAACC,WAAYC,WAAYC,YAC/C,MAAMC,EAAqB,CAACC,WAAYC,WAAYJ,WAAYC,WAAYI,YAAaC,cAEzF,OAAQC,IACN,MAAMhB,EAAYiB,OAAOC,KAAKF,GAAOG,QACnC,CAACC,EAAQC,KACHnB,EAAYoB,KAAKD,GAAUD,EAAO,GAAGG,KAAKF,GACrChB,EAAuBiB,KAAKD,IAAUD,EAAO,GAAGG,KAAKF,GAEvDD,IAET,CAAC,GAAI,KAGP,MAAMI,EAAiBxB,EAAU,GAAGmB,QAAO,CAACM,EAAKJ,KAC/C,MAAMK,EAAqBV,EAAMK,GAEjC,GAAKM,MAAMC,QAAQF,IAMZ,GAAIA,EAAUG,OAAS,EAAG,CAC/B,MAAMC,EAAkC,GACxC,MAAMC,EAAUL,EAAUG,OAAStB,EAAcsB,OAASlB,EAAqBJ,EAE/E,IAAK,IAAIyB,EAAI,EAAGA,EAAIN,EAAUG,QACvBE,EAAQC,GADuBA,IAAK,CAGzC,MAAMC,EAAYhC,EAAeoB,EAAcK,EAAUM,GAAIhB,GAEzDC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCC,EAAeP,KAAKQ,EAAQC,IAAI,GAAGC,IAEvC,CAEAR,EAAIF,QAAQO,EACd,MArB+B,CAC7B,MAAMG,EAAYhC,EAAeoB,EAAcK,EAAWV,GAEtDC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCJ,EAAIF,KAAKU,EAEb,CAiBA,OAAOR,CAAG,GACT,IAEH,MAAMS,EAA4BlC,EAAU,GAAGmC,KAAKC,cAAcjB,QAAO,CAACM,EAAKJ,KAC7E,MAAMY,EAAYhC,EAAeoB,EAAQgB,QAAQ/B,EAAmB,IAAUU,EAAMK,GAAUL,GAM9F,OAJIC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCJ,EAAIF,KAAKe,8BAA8BjB,EAA9BiB,EAAwC,GAAGL,KAG/CR,CAAG,GACT,IAEH,OAAOc,IAAG,CAAA,GAAA,IAAA,IACNf,EACAU,EAAyB,CAGjC"}
+{"version":3,"file":"create-responsive-props.mjs","sources":["../../../src/mixins/create-responsive-props.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme, CSSObject, FlattenInterpolation, ThemeProps } from 'styled-components'\nimport { screenMinM, screenMaxM, screenMaxS, screenMinL, screenMaxL, screenMaxXs, screenMaxXxs } from 'mixins/screen'\nimport { getMediaQueryByResponsiveProp, desktopFirst } from 'mixins/shared'\nimport type { MediaQuery } from 'mixins/screen'\nimport type { ResponsivePropKey } from 'shared/types'\nimport type { ResponsiveProps } from 'shared/interfaces'\n\ntype MediaFunction = ReturnType<ReturnType<MediaQuery>>\n\n/**\n *\n * Factory to create mixins to enable responsive interface for any set of props\n */\nfunction createResponsivePropsMixin<K extends ResponsivePropKey, V, P extends ResponsiveProps<K, V>>(\n  propsKeys: K[],\n  buildCSSObject: (propKey: K, propValue: V, props: ThemedStyledProps<P, DefaultTheme>) => CSSObject\n): (props: ThemedStyledProps<P, DefaultTheme>) => FlattenInterpolation<ThemeProps<DefaultTheme>> {\n  const propsRegExp = new RegExp(`^(${propsKeys.join('|')})$`)\n  const breakpointsPropsRegExp = new RegExp(`^(${propsKeys.join('|')})(XXS|XS|S|M|L|XL)$`)\n  const breakpointsRegExp = /(XXS|XS|S|M|L|XL)$/\n\n  const deviceQueries = [screenMinM, screenMaxM, screenMaxS]\n  const breakpointsQueries = [screenMinL, screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMaxXxs]\n\n  return (props) => {\n    const propsKeys = Object.keys(props).reduce(\n      (groups, propKey) => {\n        if (propsRegExp.test(propKey)) groups[0].push(propKey)\n        else if (breakpointsPropsRegExp.test(propKey)) groups[1].push(propKey)\n\n        return groups\n      },\n      [[], []] as [string[], string[]]\n    )\n\n    const interpolations = propsKeys[0].reduce((acc, propKey) => {\n      const propValue: V | V[] = props[propKey]\n\n      if (!Array.isArray(propValue)) {\n        const cssObject = buildCSSObject(propKey as K, propValue, props)\n\n        if (Object.keys(cssObject).length > 0) {\n          acc.push(cssObject)\n        }\n      } else if (propValue.length > 0) {\n        const mediaFunctions: MediaFunction[] = []\n        const queries = propValue.length > deviceQueries.length ? breakpointsQueries : deviceQueries\n\n        for (let i = 0; i < propValue.length; i++) {\n          if (!queries[i]) break\n\n          const cssObject = buildCSSObject(propKey as K, propValue[i], props)\n\n          if (Object.keys(cssObject).length > 0) {\n            mediaFunctions.push(queries[i]()`${cssObject}`)\n          }\n        }\n\n        acc.push(...mediaFunctions)\n      }\n\n      return acc\n    }, [] as (CSSObject | MediaFunction)[])\n\n    const breakpointsInterpolations = propsKeys[1].sort(desktopFirst).reduce((acc, propKey) => {\n      const cssObject = buildCSSObject(propKey.replace(breakpointsRegExp, '') as K, props[propKey], props)\n\n      if (Object.keys(cssObject).length > 0) {\n        acc.push(getMediaQueryByResponsiveProp(propKey)()`${cssObject}`)\n      }\n\n      return acc\n    }, [] as MediaFunction[])\n\n    return css`\n      ${interpolations}\n      ${breakpointsInterpolations}\n    `\n  }\n}\n\nexport type { ResponsiveProps }\n\nexport { createResponsivePropsMixin }\n"],"names":["createResponsivePropsMixin","propsKeys","buildCSSObject","propsRegExp","RegExp","join","breakpointsPropsRegExp","breakpointsRegExp","deviceQueries","screenMinM","screenMaxM","screenMaxS","breakpointsQueries","screenMinL","screenMaxL","screenMaxXs","screenMaxXxs","props","Object","keys","reduce","groups","propKey","test","push","interpolations","acc","propValue","Array","isArray","length","mediaFunctions","queries","i","cssObject","breakpointsInterpolations","sort","desktopFirst","replace","getMediaQueryByResponsiveProp","css"],"mappings":"kNAcA,SAASA,2BACPC,EACAC,GAEA,MAAMC,EAAc,IAAIC,OAAO,KAAKH,EAAUI,KAAK,UACnD,MAAMC,EAAyB,IAAIF,OAAO,KAAKH,EAAUI,KAAK,2BAC9D,MAAME,EAAoB,qBAE1B,MAAMC,EAAgB,CAACC,WAAYC,WAAYC,YAC/C,MAAMC,EAAqB,CAACC,WAAYC,WAAYJ,WAAYC,WAAYI,YAAaC,cAEzF,OAAQC,IACN,MAAMhB,EAAYiB,OAAOC,KAAKF,GAAOG,QACnC,CAACC,EAAQC,KACHnB,EAAYoB,KAAKD,GAAUD,EAAO,GAAGG,KAAKF,GACrChB,EAAuBiB,KAAKD,IAAUD,EAAO,GAAGG,KAAKF,GAEvDD,IAET,CAAC,GAAI,KAGP,MAAMI,EAAiBxB,EAAU,GAAGmB,QAAO,CAACM,EAAKJ,KAC/C,MAAMK,EAAqBV,EAAMK,GAEjC,GAAKM,MAAMC,QAAQF,IAMZ,GAAIA,EAAUG,OAAS,EAAG,CAC/B,MAAMC,EAAkC,GACxC,MAAMC,EAAUL,EAAUG,OAAStB,EAAcsB,OAASlB,EAAqBJ,EAE/E,IAAK,IAAIyB,EAAI,EAAGA,EAAIN,EAAUG,QACvBE,EAAQC,GADuBA,IAAK,CAGzC,MAAMC,EAAYhC,EAAeoB,EAAcK,EAAUM,GAAIhB,GAEzDC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCC,EAAeP,KAAKQ,EAAQC,IAAI,GAAGC,IAEvC,CAEAR,EAAIF,QAAQO,EACd,MArB+B,CAC7B,MAAMG,EAAYhC,EAAeoB,EAAcK,EAAWV,GAEtDC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCJ,EAAIF,KAAKU,EAEb,CAiBA,OAAOR,CAAG,GACT,IAEH,MAAMS,EAA4BlC,EAAU,GAAGmC,KAAKC,cAAcjB,QAAO,CAACM,EAAKJ,KAC7E,MAAMY,EAAYhC,EAAeoB,EAAQgB,QAAQ/B,EAAmB,IAAUU,EAAMK,GAAUL,GAM9F,OAJIC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCJ,EAAIF,KAAKe,8BAA8BjB,EAA9BiB,EAAwC,GAAGL,KAG/CR,CAAG,GACT,IAEH,OAAOc,IAAG,CAAA,GAAA,IAAA,IACNf,EACAU,EAAyB,CAGjC"}

package/mixins/responsive-position.js

@@ -0,0 +1,2 @@
+'use strict';const responsivePosition=require('./create-responsive-props.js').createResponsivePropsMixin(['position'],((s,i,o)=>i===void 0||i===null?{}:o.positions[i]??{}));exports.responsivePosition=responsivePosition;
+//# sourceMappingURL=responsive-position.js.map

package/mixins/responsive-position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-position.js","sources":["../../../src/mixins/responsive-position.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { CSSObject } from 'styled-components'\nimport { createResponsivePropsMixin } from 'mixins/create-responsive-props'\nimport type { ResponsiveProps } from 'mixins/create-responsive-props'\nimport type { Nullable } from 'shared/types'\n\ntype ResponsivePositionMixinInterpolationProps = ResponsiveProps<'position', string> & {\n  positions: Record<string, CSSProperties>\n}\n\n/**\n *\n * Mixin enables responsive position interface\n */\nconst responsivePosition = createResponsivePropsMixin<\n  'position',\n  Nullable<string>,\n  ResponsivePositionMixinInterpolationProps\n>(['position'], (_, position, props) => {\n  if (position === undefined || position === null) return {} as CSSObject\n\n  return (props.positions[position] ?? {}) as CSSObject\n})\n\nexport { responsivePosition }\n"],"names":["responsivePosition","createResponsivePropsMixin","_","position","props","undefined","positions"],"mappings":"aAcA,MAAMA,2DAA+CC,2BAInD,CAAC,aAAa,CAACC,EAAGC,EAAUC,IACxBD,SAAaE,GAAaF,IAAa,KAAa,CAAA,EAEhDC,EAAME,UAAUH,IAAa,CAAA"}

package/mixins/responsive-position.mjs

@@ -0,0 +1,2 @@
+import{createResponsivePropsMixin}from'./create-responsive-props.mjs';const responsivePosition=createResponsivePropsMixin(['position'],((o,s,i)=>s===void 0||s===null?{}:i.positions[s]??{}));export{responsivePosition};
+//# sourceMappingURL=responsive-position.mjs.map

package/mixins/responsive-position.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-position.mjs","sources":["../../../src/mixins/responsive-position.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { CSSObject } from 'styled-components'\nimport { createResponsivePropsMixin } from 'mixins/create-responsive-props'\nimport type { ResponsiveProps } from 'mixins/create-responsive-props'\nimport type { Nullable } from 'shared/types'\n\ntype ResponsivePositionMixinInterpolationProps = ResponsiveProps<'position', string> & {\n  positions: Record<string, CSSProperties>\n}\n\n/**\n *\n * Mixin enables responsive position interface\n */\nconst responsivePosition = createResponsivePropsMixin<\n  'position',\n  Nullable<string>,\n  ResponsivePositionMixinInterpolationProps\n>(['position'], (_, position, props) => {\n  if (position === undefined || position === null) return {} as CSSObject\n\n  return (props.positions[position] ?? {}) as CSSObject\n})\n\nexport { responsivePosition }\n"],"names":["responsivePosition","createResponsivePropsMixin","_","position","props","undefined","positions"],"mappings":"sEAcA,MAAMA,mBAAqBC,2BAIzB,CAAC,aAAa,CAACC,EAAGC,EAAUC,IACxBD,SAAaE,GAAaF,IAAa,KAAa,CAAA,EAEhDC,EAAME,UAAUH,IAAa,CAAA"}

package/mixins/responsive-size.js

@@ -1,2 +1,2 @@
-'use strict';var createResponsiveProps=require('./create-responsive-props.js');var style=require('../shared/utils/style.js');const responsiveSize=createResponsiveProps.createResponsivePropsMixin(['size'],((e,s,i)=>s===void 0||s===null?{}:typeof s=='number'||style.isCSSGlobalValue(s)?typeof i.dynamicSizeDeclaration=='function'?i.dynamicSizeDeclaration(s,i.sizeUnits??'px'):{fontSize:typeof s=='string'?s:`${s}${i.sizeUnits??'px'}`}:i.sizes[s]??{}));exports.responsiveSize=responsiveSize;
+'use strict';var createResponsiveProps=require('./create-responsive-props.js');var style=require('../shared/utils/style.js');const responsiveSize=createResponsiveProps.createResponsivePropsMixin(['size'],((e,s,i)=>s===void 0||s===null?{}:typeof s=='number'||style.isCSSGlobalValue(s)?typeof i.dynamicSizeDeclaration=='function'?i.dynamicSizeDeclaration(s,i.sizeUnits??'px'):{fontSize:typeof s=='string'?s:`${s}${i.sizeUnits??'px'}`}:typeof s=='string'?i.sizes[s]??{}:{}));exports.responsiveSize=responsiveSize;
 //# sourceMappingURL=responsive-size.js.map

package/mixins/responsive-size.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-size.js","sources":["../../../src/mixins/responsive-size.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components'\nimport { createResponsivePropsMixin } from 'mixins/create-responsive-props'\nimport { isCSSGlobalValue } from 'shared/utils/style'\nimport type { ResponsiveProps } from 'mixins/create-responsive-props'\nimport type { CSSUnit, Size, CSSGlobalValue, Sizes } from 'shared/types'\n\ntype SizeProperty = 'size'\n\ntype SizeValue = Size | CSSGlobalValue | number\n\ntype ResponsiveSizeProps = ResponsiveProps<SizeProperty, SizeValue> & {\n  sizeUnits?: CSSUnit\n  sizes?: Partial<Sizes>\n}\n\ntype ResponsiveSizeInterpolationProps<T extends ResponsiveSizeProps = ResponsiveSizeProps> = Omit<T, 'size' | 'sizes'> &\n  Required<Pick<T, 'size'>> & {\n    sizes: Sizes\n    dynamicSizeDeclaration?: (size: Exclude<SizeValue, Size>, sizeUnits: CSSUnit) => CSSObject\n  }\n\n/**\n *\n * Mixin enables responsive size interface\n */\nconst responsiveSize = createResponsivePropsMixin<SizeProperty, SizeValue | void, ResponsiveSizeInterpolationProps>(\n  ['size'],\n  (_, sizeValue, props) => {\n    if (sizeValue === undefined || sizeValue === null) return {}\n\n    if (typeof sizeValue === 'number' || isCSSGlobalValue(sizeValue)) {\n      const cssObject =\n        typeof props.dynamicSizeDeclaration === 'function'\n          ? props.dynamicSizeDeclaration(sizeValue, props.sizeUnits ?? 'px')\n          : { fontSize: typeof sizeValue === 'string' ? sizeValue : `${sizeValue}${props.sizeUnits ?? 'px'}` }\n\n      return cssObject\n    }\n\n    return (props.sizes[sizeValue] ?? {}) as CSSObject\n  }\n)\n\nexport type { ResponsiveSizeProps, ResponsiveSizeInterpolationProps }\n\nexport { responsiveSize }\n"],"names":["responsiveSize","createResponsivePropsMixin","_","sizeValue","props","undefined","isCSSGlobalValue","dynamicSizeDeclaration","sizeUnits","fontSize","sizes"],"mappings":"6HAyBA,MAAMA,eAAiBC,sBAA0BA,2BAC/C,CAAC,SACD,CAACC,EAAGC,EAAWC,IACTD,SAAcE,GAAaF,IAAc,KAAa,CAAA,SAE/CA,GAAc,UAAYG,MAAgBA,iBAACH,UAE3CC,EAAMG,wBAA2B,WACpCH,EAAMG,uBAAuBJ,EAAWC,EAAMI,WAAa,MAC3D,CAAEC,gBAAiBN,GAAc,SAAWA,EAAY,GAAGA,IAAYC,EAAMI,WAAa,QAK1FJ,EAAMM,MAAMP,IAAc,CAAA"}
+{"version":3,"file":"responsive-size.js","sources":["../../../src/mixins/responsive-size.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { CSSObject } from 'styled-components'\nimport { createResponsivePropsMixin } from 'mixins/create-responsive-props'\nimport { isCSSGlobalValue } from 'shared/utils/style'\nimport type { ResponsiveProps } from 'mixins/create-responsive-props'\nimport type { CSSUnit, CSSGlobalValue } from 'shared/types'\n\ntype ResponsiveSizeMixinInterpolationProps = ResponsiveProps<'size', unknown> & {\n  sizeUnits?: CSSUnit\n  sizes: Record<string, CSSProperties>\n  dynamicSizeDeclaration?: (size: number | CSSGlobalValue, sizeUnits: CSSUnit) => CSSObject\n}\n\n/**\n *\n * Mixin enables responsive size interface\n */\nconst responsiveSize = createResponsivePropsMixin<'size', unknown, ResponsiveSizeMixinInterpolationProps>(\n  ['size'],\n  (_, sizeValue, props) => {\n    if (sizeValue === undefined || sizeValue === null) return {} as CSSObject\n\n    if (typeof sizeValue === 'number' || isCSSGlobalValue(sizeValue)) {\n      const cssObject =\n        typeof props.dynamicSizeDeclaration === 'function'\n          ? props.dynamicSizeDeclaration(sizeValue, props.sizeUnits ?? 'px')\n          : { fontSize: typeof sizeValue === 'string' ? sizeValue : `${sizeValue}${props.sizeUnits ?? 'px'}` }\n\n      return cssObject\n    }\n\n    if (typeof sizeValue === 'string') {\n      return (props.sizes[sizeValue] ?? {}) as CSSObject\n    }\n\n    return {} as CSSObject\n  }\n)\n\nexport { responsiveSize }\n"],"names":["responsiveSize","createResponsivePropsMixin","_","sizeValue","props","undefined","isCSSGlobalValue","dynamicSizeDeclaration","sizeUnits","fontSize","sizes"],"mappings":"6HAiBA,MAAMA,eAAiBC,sBAA0BA,2BAC/C,CAAC,SACD,CAACC,EAAGC,EAAWC,IACTD,SAAcE,GAAaF,IAAc,KAAa,CAAA,SAE/CA,GAAc,UAAYG,MAAgBA,iBAACH,UAE3CC,EAAMG,wBAA2B,WACpCH,EAAMG,uBAAuBJ,EAAWC,EAAMI,WAAa,MAC3D,CAAEC,gBAAiBN,GAAc,SAAWA,EAAY,GAAGA,IAAYC,EAAMI,WAAa,eAKvFL,GAAc,SACfC,EAAMM,MAAMP,IAAc,CAAA,EAG7B"}

package/mixins/responsive-size.mjs

@@ -1,2 +1,2 @@
-import{createResponsivePropsMixin}from'./create-responsive-props.mjs';import{isCSSGlobalValue}from'../shared/utils/style.mjs';const responsiveSize=createResponsivePropsMixin(['size'],((e,i,s)=>i===void 0||i===null?{}:typeof i=='number'||isCSSGlobalValue(i)?typeof s.dynamicSizeDeclaration=='function'?s.dynamicSizeDeclaration(i,s.sizeUnits??'px'):{fontSize:typeof i=='string'?i:`${i}${s.sizeUnits??'px'}`}:s.sizes[i]??{}));export{responsiveSize};
+import{createResponsivePropsMixin}from'./create-responsive-props.mjs';import{isCSSGlobalValue}from'../shared/utils/style.mjs';const responsiveSize=createResponsivePropsMixin(['size'],((e,i,s)=>i===void 0||i===null?{}:typeof i=='number'||isCSSGlobalValue(i)?typeof s.dynamicSizeDeclaration=='function'?s.dynamicSizeDeclaration(i,s.sizeUnits??'px'):{fontSize:typeof i=='string'?i:`${i}${s.sizeUnits??'px'}`}:typeof i=='string'?s.sizes[i]??{}:{}));export{responsiveSize};
 //# sourceMappingURL=responsive-size.mjs.map

package/mixins/responsive-size.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-size.mjs","sources":["../../../src/mixins/responsive-size.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components'\nimport { createResponsivePropsMixin } from 'mixins/create-responsive-props'\nimport { isCSSGlobalValue } from 'shared/utils/style'\nimport type { ResponsiveProps } from 'mixins/create-responsive-props'\nimport type { CSSUnit, Size, CSSGlobalValue, Sizes } from 'shared/types'\n\ntype SizeProperty = 'size'\n\ntype SizeValue = Size | CSSGlobalValue | number\n\ntype ResponsiveSizeProps = ResponsiveProps<SizeProperty, SizeValue> & {\n  sizeUnits?: CSSUnit\n  sizes?: Partial<Sizes>\n}\n\ntype ResponsiveSizeInterpolationProps<T extends ResponsiveSizeProps = ResponsiveSizeProps> = Omit<T, 'size' | 'sizes'> &\n  Required<Pick<T, 'size'>> & {\n    sizes: Sizes\n    dynamicSizeDeclaration?: (size: Exclude<SizeValue, Size>, sizeUnits: CSSUnit) => CSSObject\n  }\n\n/**\n *\n * Mixin enables responsive size interface\n */\nconst responsiveSize = createResponsivePropsMixin<SizeProperty, SizeValue | void, ResponsiveSizeInterpolationProps>(\n  ['size'],\n  (_, sizeValue, props) => {\n    if (sizeValue === undefined || sizeValue === null) return {}\n\n    if (typeof sizeValue === 'number' || isCSSGlobalValue(sizeValue)) {\n      const cssObject =\n        typeof props.dynamicSizeDeclaration === 'function'\n          ? props.dynamicSizeDeclaration(sizeValue, props.sizeUnits ?? 'px')\n          : { fontSize: typeof sizeValue === 'string' ? sizeValue : `${sizeValue}${props.sizeUnits ?? 'px'}` }\n\n      return cssObject\n    }\n\n    return (props.sizes[sizeValue] ?? {}) as CSSObject\n  }\n)\n\nexport type { ResponsiveSizeProps, ResponsiveSizeInterpolationProps }\n\nexport { responsiveSize }\n"],"names":["responsiveSize","createResponsivePropsMixin","_","sizeValue","props","undefined","isCSSGlobalValue","dynamicSizeDeclaration","sizeUnits","fontSize","sizes"],"mappings":"8HAyBA,MAAMA,eAAiBC,2BACrB,CAAC,SACD,CAACC,EAAGC,EAAWC,IACTD,SAAcE,GAAaF,IAAc,KAAa,CAAA,SAE/CA,GAAc,UAAYG,iBAAiBH,UAE3CC,EAAMG,wBAA2B,WACpCH,EAAMG,uBAAuBJ,EAAWC,EAAMI,WAAa,MAC3D,CAAEC,gBAAiBN,GAAc,SAAWA,EAAY,GAAGA,IAAYC,EAAMI,WAAa,QAK1FJ,EAAMM,MAAMP,IAAc,CAAA"}
+{"version":3,"file":"responsive-size.mjs","sources":["../../../src/mixins/responsive-size.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { CSSObject } from 'styled-components'\nimport { createResponsivePropsMixin } from 'mixins/create-responsive-props'\nimport { isCSSGlobalValue } from 'shared/utils/style'\nimport type { ResponsiveProps } from 'mixins/create-responsive-props'\nimport type { CSSUnit, CSSGlobalValue } from 'shared/types'\n\ntype ResponsiveSizeMixinInterpolationProps = ResponsiveProps<'size', unknown> & {\n  sizeUnits?: CSSUnit\n  sizes: Record<string, CSSProperties>\n  dynamicSizeDeclaration?: (size: number | CSSGlobalValue, sizeUnits: CSSUnit) => CSSObject\n}\n\n/**\n *\n * Mixin enables responsive size interface\n */\nconst responsiveSize = createResponsivePropsMixin<'size', unknown, ResponsiveSizeMixinInterpolationProps>(\n  ['size'],\n  (_, sizeValue, props) => {\n    if (sizeValue === undefined || sizeValue === null) return {} as CSSObject\n\n    if (typeof sizeValue === 'number' || isCSSGlobalValue(sizeValue)) {\n      const cssObject =\n        typeof props.dynamicSizeDeclaration === 'function'\n          ? props.dynamicSizeDeclaration(sizeValue, props.sizeUnits ?? 'px')\n          : { fontSize: typeof sizeValue === 'string' ? sizeValue : `${sizeValue}${props.sizeUnits ?? 'px'}` }\n\n      return cssObject\n    }\n\n    if (typeof sizeValue === 'string') {\n      return (props.sizes[sizeValue] ?? {}) as CSSObject\n    }\n\n    return {} as CSSObject\n  }\n)\n\nexport { responsiveSize }\n"],"names":["responsiveSize","createResponsivePropsMixin","_","sizeValue","props","undefined","isCSSGlobalValue","dynamicSizeDeclaration","sizeUnits","fontSize","sizes"],"mappings":"8HAiBA,MAAMA,eAAiBC,2BACrB,CAAC,SACD,CAACC,EAAGC,EAAWC,IACTD,SAAcE,GAAaF,IAAc,KAAa,CAAA,SAE/CA,GAAc,UAAYG,iBAAiBH,UAE3CC,EAAMG,wBAA2B,WACpCH,EAAMG,uBAAuBJ,EAAWC,EAAMI,WAAa,MAC3D,CAAEC,gBAAiBN,GAAc,SAAWA,EAAY,GAAGA,IAAYC,EAAMI,WAAa,eAKvFL,GAAc,SACfC,EAAMM,MAAMP,IAAc,CAAA,EAG7B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "2.41.0",
+  "version": "2.42.0",
   "description": "UI components library",
   "bugs": {
     "url": "https://github.com/foxford/ui/issues"

package/shared/constants.js

@@ -1,2 +1,2 @@
-'use strict';const keyboardKeys={ArrowDown:{key:'ArrowDown',validate(e){return this.key===e}},ArrowUp:{key:'ArrowUp',validate(e){return this.key===e}},Enter:{key:'Enter',validate(e){return this.key===e}},Esc:{key:['Escape','Esc'],validate(e){return this.key.includes(e)}},Space:{key:[' ','Spacebar'],validate(e){return this.key.includes(e)}}};exports.BREAKPOINTS={xl:1440,l:1280,m:1024,s:768,xs:374,xxs:320},exports.keyboardKeys=keyboardKeys;
+'use strict';const keyboardKeys={ArrowDown:{key:['ArrowDown','Down'],validate(e){return this.key.includes(e)}},ArrowLeft:{key:['ArrowLeft','Left'],validate(e){return this.key.includes(e)}},ArrowRight:{key:['ArrowRight','Right'],validate(e){return this.key.includes(e)}},ArrowUp:{key:['ArrowUp','Up'],validate(e){return this.key.includes(e)}},Enter:{key:'Enter',validate(e){return this.key===e}},Esc:{key:['Escape','Esc'],validate(e){return this.key.includes(e)}},Space:{key:[' ','Spacebar'],validate(e){return this.key.includes(e)}}};exports.BREAKPOINTS={xl:1440,l:1280,m:1024,s:768,xs:374,xxs:320},exports.keyboardKeys=keyboardKeys;
 //# sourceMappingURL=constants.js.map

package/shared/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/shared/constants.ts"],"sourcesContent":["import type { Breakpoint } from 'shared/types'\n\nexport const BREAKPOINTS: Readonly<Record<Lowercase<Breakpoint>, number>> = {\n  xl: 1440,\n  l: 1280,\n  m: 1024,\n  s: 768,\n  xs: 374,\n  xxs: 320,\n}\n\nexport const keyboardKeys = {\n  ArrowDown: {\n    key: 'ArrowDown',\n    validate(key: string) {\n      return this.key === key\n    },\n  },\n  ArrowUp: {\n    key: 'ArrowUp',\n    validate(key: string) {\n      return this.key === key\n    },\n  },\n  Enter: {\n    key: 'Enter',\n    validate(key: string) {\n      return this.key === key\n    },\n  },\n  Esc: {\n    key: ['Escape', 'Esc'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n  Space: {\n    key: [' ', 'Spacebar'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n}\n"],"names":["keyboardKeys","ArrowDown","key","validate","this","ArrowUp","Enter","Esc","includes","Space","xl","l","m","s","xs","xxs"],"mappings":"aAWO,MAAMA,aAAe,CAC1BC,UAAW,CACTC,IAAK,YACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFG,QAAS,CACPH,IAAK,UACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFI,MAAO,CACLJ,IAAK,QACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFK,IAAK,CACHL,IAAK,CAAC,SAAU,OAChBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIM,SAASN,EAC3B,GAEFO,MAAO,CACLP,IAAK,CAAC,IAAK,YACXC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIM,SAASN,EAC3B,wBAtCwE,CAC1EQ,GAAI,KACJC,EAAG,KACHC,EAAG,KACHC,EAAG,IACHC,GAAI,IACJC,IAAK"}
+{"version":3,"file":"constants.js","sources":["../../../src/shared/constants.ts"],"sourcesContent":["import type { Breakpoint } from 'shared/types'\n\nexport const BREAKPOINTS: Readonly<Record<Lowercase<Breakpoint>, number>> = {\n  xl: 1440,\n  l: 1280,\n  m: 1024,\n  s: 768,\n  xs: 374,\n  xxs: 320,\n}\n\nexport const keyboardKeys = {\n  ArrowDown: {\n    key: ['ArrowDown', 'Down'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n  ArrowLeft: {\n    key: ['ArrowLeft', 'Left'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n  ArrowRight: {\n    key: ['ArrowRight', 'Right'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n  ArrowUp: {\n    key: ['ArrowUp', 'Up'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n  Enter: {\n    key: 'Enter',\n    validate(key: string) {\n      return this.key === key\n    },\n  },\n  Esc: {\n    key: ['Escape', 'Esc'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n  Space: {\n    key: [' ', 'Spacebar'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n}\n"],"names":["keyboardKeys","ArrowDown","key","validate","this","includes","ArrowLeft","ArrowRight","ArrowUp","Enter","Esc","Space","xl","l","m","s","xs","xxs"],"mappings":"aAWO,MAAMA,aAAe,CAC1BC,UAAW,CACTC,IAAK,CAAC,YAAa,QACnBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFI,UAAW,CACTJ,IAAK,CAAC,YAAa,QACnBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFK,WAAY,CACVL,IAAK,CAAC,aAAc,SACpBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFM,QAAS,CACPN,IAAK,CAAC,UAAW,MACjBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFO,MAAO,CACLP,IAAK,QACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFQ,IAAK,CACHR,IAAK,CAAC,SAAU,OAChBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFS,MAAO,CACLT,IAAK,CAAC,IAAK,YACXC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,wBAlDwE,CAC1EU,GAAI,KACJC,EAAG,KACHC,EAAG,KACHC,EAAG,IACHC,GAAI,IACJC,IAAK"}

package/shared/constants.mjs

@@ -1,2 +1,2 @@
-const BREAKPOINTS={xl:1440,l:1280,m:1024,s:768,xs:374,xxs:320};const keyboardKeys={ArrowDown:{key:'ArrowDown',validate(e){return this.key===e}},ArrowUp:{key:'ArrowUp',validate(e){return this.key===e}},Enter:{key:'Enter',validate(e){return this.key===e}},Esc:{key:['Escape','Esc'],validate(e){return this.key.includes(e)}},Space:{key:[' ','Spacebar'],validate(e){return this.key.includes(e)}}};export{BREAKPOINTS,keyboardKeys};
+const BREAKPOINTS={xl:1440,l:1280,m:1024,s:768,xs:374,xxs:320};const keyboardKeys={ArrowDown:{key:['ArrowDown','Down'],validate(e){return this.key.includes(e)}},ArrowLeft:{key:['ArrowLeft','Left'],validate(e){return this.key.includes(e)}},ArrowRight:{key:['ArrowRight','Right'],validate(e){return this.key.includes(e)}},ArrowUp:{key:['ArrowUp','Up'],validate(e){return this.key.includes(e)}},Enter:{key:'Enter',validate(e){return this.key===e}},Esc:{key:['Escape','Esc'],validate(e){return this.key.includes(e)}},Space:{key:[' ','Spacebar'],validate(e){return this.key.includes(e)}}};export{BREAKPOINTS,keyboardKeys};
 //# sourceMappingURL=constants.mjs.map

package/shared/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../src/shared/constants.ts"],"sourcesContent":["import type { Breakpoint } from 'shared/types'\n\nexport const BREAKPOINTS: Readonly<Record<Lowercase<Breakpoint>, number>> = {\n  xl: 1440,\n  l: 1280,\n  m: 1024,\n  s: 768,\n  xs: 374,\n  xxs: 320,\n}\n\nexport const keyboardKeys = {\n  ArrowDown: {\n    key: 'ArrowDown',\n    validate(key: string) {\n      return this.key === key\n    },\n  },\n  ArrowUp: {\n    key: 'ArrowUp',\n    validate(key: string) {\n      return this.key === key\n    },\n  },\n  Enter: {\n    key: 'Enter',\n    validate(key: string) {\n      return this.key === key\n    },\n  },\n  Esc: {\n    key: ['Escape', 'Esc'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n  Space: {\n    key: [' ', 'Spacebar'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n}\n"],"names":["BREAKPOINTS","xl","l","m","s","xs","xxs","keyboardKeys","ArrowDown","key","validate","this","ArrowUp","Enter","Esc","includes","Space"],"mappings":"AAEO,MAAMA,YAA+D,CAC1EC,GAAI,KACJC,EAAG,KACHC,EAAG,KACHC,EAAG,IACHC,GAAI,IACJC,IAAK,KAGA,MAAMC,aAAe,CAC1BC,UAAW,CACTC,IAAK,YACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFG,QAAS,CACPH,IAAK,UACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFI,MAAO,CACLJ,IAAK,QACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFK,IAAK,CACHL,IAAK,CAAC,SAAU,OAChBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIM,SAASN,EAC3B,GAEFO,MAAO,CACLP,IAAK,CAAC,IAAK,YACXC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIM,SAASN,EAC3B"}
+{"version":3,"file":"constants.mjs","sources":["../../../src/shared/constants.ts"],"sourcesContent":["import type { Breakpoint } from 'shared/types'\n\nexport const BREAKPOINTS: Readonly<Record<Lowercase<Breakpoint>, number>> = {\n  xl: 1440,\n  l: 1280,\n  m: 1024,\n  s: 768,\n  xs: 374,\n  xxs: 320,\n}\n\nexport const keyboardKeys = {\n  ArrowDown: {\n    key: ['ArrowDown', 'Down'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n  ArrowLeft: {\n    key: ['ArrowLeft', 'Left'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n  ArrowRight: {\n    key: ['ArrowRight', 'Right'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n  ArrowUp: {\n    key: ['ArrowUp', 'Up'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n  Enter: {\n    key: 'Enter',\n    validate(key: string) {\n      return this.key === key\n    },\n  },\n  Esc: {\n    key: ['Escape', 'Esc'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n  Space: {\n    key: [' ', 'Spacebar'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n}\n"],"names":["BREAKPOINTS","xl","l","m","s","xs","xxs","keyboardKeys","ArrowDown","key","validate","this","includes","ArrowLeft","ArrowRight","ArrowUp","Enter","Esc","Space"],"mappings":"AAEO,MAAMA,YAA+D,CAC1EC,GAAI,KACJC,EAAG,KACHC,EAAG,KACHC,EAAG,IACHC,GAAI,IACJC,IAAK,KAGA,MAAMC,aAAe,CAC1BC,UAAW,CACTC,IAAK,CAAC,YAAa,QACnBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFI,UAAW,CACTJ,IAAK,CAAC,YAAa,QACnBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFK,WAAY,CACVL,IAAK,CAAC,aAAc,SACpBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFM,QAAS,CACPN,IAAK,CAAC,UAAW,MACjBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFO,MAAO,CACLP,IAAK,QACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFQ,IAAK,CACHR,IAAK,CAAC,SAAU,OAChBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B,GAEFS,MAAO,CACLT,IAAK,CAAC,IAAK,YACXC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIG,SAASH,EAC3B"}

package/shared/utils/style.js

@@ -1,2 +1,2 @@
-'use strict';var regexp=require('../regexp.js');exports.createShouldForwardProp=(...e)=>{const r=Object.create(null);return p=>(r[p]===void 0&&(r[p]=e.every((e=>e(p)))&&[regexp.commonPropKeyRegExp,regexp.colorSchemaPropKeyRegExp,regexp.responsiveSizePropKeyRegExp,regexp.marginPropKeyRegExp,regexp.responsiveMarginPropKeyRegExp].every((e=>!e.test(p)))),r[p])},exports.isCSSGlobalValue=e=>['initial','inherit','unset','revert','revert-layer'].includes(e);
+'use strict';var regexp=require('../regexp.js');exports.createShouldForwardProp=(...e)=>{const r=Object.create(null);return p=>(r[p]===void 0&&(r[p]=e.every((e=>e(p)))&&[regexp.commonPropKeyRegExp,regexp.colorSchemaPropKeyRegExp,regexp.responsiveSizePropKeyRegExp,regexp.marginPropKeyRegExp,regexp.responsiveMarginPropKeyRegExp].every((e=>!e.test(p)))),r[p])},exports.isCSSGlobalValue=e=>typeof e=='string'&&['initial','inherit','unset','revert','revert-layer'].includes(e);
 //# sourceMappingURL=style.js.map

package/shared/utils/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/shared/utils/style.ts"],"sourcesContent":["import {\n  commonPropKeyRegExp,\n  colorSchemaPropKeyRegExp,\n  responsiveSizePropKeyRegExp,\n  marginPropKeyRegExp,\n  responsiveMarginPropKeyRegExp,\n} from 'shared/regexp'\nimport type { CSSGlobalValue } from 'shared/types'\n\nexport const createShouldForwardProp = (...predicates: ((propKey: string) => boolean)[]) => {\n  const cache: Record<string, boolean> = Object.create(null)\n\n  return (propKey: string) => {\n    if (cache[propKey] === undefined) {\n      cache[propKey] =\n        predicates.every((func) => func(propKey)) &&\n        [\n          commonPropKeyRegExp,\n          colorSchemaPropKeyRegExp,\n          responsiveSizePropKeyRegExp,\n          marginPropKeyRegExp,\n          responsiveMarginPropKeyRegExp,\n        ].every((regExp) => !regExp.test(propKey))\n    }\n\n    return cache[propKey]\n  }\n}\n\nexport const isCSSGlobalValue = (value: CSSGlobalValue | string): value is CSSGlobalValue =>\n  ['initial', 'inherit', 'unset', 'revert', 'revert-layer'].includes(value)\n"],"names":["createShouldForwardProp","predicates","cache","Object","create","propKey","undefined","every","func","commonPropKeyRegExp","colorSchemaPropKeyRegExp","responsiveSizePropKeyRegExp","marginPropKeyRegExp","responsiveMarginPropKeyRegExp","regExp","test","value","includes"],"mappings":"gFASuCA,IAAIC,KACzC,MAAMC,EAAiCC,OAAOC,OAAO,MAErD,OAAQC,IACFH,EAAMG,UAAaC,IACrBJ,EAAMG,GACJJ,EAAWM,OAAOC,GAASA,EAAKH,MAChC,CACEI,OAAmBA,oBACnBC,OAAwBA,yBACxBC,mCACAC,OAAAA,oBACAC,OAA6BA,+BAC7BN,OAAOO,IAAYA,EAAOC,KAAKV,MAG9BH,EAAMG,GACd,2BAG8BW,GAC/B,CAAC,UAAW,UAAW,QAAS,SAAU,gBAAgBC,SAASD"}
+{"version":3,"file":"style.js","sources":["../../../../src/shared/utils/style.ts"],"sourcesContent":["import {\n  commonPropKeyRegExp,\n  colorSchemaPropKeyRegExp,\n  responsiveSizePropKeyRegExp,\n  marginPropKeyRegExp,\n  responsiveMarginPropKeyRegExp,\n} from 'shared/regexp'\nimport type { CSSGlobalValue } from 'shared/types'\n\nexport const createShouldForwardProp = (...predicates: ((propKey: string) => boolean)[]) => {\n  const cache: Record<string, boolean> = Object.create(null)\n\n  return (propKey: string) => {\n    if (cache[propKey] === undefined) {\n      cache[propKey] =\n        predicates.every((func) => func(propKey)) &&\n        [\n          commonPropKeyRegExp,\n          colorSchemaPropKeyRegExp,\n          responsiveSizePropKeyRegExp,\n          marginPropKeyRegExp,\n          responsiveMarginPropKeyRegExp,\n        ].every((regExp) => !regExp.test(propKey))\n    }\n\n    return cache[propKey]\n  }\n}\n\nexport const isCSSGlobalValue = (value: unknown): value is CSSGlobalValue =>\n  typeof value === 'string' && ['initial', 'inherit', 'unset', 'revert', 'revert-layer'].includes(value)\n"],"names":["createShouldForwardProp","predicates","cache","Object","create","propKey","undefined","every","func","commonPropKeyRegExp","colorSchemaPropKeyRegExp","responsiveSizePropKeyRegExp","marginPropKeyRegExp","responsiveMarginPropKeyRegExp","regExp","test","value","includes"],"mappings":"gFASuCA,IAAIC,KACzC,MAAMC,EAAiCC,OAAOC,OAAO,MAErD,OAAQC,IACFH,EAAMG,UAAaC,IACrBJ,EAAMG,GACJJ,EAAWM,OAAOC,GAASA,EAAKH,MAChC,CACEI,OAAmBA,oBACnBC,OAAwBA,yBACxBC,mCACAC,OAAAA,oBACAC,OAA6BA,+BAC7BN,OAAOO,IAAYA,EAAOC,KAAKV,MAG9BH,EAAMG,GACd,2BAG8BW,UACxBA,GAAU,UAAY,CAAC,UAAW,UAAW,QAAS,SAAU,gBAAgBC,SAASD"}

package/shared/utils/style.mjs

@@ -1,2 +1,2 @@
-import{commonPropKeyRegExp,colorSchemaPropKeyRegExp,responsiveSizePropKeyRegExp,marginPropKeyRegExp,responsiveMarginPropKeyRegExp}from'../regexp.mjs';const createShouldForwardProp=(...e)=>{const r=Object.create(null);return o=>(r[o]===void 0&&(r[o]=e.every((e=>e(o)))&&[commonPropKeyRegExp,colorSchemaPropKeyRegExp,responsiveSizePropKeyRegExp,marginPropKeyRegExp,responsiveMarginPropKeyRegExp].every((e=>!e.test(o)))),r[o])};const isCSSGlobalValue=e=>['initial','inherit','unset','revert','revert-layer'].includes(e);export{createShouldForwardProp,isCSSGlobalValue};
+import{commonPropKeyRegExp,colorSchemaPropKeyRegExp,responsiveSizePropKeyRegExp,marginPropKeyRegExp,responsiveMarginPropKeyRegExp}from'../regexp.mjs';const createShouldForwardProp=(...e)=>{const r=Object.create(null);return o=>(r[o]===void 0&&(r[o]=e.every((e=>e(o)))&&[commonPropKeyRegExp,colorSchemaPropKeyRegExp,responsiveSizePropKeyRegExp,marginPropKeyRegExp,responsiveMarginPropKeyRegExp].every((e=>!e.test(o)))),r[o])};const isCSSGlobalValue=e=>typeof e=='string'&&['initial','inherit','unset','revert','revert-layer'].includes(e);export{createShouldForwardProp,isCSSGlobalValue};
 //# sourceMappingURL=style.mjs.map

package/shared/utils/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/shared/utils/style.ts"],"sourcesContent":["import {\n  commonPropKeyRegExp,\n  colorSchemaPropKeyRegExp,\n  responsiveSizePropKeyRegExp,\n  marginPropKeyRegExp,\n  responsiveMarginPropKeyRegExp,\n} from 'shared/regexp'\nimport type { CSSGlobalValue } from 'shared/types'\n\nexport const createShouldForwardProp = (...predicates: ((propKey: string) => boolean)[]) => {\n  const cache: Record<string, boolean> = Object.create(null)\n\n  return (propKey: string) => {\n    if (cache[propKey] === undefined) {\n      cache[propKey] =\n        predicates.every((func) => func(propKey)) &&\n        [\n          commonPropKeyRegExp,\n          colorSchemaPropKeyRegExp,\n          responsiveSizePropKeyRegExp,\n          marginPropKeyRegExp,\n          responsiveMarginPropKeyRegExp,\n        ].every((regExp) => !regExp.test(propKey))\n    }\n\n    return cache[propKey]\n  }\n}\n\nexport const isCSSGlobalValue = (value: CSSGlobalValue | string): value is CSSGlobalValue =>\n  ['initial', 'inherit', 'unset', 'revert', 'revert-layer'].includes(value)\n"],"names":["createShouldForwardProp","predicates","cache","Object","create","propKey","undefined","every","func","commonPropKeyRegExp","colorSchemaPropKeyRegExp","responsiveSizePropKeyRegExp","marginPropKeyRegExp","responsiveMarginPropKeyRegExp","regExp","test","isCSSGlobalValue","value","includes"],"mappings":"4JASaA,wBAA0BA,IAAIC,KACzC,MAAMC,EAAiCC,OAAOC,OAAO,MAErD,OAAQC,IACFH,EAAMG,UAAaC,IACrBJ,EAAMG,GACJJ,EAAWM,OAAOC,GAASA,EAAKH,MAChC,CACEI,oBACAC,yBACAC,4BACAC,oBACAC,+BACAN,OAAOO,IAAYA,EAAOC,KAAKV,MAG9BH,EAAMG,GACd,EAGI,MAAMW,iBAAoBC,GAC/B,CAAC,UAAW,UAAW,QAAS,SAAU,gBAAgBC,SAASD"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/shared/utils/style.ts"],"sourcesContent":["import {\n  commonPropKeyRegExp,\n  colorSchemaPropKeyRegExp,\n  responsiveSizePropKeyRegExp,\n  marginPropKeyRegExp,\n  responsiveMarginPropKeyRegExp,\n} from 'shared/regexp'\nimport type { CSSGlobalValue } from 'shared/types'\n\nexport const createShouldForwardProp = (...predicates: ((propKey: string) => boolean)[]) => {\n  const cache: Record<string, boolean> = Object.create(null)\n\n  return (propKey: string) => {\n    if (cache[propKey] === undefined) {\n      cache[propKey] =\n        predicates.every((func) => func(propKey)) &&\n        [\n          commonPropKeyRegExp,\n          colorSchemaPropKeyRegExp,\n          responsiveSizePropKeyRegExp,\n          marginPropKeyRegExp,\n          responsiveMarginPropKeyRegExp,\n        ].every((regExp) => !regExp.test(propKey))\n    }\n\n    return cache[propKey]\n  }\n}\n\nexport const isCSSGlobalValue = (value: unknown): value is CSSGlobalValue =>\n  typeof value === 'string' && ['initial', 'inherit', 'unset', 'revert', 'revert-layer'].includes(value)\n"],"names":["createShouldForwardProp","predicates","cache","Object","create","propKey","undefined","every","func","commonPropKeyRegExp","colorSchemaPropKeyRegExp","responsiveSizePropKeyRegExp","marginPropKeyRegExp","responsiveMarginPropKeyRegExp","regExp","test","isCSSGlobalValue","value","includes"],"mappings":"4JASaA,wBAA0BA,IAAIC,KACzC,MAAMC,EAAiCC,OAAOC,OAAO,MAErD,OAAQC,IACFH,EAAMG,UAAaC,IACrBJ,EAAMG,GACJJ,EAAWM,OAAOC,GAASA,EAAKH,MAChC,CACEI,oBACAC,yBACAC,4BACAC,oBACAC,+BACAN,OAAOO,IAAYA,EAAOC,KAAKV,MAG9BH,EAAMG,GACd,EAGI,MAAMW,iBAAoBC,UACxBA,GAAU,UAAY,CAAC,UAAW,UAAW,QAAS,SAAU,gBAAgBC,SAASD"}

package/theme/colors-dark.js

@@ -1,2 +1,2 @@
-'use strict';exports.adultColors={'content-brand-primary':'#8fa9ff','content-brand-secondary':'#c1b8ff','border-brand-primary':'#8fa9ff','border-brand-secondary':'#c1b8ff','border-brand-primary-hover':'#8fa9ff80','border-brand-primary-active':'#8fa9ff','bg-brand-primary-basic':'#3d4eeb','bg-brand-primary-100':'#120075','bg-brand-primary-200':'#181b86','bg-brand-primary-400':'#1e2699','bg-brand-primary-500':'#2b36b6','bg-brand-secondary-basic':'#6e62bc','bg-brand-secondary-100':'#2c1461','bg-brand-secondary-200':'#351e71','bg-brand-secondary-400':'#402583','bg-brand-secondary-500':'#1b0047','bg-brand-tertiary-100':'#232900','bg-brand-tertiary-200':'#373e14','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#3d4eeb','bg-brand-primary-100-active':'#120075','bg-brand-primary-100-hover':'#12007580'},exports.babyColors={'content-brand-primary':'#e594c5','content-brand-secondary':'#ffd333','border-brand-primary':'#e594c5','border-brand-secondary':'#ffd333','border-brand-primary-hover':'#e594c580','border-brand-primary-active':'#e594c5','bg-brand-primary-basic':'#cc2e8d','bg-brand-primary-100':'#47002d','bg-brand-primary-200':'#570f3a','bg-brand-primary-400':'#611a43','bg-brand-primary-500':'#6b244c','bg-brand-secondary-basic':'#ffd333','bg-brand-secondary-100':'#27282a','bg-brand-secondary-200':'#313235','bg-brand-secondary-400':'#393a3c','bg-brand-secondary-500':'#3e4041','bg-brand-tertiary-100':'#1d1f58','bg-brand-tertiary-200':'#282c67','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#cc2e8d','bg-brand-primary-100-active':'#47002d','bg-brand-primary-100-hover':'#47002d80'},exports.baseColors={'content-onmain-primary':'#f5f6f9','content-onmain-secondary':'#9698a6','content-onmain-tertiary':'#848694','content-onmain-inverse':'#25262C','content-oncolor-primary':'#ffffff','content-oncolor-secondary':'#f5f6f9cc','content-oncolor-tertiary':'#f5f6f999','content-oncolor-constant':'#25262c','content-oncolor-inverse':'#f5f6f9','content-disabled':'#6e707c','content-oncolor-disabled':'#f5f6f999','content-oncolor-hover':'#00000029','content-onmain-hover':'#ffffff29','content-discount':'#f16c65','content-link':'#8aafff','border-onmain-default-large':'#25262c','border-onmain-default-small':'#44454b','border-onmain-contrast':'#f5f6f9','border-oncolor-default':'#ffffff','border-oncolor-default-large':'#ffffff99','border-disabled':'#494a50','border-focus':'#8aafff','border-oncolor-disabled':'#ffffff66','bg-onmain-main':'#000000','bg-onmain-primary':'#121316','bg-onmain-secondary':'#1a1b1f','bg-onmain-tertiary':'#25262c','bg-onmain-divider':'#25262c','bg-onmain-contrast':'#44454b','bg-onmain-inverse':'#ffffff','bg-oncolor-primary':'#ffffff','bg-oncolor-secondary':'#ffffff3d','bg-oncolor-tertiary':'#ffffff1f','bg-disabled-large':'#1a1b1f','bg-disabled-small':'#25262c','bg-disabled-active':'#494a50','bg-contrast-active':'#f5f6f9','bg-oncolor-hover':'#00000014','bg-oncontrast-hover':'#ffffff14','bg-oncolor-disabled':'#ffffff1f','alert-bg-success-100':'#071d02','alert-bg-success-200':'#0a2603','alert-bg-success-500':'#63ab4f','alert-bg-warning-100':'#241500','alert-bg-warning-200':'#2e1c00','alert-bg-warning-500':'#f16f04','alert-bg-error-100':'#2e0100','alert-bg-error-200':'#3d0004','alert-bg-error-500':'#e4494e','alert-success':'#63ab4f','alert-warning':'#f16f04','alert-error':'#fd655d','product-bg-course':'#00222e','product-bg-tutor':'#232900','product-bg-group':'#202018','product-bg-complect':'#241500','skeleton-onmain-primary':'rgba(255, 255, 255, 0.1)','skeleton-onmain-secondary':'rgba(255, 255, 255, 0.06)','skeleton-gradient-from-color-onmain':'rgba(255, 255, 255, 0)','skeleton-gradient-to-color-onmain':'rgba(255, 255, 255, 0.07)','skeleton-oncolor-primary':'rgba(255, 255, 255, 0.15)','skeleton-oncolor-secondary':'rgba(255, 255, 255, 0.2)','skeleton-gradient-from-color-oncolor':'rgba(255, 255, 255, 0)','skeleton-gradient-to-color-oncolor':'rgba(255, 255, 255, 0.2)','bg-other-badge':'#25262c33','bg-other-black':'#000000','alert-bg-info-100':'#1b0042','alert-bg-info-200':'#240057','alert-bg-info-500':'#c09eff','alert-info':'#c09eff','product-content-school':'#c09eff','product-content-group':'#c09eff','product-content-outclass':'#f16f04','product-content-course':'#8aafff','product-content-tutor':'#63ab4f','product-high-school':'#c09eff','product-high-group':'#c09eff','product-high-outclass':'#f16f04','product-high-course':'#8aafff','product-high-tutor':'#63ab4f','product-low-school':'#1b0042','product-low-group':'#1b0042','product-low-outclass':'#241500','product-low-course':'#120075','product-low-tutor':'#071d02'},exports.motherColors={'content-brand-primary':'#c09eff','content-brand-secondary':'#ff8800','border-brand-primary':'#c09eff','border-brand-secondary':'#ff8800','border-brand-primary-hover':'#c09eff80','border-brand-primary-active':'#c09eff','bg-brand-primary-basic':'#8a51e6','bg-brand-primary-100':'#1b0042','bg-brand-primary-200':'#240057','bg-brand-primary-400':'#2e0066','bg-brand-primary-500':'#37007a','bg-brand-secondary-basic':'#ff9900','bg-brand-secondary-100':'#241500','bg-brand-secondary-200':'#2e1c00','bg-brand-secondary-400':'#382300','bg-brand-secondary-500':'#422900','bg-brand-tertiary-100':'#202018','bg-brand-tertiary-200':'#26261c','bg-brand-quaternary-100':'#00222e','bg-brand-quaternary-200':'#002733','bg-brand-quaternary-400':'#054457','bg-brand-quaternary-500':'#05495c','bg-brand-primary-basic-active':'#8a51e6','bg-brand-primary-100-active':'#1b0042','bg-brand-primary-100-hover':'#1b004280'},exports.teenColors={'content-brand-primary':'#c09eff','content-brand-secondary':'#d1f00a','border-brand-primary':'#c09eff','border-brand-secondary':'#d1f00a','border-brand-primary-hover':'#c09eff80','border-brand-primary-active':'#c09eff','bg-brand-primary-basic':'#8a51e6','bg-brand-primary-100':'#1b0042','bg-brand-primary-200':'#240057','bg-brand-primary-400':'#2e0066','bg-brand-primary-500':'#37007a','bg-brand-secondary-basic':'#d1f00a','bg-brand-secondary-100':'#003309','bg-brand-secondary-200':'#093910','bg-brand-secondary-400':'#144318','bg-brand-secondary-500':'#1c4a20','bg-brand-tertiary-100':'#00224d','bg-brand-tertiary-200':'#0c315f','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#8a51e6','bg-brand-primary-100-active':'#1b0042','bg-brand-primary-100-hover':'#1b004280'};
+'use strict';exports.adultColors={'content-brand-primary':'#8fa9ff','content-brand-secondary':'#c1b8ff','border-brand-primary':'#8fa9ff','border-brand-secondary':'#c1b8ff','border-brand-primary-hover':'#8fa9ff80','border-brand-primary-active':'#8fa9ff','bg-brand-primary-basic':'#3d4eeb','bg-brand-primary-100':'#120075','bg-brand-primary-200':'#181b86','bg-brand-primary-400':'#1e2699','bg-brand-primary-500':'#2b36b6','bg-brand-secondary-basic':'#6e62bc','bg-brand-secondary-100':'#2c1461','bg-brand-secondary-200':'#351e71','bg-brand-secondary-400':'#402583','bg-brand-secondary-500':'#1b0047','bg-brand-tertiary-100':'#232900','bg-brand-tertiary-200':'#373e14','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#3d4eeb','bg-brand-primary-100-active':'#120075','bg-brand-primary-100-hover':'#12007580'},exports.babyColors={'content-brand-primary':'#e594c5','content-brand-secondary':'#ffd333','border-brand-primary':'#e594c5','border-brand-secondary':'#ffd333','border-brand-primary-hover':'#e594c580','border-brand-primary-active':'#e594c5','bg-brand-primary-basic':'#cc2e8d','bg-brand-primary-100':'#47002d','bg-brand-primary-200':'#570f3a','bg-brand-primary-400':'#611a43','bg-brand-primary-500':'#6b244c','bg-brand-secondary-basic':'#ffd333','bg-brand-secondary-100':'#27282a','bg-brand-secondary-200':'#313235','bg-brand-secondary-400':'#393a3c','bg-brand-secondary-500':'#3e4041','bg-brand-tertiary-100':'#1d1f58','bg-brand-tertiary-200':'#282c67','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#cc2e8d','bg-brand-primary-100-active':'#47002d','bg-brand-primary-100-hover':'#47002d80'},exports.baseColors={'content-onmain-primary':'#f5f6f9','content-onmain-secondary':'#9698a6','content-onmain-tertiary':'#848694','content-onmain-inverse':'#25262C','content-oncolor-primary':'#ffffff','content-oncolor-secondary':'#f5f6f9cc','content-oncolor-tertiary':'#f5f6f999','content-oncolor-constant':'#25262c','content-oncolor-inverse':'#f5f6f9','content-disabled':'#6e707c','content-oncolor-disabled':'#f5f6f999','content-oncolor-hover':'#00000029','content-onmain-hover':'#ffffff29','content-discount':'#f16c65','content-link':'#8aafff','border-onmain-default-large':'#25262c','border-onmain-default-small':'#44454b','border-onmain-contrast':'#f5f6f9','border-oncolor-default':'#ffffff','border-oncolor-default-large':'#ffffff99','border-disabled':'#494a50','border-focus':'#8aafff','border-oncolor-disabled':'#ffffff66','bg-onmain-main':'#000000','bg-onmain-primary':'#121316','bg-onmain-secondary':'#1a1b1f','bg-onmain-tertiary':'#25262c','bg-onmain-divider':'#25262c','bg-onmain-contrast':'#44454b','bg-onmain-inverse':'#ffffff','bg-oncolor-primary':'#ffffff','bg-oncolor-secondary':'#ffffff3d','bg-oncolor-tertiary':'#ffffff1f','bg-disabled-large':'#1a1b1f','bg-disabled-small':'#25262c','bg-disabled-active':'#494a50','bg-contrast-active':'#f5f6f9','bg-oncolor-hover':'#00000014','bg-oncontrast-hover':'#ffffff14','bg-oncolor-disabled':'#ffffff1f','alert-bg-success-100':'#071d02','alert-bg-success-200':'#0a2603','alert-bg-success-500':'#63ab4f','alert-bg-warning-100':'#241500','alert-bg-warning-200':'#2e1c00','alert-bg-warning-500':'#f16f04','alert-bg-error-100':'#2e0100','alert-bg-error-200':'#3d0004','alert-bg-error-500':'#e4494e','alert-success':'#63ab4f','alert-warning':'#f16f04','alert-error':'#fd655d','product-bg-course':'#00222e','product-bg-tutor':'#232900','product-bg-group':'#202018','product-bg-complect':'#241500','skeleton-onmain-primary':'rgba(255, 255, 255, 0.1)','skeleton-onmain-secondary':'rgba(255, 255, 255, 0.06)','skeleton-gradient-from-color-onmain':'rgba(255, 255, 255, 0)','skeleton-gradient-to-color-onmain':'rgba(255, 255, 255, 0.07)','skeleton-oncolor-primary':'rgba(255, 255, 255, 0.15)','skeleton-oncolor-secondary':'rgba(255, 255, 255, 0.2)','skeleton-gradient-from-color-oncolor':'rgba(255, 255, 255, 0)','skeleton-gradient-to-color-oncolor':'rgba(255, 255, 255, 0.2)','bg-other-badge':'#25262c33','bg-other-black':'#000000','alert-bg-info-100':'#1b0042','alert-bg-info-200':'#240057','alert-bg-info-500':'#c09eff','alert-info':'#c09eff','product-content-school':'#c09eff','product-content-group':'#c09eff','product-content-outclass':'#f16f04','product-content-course':'#8aafff','product-content-tutor':'#63ab4f','product-high-school':'#c09eff','product-high-group':'#c09eff','product-high-outclass':'#f16f04','product-high-course':'#8aafff','product-high-tutor':'#63ab4f','product-low-school':'#1b0042','product-low-group':'#1b0042','product-low-outclass':'#241500','product-low-course':'#120075','product-low-tutor':'#071d02','bg-other-overlay':'#25262C8C'},exports.motherColors={'content-brand-primary':'#c09eff','content-brand-secondary':'#ff8800','border-brand-primary':'#c09eff','border-brand-secondary':'#ff8800','border-brand-primary-hover':'#c09eff80','border-brand-primary-active':'#c09eff','bg-brand-primary-basic':'#8a51e6','bg-brand-primary-100':'#1b0042','bg-brand-primary-200':'#240057','bg-brand-primary-400':'#2e0066','bg-brand-primary-500':'#37007a','bg-brand-secondary-basic':'#ff9900','bg-brand-secondary-100':'#241500','bg-brand-secondary-200':'#2e1c00','bg-brand-secondary-400':'#382300','bg-brand-secondary-500':'#422900','bg-brand-tertiary-100':'#202018','bg-brand-tertiary-200':'#26261c','bg-brand-quaternary-100':'#00222e','bg-brand-quaternary-200':'#002733','bg-brand-quaternary-400':'#054457','bg-brand-quaternary-500':'#05495c','bg-brand-primary-basic-active':'#8a51e6','bg-brand-primary-100-active':'#1b0042','bg-brand-primary-100-hover':'#1b004280'},exports.teenColors={'content-brand-primary':'#c09eff','content-brand-secondary':'#d1f00a','border-brand-primary':'#c09eff','border-brand-secondary':'#d1f00a','border-brand-primary-hover':'#c09eff80','border-brand-primary-active':'#c09eff','bg-brand-primary-basic':'#8a51e6','bg-brand-primary-100':'#1b0042','bg-brand-primary-200':'#240057','bg-brand-primary-400':'#2e0066','bg-brand-primary-500':'#37007a','bg-brand-secondary-basic':'#d1f00a','bg-brand-secondary-100':'#003309','bg-brand-secondary-200':'#093910','bg-brand-secondary-400':'#144318','bg-brand-secondary-500':'#1c4a20','bg-brand-tertiary-100':'#00224d','bg-brand-tertiary-200':'#0c315f','bg-brand-quaternary-100':'#241500','bg-brand-quaternary-200':'#2e1c00','bg-brand-quaternary-400':'#382300','bg-brand-quaternary-500':'#422900','bg-brand-primary-basic-active':'#8a51e6','bg-brand-primary-100-active':'#1b0042','bg-brand-primary-100-hover':'#1b004280'};
 //# sourceMappingURL=colors-dark.js.map