@foxford/ui 2.39.0-beta-22709eb-20240820 → 2.39.0-beta-8d52b2b-20240822

package/hocs/withMergedProps.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var useMergedProps=require('../hooks/useMergedProps.js');var useMergedSizes=require('../hooks/useMergedSizes.js');var useMergedPalette=require('../hooks/useMergedPalette.js');var require$$0=require('react/jsx-runtime');exports.withMergedProps=(e,r)=>{const s=React.forwardRef(((s,t)=>{const a=useMergedProps.useMergedProps(s,r.displayName);const u=useMergedSizes.useMergedSizes(a,r.sizes);const i=useMergedPalette.useMergedPalette(a);return e.displayName=r.displayName,require$$0.jsx(e,{...a,sizes:u,palette:i,ref:t})}));return s.displayName=`WithMergedProps${r.displayName}`,s};
+import e from'@babel/runtime/helpers/objectSpread2';import{forwardRef as r}from'react';import{useMergedProps as s}from'../hooks/useMergedProps.js';import{useMergedSizes as a}from'../hooks/useMergedSizes.js';import{useMergedPalette as o}from'../hooks/useMergedPalette.js';import{jsx as t}from'react/jsx-runtime';function i(i,m){var p=r(((r,p)=>{var d=s(r,m.displayName);var u=a(d,m.sizes);var f=o(d);return i.displayName=m.displayName,t(i,e(e({},d),{},{sizes:u,palette:f,ref:p}))}));return p.displayName="WithMergedProps".concat(m.displayName),p}export{i as withMergedProps};
 //# sourceMappingURL=withMergedProps.js.map

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 } 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","_objectSpread"],"mappings":"uTAuBA,SAASA,EACPC,EACAC,GAEA,IAAMC,EAAkBC,GAAAA,CAAkBC,EAAuBC,KAC/D,IAAMC,EAAQC,EAAeH,EAAuBH,EAAQO,aAC5D,IAAMC,EAAQC,EAAeJ,EAAOL,EAAQQ,OAC5C,IAAME,EAAUC,EAAiBN,GAIjC,OAFAN,EAAiBQ,YAAcP,EAAQO,YAEhCK,EAACb,EAADc,EAAAA,EAAA,GAAsBR,GAAtB,GAAA,CAA6BG,MAAOA,EAAOE,QAASA,EAASN,IAAKA,QAK3E,OAFAH,EAAgBM,YAAgCP,kBAAAA,OAAAA,EAAQO,aAEjDN"}

package/hooks/use-config-priority.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');function valid(e){return Boolean(e)||typeof e=='boolean'||typeof e=='number'||typeof e=='string'}exports.useConfigPriority=(e,t)=>React.useMemo((()=>{const r=e??{};const o=t??{};return[...new Set([...Object.keys(r),...Object.keys(o)])].reduce(((e,t)=>{let n;return valid(r[t])&&(n=r[t]),valid(o[t])&&(n=o[t]),valid(n)?{...e,[t]:n}:e}),{})}),[e,t]);
+import e from'@babel/runtime/helpers/objectSpread2';import{useMemo as r}from'react';function t(t,n){return r((()=>{var r=null!=t?t:{};var u=null!=n?n:{};return[...new Set([...Object.keys(r),...Object.keys(u)])].reduce(((t,n)=>{var a;return o(r[n])&&(a=r[n]),o(u[n])&&(a=u[n]),o(a)?e(e({},t),{},{[n]:a}):t}),{})}),[t,n])}function o(e){return Boolean(e)||'boolean'==typeof e||'number'==typeof e||'string'==typeof e}export{t as useConfigPriority};
 //# sourceMappingURL=use-config-priority.js.map

package/hooks/use-config-priority.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-config-priority.js","sources":["../../../src/hooks/use-config-priority.ts"],"sourcesContent":["import { useMemo } from 'react'\n\n/**\n *\n * @deprecated it will be deleted in near future\n */\nexport function useConfigPriority<T extends object>(minor?: Partial<T>, major?: Partial<T>): Partial<T> {\n  return useMemo(() => {\n    const minorConfig = minor ?? {}\n    const majorConfig = major ?? {}\n    const uniqueKeys = [...new Set([...Object.keys(minorConfig), ...Object.keys(majorConfig)])]\n\n    return uniqueKeys.reduce((prioritized, key) => {\n      let finalVal\n\n      if (valid(minorConfig[key])) finalVal = minorConfig[key]\n      if (valid(majorConfig[key])) finalVal = majorConfig[key]\n\n      return valid(finalVal) ? { ...prioritized, [key]: finalVal } : prioritized\n    }, {} as Partial<T>)\n  }, [minor, major])\n}\n\nfunction valid(value: unknown): boolean {\n  return Boolean(value) || typeof value === 'boolean' || typeof value === 'number' || typeof value === 'string'\n}\n"],"names":["valid","value","Boolean","minor","major","useMemo","minorConfig","majorConfig","Set","Object","keys","reduce","prioritized","key","finalVal"],"mappings":"wCAuBA,SAASA,MAAMC,GACb,OAAOC,QAAQD,WAAiBA,GAAU,kBAAoBA,GAAU,iBAAmBA,GAAU,QACvG,2BAnBO,CAA6CE,EAAoBC,IAC/DC,MAAOA,SAAC,KACb,MAAMC,EAAcH,GAAS,GAC7B,MAAMI,EAAcH,GAAS,GAG7B,MAFmB,IAAI,IAAII,IAAI,IAAIC,OAAOC,KAAKJ,MAAiBG,OAAOC,KAAKH,MAE1DI,QAAO,CAACC,EAAaC,KACrC,IAAIC,EAKJ,OAHId,MAAMM,EAAYO,MAAOC,EAAWR,EAAYO,IAChDb,MAAMO,EAAYM,MAAOC,EAAWP,EAAYM,IAE7Cb,MAAMc,GAAY,IAAKF,EAAaC,CAACA,GAAMC,GAAaF,CAAW,GACzE,CAAgB,EAAC,GACnB,CAACT,EAAOC"}
+{"version":3,"file":"use-config-priority.js","sources":["../../../src/hooks/use-config-priority.ts"],"sourcesContent":["import { useMemo } from 'react'\n\n/**\n *\n * @deprecated it will be deleted in near future\n */\nexport function useConfigPriority<T extends object>(minor?: Partial<T>, major?: Partial<T>): Partial<T> {\n  return useMemo(() => {\n    const minorConfig = minor ?? {}\n    const majorConfig = major ?? {}\n    const uniqueKeys = [...new Set([...Object.keys(minorConfig), ...Object.keys(majorConfig)])]\n\n    return uniqueKeys.reduce((prioritized, key) => {\n      let finalVal\n\n      if (valid(minorConfig[key])) finalVal = minorConfig[key]\n      if (valid(majorConfig[key])) finalVal = majorConfig[key]\n\n      return valid(finalVal) ? { ...prioritized, [key]: finalVal } : prioritized\n    }, {} as Partial<T>)\n  }, [minor, major])\n}\n\nfunction valid(value: unknown): boolean {\n  return Boolean(value) || typeof value === 'boolean' || typeof value === 'number' || typeof value === 'string'\n}\n"],"names":["useConfigPriority","minor","major","useMemo","minorConfig","majorConfig","Set","Object","keys","reduce","prioritized","key","finalVal","valid","value","Boolean"],"mappings":"oFAMO,SAASA,EAAoCC,EAAoBC,GACtE,OAAOC,GAAQ,KACb,IAAMC,EAAcH,MAAAA,EAAAA,EAAS,GAC7B,IAAMI,EAAcH,MAAAA,EAAAA,EAAS,GAG7B,MAFmB,IAAI,IAAII,IAAI,IAAIC,OAAOC,KAAKJ,MAAiBG,OAAOC,KAAKH,MAE1DI,SAAQC,EAAaC,KACrC,IAAIC,EAKJ,OAHIC,EAAMT,EAAYO,MAAOC,EAAWR,EAAYO,IAChDE,EAAMR,EAAYM,MAAOC,EAAWP,EAAYM,IAE7CE,EAAMD,UAAiBF,GAAvB,GAAA,CAAoCC,CAACA,GAAMC,IAAaF,IAC9D,MACF,CAACT,EAAOC,IAGb,SAASW,EAAMC,GACb,OAAOC,QAAQD,IAA2B,kBAAVA,GAAwC,iBAAVA,GAAuC,iBAAVA"}

package/hooks/useClassname.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var cx__default=_interopDefault(require('clsx'));exports.useClassname=(e,t)=>{const s=styled.useTheme();return cx__default.default(`${s.classNamePrefix}-${e}`,t)};
+import{useTheme as e}from'styled-components';import s from'clsx';function o(o,a){var r=e();return s("".concat(r.classNamePrefix,"-").concat(o),a)}export{o as useClassname};
 //# sourceMappingURL=useClassname.js.map

package/hooks/useClassname.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClassname.js","sources":["../../../src/hooks/useClassname.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport cx from 'clsx'\n\nexport function useClassname(componentName: string, originalClassName?: string) {\n  const theme = useTheme()\n  return cx(`${theme.classNamePrefix}-${componentName}`, originalClassName)\n}\n"],"names":["componentName","originalClassName","theme","useTheme","cx","default","classNamePrefix"],"mappings":"4LAGO,CAAsBA,EAAuBC,KAClD,MAAMC,EAAQC,OAAAA,WACd,OAAOC,YAAEC,QAAC,GAAGH,EAAMI,mBAAmBN,IAAiBC,EACzD"}
+{"version":3,"file":"useClassname.js","sources":["../../../src/hooks/useClassname.ts"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport cx from 'clsx'\n\nexport function useClassname(componentName: string, originalClassName?: string) {\n  const theme = useTheme()\n  return cx(`${theme.classNamePrefix}-${componentName}`, originalClassName)\n}\n"],"names":["useClassname","componentName","originalClassName","theme","useTheme","cx","classNamePrefix"],"mappings":"iEAGO,SAASA,EAAaC,EAAuBC,GAClD,IAAMC,EAAQC,IACd,OAAOC,YAAMF,EAAMG,gBAAmBL,KAAAA,OAAAA,GAAiBC"}

package/hooks/useKeyboardListener.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');exports.useKeyboardListener=(e,t,r)=>{React.useEffect((()=>{const handleKeyboardEvt=e=>{t.includes(e.key)&&r(e)};return document.addEventListener(e,handleKeyboardEvt),()=>{document.removeEventListener(e,handleKeyboardEvt)}}),[e,r,t])};
+import{useEffect as e}from'react';var r=(r,t,n)=>{e((()=>{var e=e=>{t.includes(e.key)&&n(e)};return document.addEventListener(r,e),()=>{document.removeEventListener(r,e)}}),[r,n,t])};export{r as useKeyboardListener};
 //# sourceMappingURL=useKeyboardListener.js.map

package/hooks/useKeyboardListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardListener.js","sources":["../../../src/hooks/useKeyboardListener.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nexport const useKeyboardListener = (\n  keyboardEvtType: 'keydown' | 'keyup',\n  keyboardKeys: string[],\n  keyboardEvtHandler: (evt: KeyboardEvent) => void\n) => {\n  useEffect(() => {\n    const handleKeyboardEvt = (evt: KeyboardEvent) => {\n      if (keyboardKeys.includes(evt.key)) keyboardEvtHandler(evt)\n    }\n\n    document.addEventListener(keyboardEvtType, handleKeyboardEvt)\n\n    return () => {\n      document.removeEventListener(keyboardEvtType, handleKeyboardEvt)\n    }\n  }, [keyboardEvtType, keyboardEvtHandler, keyboardKeys])\n}\n"],"names":["useKeyboardListener","keyboardEvtType","keyboardKeys","keyboardEvtHandler","useEffect","handleKeyboardEvt","evt","includes","key","document","addEventListener","removeEventListener"],"mappings":"oEAEmCA,CACjCC,EACAC,EACAC,KAEAC,MAAAA,WAAU,KACR,MAAMC,kBAAqBC,IACrBJ,EAAaK,SAASD,EAAIE,MAAML,EAAmBG,EAAI,EAK7D,OAFAG,SAASC,iBAAiBT,EAAiBI,mBAEpC,KACLI,SAASE,oBAAoBV,EAAiBI,kBAAkB,CACjE,GACA,CAACJ,EAAiBE,EAAoBD,GAAc"}
+{"version":3,"file":"useKeyboardListener.js","sources":["../../../src/hooks/useKeyboardListener.ts"],"sourcesContent":["import { useEffect } from 'react'\n\nexport const useKeyboardListener = (\n  keyboardEvtType: 'keydown' | 'keyup',\n  keyboardKeys: string[],\n  keyboardEvtHandler: (evt: KeyboardEvent) => void\n) => {\n  useEffect(() => {\n    const handleKeyboardEvt = (evt: KeyboardEvent) => {\n      if (keyboardKeys.includes(evt.key)) keyboardEvtHandler(evt)\n    }\n\n    document.addEventListener(keyboardEvtType, handleKeyboardEvt)\n\n    return () => {\n      document.removeEventListener(keyboardEvtType, handleKeyboardEvt)\n    }\n  }, [keyboardEvtType, keyboardEvtHandler, keyboardKeys])\n}\n"],"names":["useKeyboardListener","keyboardEvtType","keyboardKeys","keyboardEvtHandler","useEffect","handleKeyboardEvt","evt","includes","key","document","addEventListener","removeEventListener"],"mappings":"kCAEO,IAAMA,EAAsB,CACjCC,EACAC,EACAC,KAEAC,GAAAA,KACE,IAAMC,EAAqBC,IACrBJ,EAAaK,SAASD,EAAIE,MAAML,EAAmBG,IAKzD,OAFAG,SAASC,iBAAiBT,EAAiBI,GAEpC,KACLI,SAASE,oBAAoBV,EAAiBI,MAE/C,CAACJ,EAAiBE,EAAoBD"}

package/hooks/useMergedPalette.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');exports.useMergedPalette=e=>{const t=styled.useTheme();const s=e.palette??{};return Object.keys(s).reduce(((e,r)=>{const c=t.colors[s[r]]??s[r];return c&&(e[r]=c),e}),{})};
+import{useTheme as e}from'styled-components';function r(r){var t;var o=e();var a=null!==(t=r.palette)&&void 0!==t?t:{};return Object.keys(a).reduce(((e,r)=>{var t;var l=null!==(t=o.colors[a[r]])&&void 0!==t?t:a[r];return l&&(e[r]=l),e}),{})}export{r as useMergedPalette};
 //# sourceMappingURL=useMergedPalette.js.map

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 } 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","_componentProps$palet","theme","useTheme","palette","Object","keys","reduce","injected","key","_theme$colors$palette","cssColor","colors"],"mappings":"6CAGO,SAASA,EAIdC,GAAsD,IAAAC,EACtD,IAAMC,EAAQC,IAEd,IAAMC,UAAUJ,EAAAA,EAAeI,uBAAW,GAE1C,OAAOC,OAAOC,KAAKF,GAASG,QAAAA,CAAQC,EAAUC,KAAQ,IAAAC,EACpD,IAAMC,EAAQ,QAAAD,EAAGR,EAAMU,OAAOR,EAAQK,WAAAA,IAAxBC,EAAAA,EAAiCN,EAAQK,GAMvD,OAJIE,IACFH,EAASC,GAAOE,GAGXH,IACN"}

package/hooks/useMergedProps.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var ramda=require('ramda');exports.useMergedProps=(e,r)=>{const s=styled.useTheme();const t=ramda.mergeDeepLeft(e,(s.components??{})[r]??{});return{...t,preset:t.preset??s.preset}};
+import e from'@babel/runtime/helpers/objectSpread2';import{useTheme as r}from'styled-components';import{mergeDeepLeft as o}from'ramda';function t(t,p){var s,m,a;var n=r();var l=null!==(m=(null!==(s=n.components)&&void 0!==s?s:{})[p])&&void 0!==m?m:{};var i=o(t,l);return e(e({},i),{},{preset:null!==(a=i.preset)&&void 0!==a?a:n.preset})}export{t as useMergedProps};
 //# sourceMappingURL=useMergedProps.js.map

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 } 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$components","_context$componentNam","_mergedProps$preset","theme","useTheme","contextProps","context","components","mergedProps","mergeDeepLeft","_objectSpread","preset"],"mappings":"uIAIO,SAASA,EAKdC,EACAC,GAGA,IAAAC,EAAAC,EAAAC,EACA,IAAMC,EAAQC,IAGd,IAAMC,UAAkBC,WADRH,EAAAA,EAAMI,0BAAc,IACJR,kBAAkB,GAClD,IAAMS,EAAcC,EAAcX,EAAgBO,GAElD,OAAAK,EAAAA,EAAA,GACKF,GADL,GAAA,CAEEG,OAAM,UAAEH,EAAYG,cAAAA,IAAdT,EAAAA,EAAwBC,EAAMQ"}

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)};
+import{mergeDeepLeft as e}from'ramda';var r={xxxl:{},xxl:{},xl:{},l:{},m:{},s:{},xs:{},xxs:{},xxxs:{}};function x(x,s){var a;var o=arguments.length>1&&void 0!==s?s:r;var t='function'==typeof o?o(x):o;var i=null!==(a=x.sizes)&&void 0!==a?a:{};return e(i,t)}export{x as useMergedSizes};
 //# 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 { 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","a","_componentProps$sizes","componentSizes","sizesDefault","sizesProp","sizes","mergeDeepLeft"],"mappings":"sCAGA,IAAMA,EAAqB,CAAEC,KAAM,GAAIC,IAAK,GAAIC,GAAI,GAAIC,EAAG,GAAIC,EAAG,GAAIC,EAAG,GAAIC,GAAI,GAAIC,IAAK,GAAIC,KAAM,IAE7F,SAASC,EAIdC,EAJKC,GAIkF,IAAAC,EAAA,IAApEC,+BAJdF,EAAAA,EAI8DZ,EACnE,IAAMe,EAAyC,mBAAnBD,EAAgCA,EAAeH,GAAkBG,EAC7F,IAAME,UAAYL,EAAAA,EAAeM,qBAAS,GAE1C,OAAOC,EAAcF,EAAWD"}