@kubit-ui-web/react-components 2.0.0-beta.4 → 2.0.0-beta.40

package/dist/esm/lib/hooks/useScrollBlock/useScrollBlock.js

@@ -1 +1 @@
-import{useRef as t,useCallback as e}from"react";import{getFirstScrollableElement as o}from"./utils/useScrollBlock.utils.js";const n=()=>{const n=t([]),r=e(t=>{const e=t.target;e instanceof Node&&!n.current.some(t=>t?.contains(e))&&t.preventDefault()},[]),l=e(t=>{const e=t.target;e instanceof Element&&!o({element:e,parentsToStop:n.current})&&t.preventDefault()},[]),s=e(t=>{const e=t.target;if(!(e instanceof Element))return;const r=o({element:e,parentsToStop:n.current});if(!r)return;const{scrollHeight:l,scrollTop:s}=r;let c=null;r instanceof HTMLElement&&(c=r.offsetHeight),s<=0?r.scrollTo(0,1):null!==c&&s+c>=l&&r.scrollTo(0,l-c-1)},[]),c=e(({elementsToOmit:t=[]}={})=>{if("undefined"==typeof document)return;const e=document.documentElement,{body:o}=document;if(!o||!o.style)return;const c=o.getAttribute("data-scroll-blocked");if(c){const t=Number(c)+1;o.setAttribute("data-scroll-blocked",String(t))}else o.setAttribute("data-scroll-blocked","1");n.current=t,n.current.forEach(t=>{t?.addEventListener("touchmove",l,{passive:!1}),t?.addEventListener("touchstart",s)}),document.addEventListener("touchmove",r,{passive:!1});const i=window.innerWidth-e.clientWidth,d=parseInt(window.getComputedStyle(o).getPropertyValue("padding-right"),10)||0;o.style.position="relative",o.style.overflow="hidden",o.style.paddingRight=`${d+i}px`},[]);return{allowScroll:e(()=>{if("undefined"==typeof document)return;const{body:t}=document;if(!t||!t.style)return;const e=t.getAttribute("data-scroll-blocked");let o=!1;if(e){const n=Number(e)-1;0===n?t.removeAttribute("data-scroll-blocked"):(t.setAttribute("data-scroll-blocked",String(n)),o=!0)}n.current.forEach(t=>{t?.removeEventListener("touchmove",l),t?.removeEventListener("touchstart",s)}),document.removeEventListener("touchmove",r),o||(t.style.position="",t.style.overflow="",t.style.paddingRight="")},[]),blockScroll:c}};export{n as useScrollBlock};
+import{getFirstScrollableElement as t}from"./utils/useScrollBlock.utils.js";import{useCallback as e,useRef as o}from"react";const n=()=>{const n=o([]),r=e(t=>{const e=t.target;e instanceof Node&&!n.current.some(t=>t?.contains(e))&&t.preventDefault()},[]),l=e(e=>{const o=e.target;o instanceof Element&&!t({element:o,parentsToStop:n.current})&&e.preventDefault()},[]),s=e(e=>{const o=e.target;if(!(o instanceof Element))return;const r=t({element:o,parentsToStop:n.current});if(!r)return;const{scrollHeight:l,scrollTop:s}=r;let c=null;r instanceof HTMLElement&&(c=r.offsetHeight),s<=0?r.scrollTo(0,1):null!==c&&s+c>=l&&r.scrollTo(0,l-c-1)},[]),c=e(({elementsToOmit:t=[]}={})=>{if("undefined"==typeof document)return;const e=document.documentElement,{body:o}=document;if(!o||!o.style)return;const c=o.getAttribute("data-scroll-blocked");if(c){const t=Number(c)+1;o.setAttribute("data-scroll-blocked",String(t))}else o.setAttribute("data-scroll-blocked","1");n.current=t,n.current.forEach(t=>{t?.addEventListener("touchmove",l,{passive:!1}),t?.addEventListener("touchstart",s)}),document.addEventListener("touchmove",r,{passive:!1});const i=window.innerWidth-e.clientWidth,d=parseInt(window.getComputedStyle(o).getPropertyValue("padding-right"),10)||0;o.style.position="relative",o.style.overflow="hidden",o.style.paddingRight=`${d+i}px`},[]);return{allowScroll:e(()=>{if("undefined"==typeof document)return;const{body:t}=document;if(!t||!t.style)return;const e=t.getAttribute("data-scroll-blocked");let o=!1;if(e){const n=Number(e)-1;0===n?t.removeAttribute("data-scroll-blocked"):(t.setAttribute("data-scroll-blocked",String(n)),o=!0)}n.current.forEach(t=>{t?.removeEventListener("touchmove",l),t?.removeEventListener("touchstart",s)}),document.removeEventListener("touchmove",r),o||(t.style.position="",t.style.overflow="",t.style.paddingRight="")},[]),blockScroll:c}};export{n as useScrollBlock};

package/dist/esm/lib/hooks/useScrollBlock/utils/useScrollBlock.utils.js

@@ -1 +1 @@
-const e=e=>e.scrollHeight>e.clientHeight,t=({element:n,parentsToStop:o})=>n&&o.some(e=>e?.contains(n))?e(n)?n:t({element:n.parentElement,parentsToStop:o}):null;export{t as getFirstScrollableElement,e as isElementScrollable};
+const e=({element:t,parentsToStop:n})=>{return t&&n.some(e=>e?.contains(t))?(o=t).scrollHeight>o.clientHeight?t:e({element:t.parentElement,parentsToStop:n}):null;var o};export{e as getFirstScrollableElement};

package/dist/esm/lib/hooks/useScrollDetection/useScrollDetection.js

@@ -0,0 +1 @@
+import{hasScroll as r}from"../../utils/scroll/hasScroll.js";import{useCallback as e,useRef as c,useState as o}from"react";const t=({autoFocus:t=!1}={})=>{const[s,n]=o(!1),l=c(),u=c(!1);return{handleScrollDetection:e(e=>{if(e){const c=e=>{const c=r(e);n(c),t&&c&&!u.current&&(e.focus(),u.current=!0)};c(e),l.current=new ResizeObserver(()=>{c(e)}),l.current.observe(e)}else l.current?.disconnect()},[t]),hasScroll:s}};export{t as useScrollDetection};

package/dist/esm/lib/hooks/useScrollEffect/useScrollEffect.js

@@ -1 +1 @@
-import{useRef as r,useCallback as e}from"react";import{changeCssProperty as t}from"../../utils/changeCssProperty/changeCssProperty.js";import{scrollPercentage as c}from"./utils/scrollPercentage.js";const n=({conditional:n=!0,scrollCallback:s,shadowStyles:l,shadowVisible:u=1})=>{const o=r(null),a=r(null),i=r(null),p=r(0),d=r(0),m=e(()=>{if(!o.current)return;const r=c(o.current,1.25);if(a.current){const e=r*p.current/100,c=r*d.current/100,n=[{cssPropertyName:"min-height",cssPropertyValue:`calc(${p.current}px - ${e}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${p.current}px - ${e}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${d.current}px - ${c}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${d.current}px - ${c}px)`}];t(a.current,n)}i.current&&(r>u?i.current.classList.add(...l.split(" ")):i.current.classList.remove(...l.split(" ")))},[n,l,u]),h=e(r=>{r?(o.current=r,m(),o.current?.addEventListener("scroll",r=>{m(),s?.(r)})):(o.current?.removeEventListener("scroll",r=>{m(),s?.(r)}),o.current=null)},[m,s]);return{resizeRef:e(r=>{const e=()=>{a.current&&(p.current=a.current.clientHeight,d.current=a.current.clientWidth)};r?(a.current=r,a.current?.addEventListener("load",e)):(a.current?.removeEventListener("load",e),a.current=null)},[]),scrollableRef:h,shadowRef:e(r=>{i.current=r||null},[])}};export{n as useScrollEffect};
+import{scrollPercentage as r}from"./utils/scrollPercentage.js";import{useCallback as e,useEffect as t,useRef as n}from"react";const c=({conditional:c=!0,scrollCallback:u,shadowStyles:l,shadowVisible:s=1})=>{const o=n(null),a=n(null),i=n(null),p=n(0),m=n(0),d=n(null),y=n(null),h=n(null),P=e(()=>{if(!c||!o.current)return;const e=r(o.current,1.25);if(a.current&&p.current>0){const r=e*p.current/100,t=e*m.current/100;[{cssPropertyName:"min-height",cssPropertyValue:`calc(${p.current}px - ${r}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${p.current}px - ${r}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${m.current}px - ${t}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${m.current}px - ${t}px)`}].forEach(({cssPropertyName:r,cssPropertyValue:e})=>{a.current?.style.setProperty(r,e)})}if(i.current&&l){const r=l.split(" ");e>s?i.current.classList.add(...r):i.current.classList.remove(...r)}},[c,l,s]),v=e(r=>{null!==d.current&&cancelAnimationFrame(d.current),d.current=requestAnimationFrame(()=>{P(),u?.(r),d.current=null})},[P,u]);t(()=>{y.current=v},[v]);const f=e(r=>{o.current&&y.current&&o.current.removeEventListener("scroll",y.current),o.current=r,r&&y.current&&(r.addEventListener("scroll",y.current),P())},[P]),x=e(r=>{const e=()=>{a.current&&(p.current=a.current.clientHeight,m.current=a.current.clientWidth)};a.current&&h.current&&a.current.removeEventListener("load",h.current),h.current=e,a.current=r,r&&(r.addEventListener("load",e),e())},[]),L=e(r=>{i.current=r},[]);return t(()=>()=>{null!==d.current&&cancelAnimationFrame(d.current),o.current&&y.current&&o.current.removeEventListener("scroll",y.current),a.current&&h.current&&a.current.removeEventListener("load",h.current)},[]),{resizeRef:x,scrollableRef:f,shadowRef:L}};export{c as useScrollEffect};

package/dist/esm/lib/hooks/useScrollEffect/utils/scrollPercentage.js

@@ -1 +1 @@
-const t=(t,o=1)=>{const{clientHeight:r,scrollHeight:c,scrollTop:e}=t;if(c>r){const t=c/r;return 100*(t>o?e*t:e/(2*t))/(c-r)}return 0};export{t as scrollPercentage};
+const t=(t,o=1)=>{const{clientHeight:r,scrollHeight:c,scrollTop:e}=t;if(c>r){const t=c/r;return 100*(t>o?e*t:e/(2*t))/(c-r)}return 0};export{t as scrollPercentage};

package/dist/esm/lib/hooks/useSwipeDown/useSwipeDown.js

@@ -1 +1 @@
-import{useRef as e,useCallback as t}from"react";import{convertDurationToNumber as r}from"./utils/convertDurationToNumber.js";const n=(n,u)=>{const o=e(null),c=e(null),s=t(e=>{o.current=e||null},[]),i=e(0),m=e(0),v=e(0),l=e(!1),a=e=>{const t=o?.current;t&&(e.preventDefault?.(),t.style.removeProperty("transition"),"touchstart"===e.type?m.current=e.touches[0].clientY:m.current=e.clientY,l.current=!0,v.current=null)},d=e=>{const t=o?.current;if(!l.current||!t)return;"touchmove"===e.type&&null!==v?v.current=e.touches[0].clientY:v.current=e.clientY;const r=m.current-v.current;v.current<m.current||(t.style.bottom=`${i.current+r}px`)},p=1e3*((r(n?.exitDuration)||r(n?.duration)||0)+(r(n?.delay)||0)),E=async()=>{const e=o?.current;if(!e||!v.current)return;if(l.current=!1,e.style.setProperty("transition",`bottom ${p}ms linear`),v.current<m.current+30)return void(e.style.bottom="0px");const t=i.current+e.scrollHeight;var r;e.style.bottom=`-${t}px`,await(r=p,new Promise(e=>setTimeout(e,r))),u?.()};return{setDragIconRef:t(e=>{e?(c.current=e,c?.current?.addEventListener("mousedown",a),c?.current?.addEventListener("mousemove",d),c?.current?.addEventListener("mouseup",E),c?.current?.addEventListener("touchstart",a),c?.current?.addEventListener("touchmove",d),c?.current?.addEventListener("touchend",E)):(c?.current?.removeEventListener("mousedown",a),c?.current?.removeEventListener("mousemove",d),c?.current?.removeEventListener("mouseup",E),c?.current?.removeEventListener("touchstart",a),c?.current?.removeEventListener("touchmove",d),c?.current?.removeEventListener("touchend",E),c.current=null)},[]),setPopoverRef:s}};export{n as useSwipeDown};
+import{useCallback as e,useRef as t}from"react";const n=({handleClose:n})=>{const r=t(null),u=t(null),o=t(!1),c=t(""),s=t(0),v=t(null),m=e(e=>{r.current=e},[]);return{setDragIconRef:e(e=>{if(v.current&&(v.current(),v.current=null),u.current=e,e){const t=e=>"touches"in e?(e.touches[0]||e.changedTouches[0])?.clientY||0:e.clientY,u=e=>{o.current&&r.current&&(o.current=!1,t(e)-s.current>30?n?.():r.current.style.bottom=c.current)},m=e=>{if(!o.current||!r.current)return;e.preventDefault();const n=t(e)-s.current;n>0&&(r.current.style.bottom=`-${n}px`)},d=e=>{!o.current&&r.current&&(e.preventDefault(),o.current=!0,s.current=t(e),c.current=window.getComputedStyle(r.current).bottom,document.addEventListener("mousemove",m,{passive:!1}),document.addEventListener("mouseup",u,{passive:!1}),document.addEventListener("touchmove",m,{passive:!1}),document.addEventListener("touchend",u,{passive:!1}))};e.addEventListener("mousedown",d,{passive:!1}),e.addEventListener("touchstart",d,{passive:!1}),v.current=()=>{e.removeEventListener("mousedown",d),e.removeEventListener("touchstart",d),document.removeEventListener("mousemove",m),document.removeEventListener("mouseup",u),document.removeEventListener("touchmove",m),document.removeEventListener("touchend",u),o.current=!1}}},[n]),setPopoverRef:m}};export{n as useSwipeDown};

package/dist/esm/lib/hooks/useSwipeDown/utils/convertDurationToNumber.js

@@ -1 +1 @@
-const e=e=>{if(!e)return 0;if("number"==typeof e)return e;const r=Number(e.replace("ms","").replace("s",""));return e.includes("s")&&!e.includes("ms")?1e3*r:r};export{e as convertDurationToNumber};
+const e=e=>{if(!e)return 0;if("number"==typeof e)return e;const r=Number(e.replace("ms","").replace("s",""));return e.includes("s")&&!e.includes("ms")?1e3*r:r};export{e as convertDurationToNumber};

package/dist/esm/lib/hooks/useTrapFocus/useTrapFocus.js

@@ -1 +1 @@
-import{useEffect as e}from"react";import{getFocusableDescendants as t}from"../../utils/focusHandlers/focusHandlers.js";const n=({ref:n,trapFocus:r=!1})=>{e(()=>{const e=e=>{if(!n.current||"Tab"!==e.key)return;const r=t({element:n.current});if(!r.length)return void(n.current.contains(document.activeElement)&&e.preventDefault());const o=r[0],i=r[r.length-1];if(!e.shiftKey&&document.activeElement===i)return o?.focus(),void e.preventDefault();if(e.shiftKey&&document.activeElement===o)return i?.focus(),void e.preventDefault();if(o?.compareDocumentPosition(e.target)&Node.DOCUMENT_POSITION_PRECEDING||i?.compareDocumentPosition(e.target)&Node.DOCUMENT_POSITION_FOLLOWING){if(e.shiftKey)return i?.focus(),void e.preventDefault();o?.focus(),e.preventDefault()}};return r&&window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[r])};export{n as useTrapFocus};
+import{getFocusableDescendants as e}from"../../utils/focusHandlers/focusHandlers.js";import{useEffect as t}from"react";const n=({ref:n,trapFocus:r=!1})=>{t(()=>{const t=t=>{if(!n.current||"Tab"!==t.key)return;const r=e({element:n.current});if(!r.length)return void(n.current.contains(document.activeElement)&&t.preventDefault());const o=r[0],i=r[r.length-1];if(!t.shiftKey&&document.activeElement===i)return o?.focus(),void t.preventDefault();if(t.shiftKey&&document.activeElement===o)return i?.focus(),void t.preventDefault();if(o?.compareDocumentPosition(t.target)&Node.DOCUMENT_POSITION_PRECEDING||i?.compareDocumentPosition(t.target)&Node.DOCUMENT_POSITION_FOLLOWING){if(t.shiftKey)return i?.focus(),void t.preventDefault();o?.focus(),t.preventDefault()}};return r&&window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[r])};export{n as useTrapFocus};

package/dist/esm/lib/provider/cssProvider/provider.d.ts

@@ -0,0 +1,60 @@
+import {
+  cssThemes,
+  cssClasses,
+  cssVars,
+  cssAvailableComponents,
+  cssGlobalStyles,
+  cssMediaQueries,
+} from './stats/stats';
+
+type ThemesKeys = keyof typeof cssThemes;
+/* Get the types of each variable from the current theme selected */
+type VarFromTheme = (typeof cssVars)[ThemesKeys];
+type ClassNameFromTheme = (typeof cssClasses)[ThemesKeys];
+type ComponentsFromTheme = (typeof cssAvailableComponents)[ThemesKeys];
+type ComponentsKey = keyof ComponentsFromTheme;
+type GlobalStylesFromThemes = (typeof cssGlobalStyles)[ThemesKeys];
+type MediaQueriesFromThemes = (typeof cssMediaQueries)[ThemesKeys];
+/* Get the type of non-variable keys from a component required */
+type NonVariablesKeys<T> = {
+  [K in keyof T]: K extends `$${string}` ? never : K;
+}[keyof T];
+type ComponentSelected<T> = Pick<T, NonVariablesKeys<T>>;
+
+export declare class Provider {
+  private static instance: Provider;
+  #currentTheme: ThemesKeys;
+  #themes: typeof cssThemes;
+  #themesVariables: typeof cssVars;
+  #themesClassNames: typeof cssClasses;
+  #themesComponents: typeof cssAvailableComponents;
+  #themesGlobalStyles: typeof cssGlobalStyles;
+  #themesMediaQueries: typeof cssMediaQueries;
+  #linkId: string;
+  #jsInCss: boolean;
+  #linkBuilder: (url: string, id: string) => void;
+  #handlerThemes: (data: {
+    css: string;
+    foreign?: { high?: string[]; low?: string[] };
+  }) => void;
+  #cleanUpLinks: () => void;
+
+  constructor(options?: { linkId?: string; jsInCss?: boolean });
+
+  get themeSelected(): string | null;
+  get allThemesNames(): string[];
+  get allThemes(): Record<string, string>;
+  get variables(): VarFromTheme;
+  get classNames(): ClassNameFromTheme;
+  get components(): ComponentsFromTheme;
+  get globalStyles(): GlobalStylesFromThemes;
+  get mediaQueries(): MediaQueriesFromThemes;
+
+  set themeSelected(themeName: string);
+
+  getComponentStyles<T extends ComponentsKey>(params: {
+    variant?: string;
+    component: T;
+    additionalClassNames?: Partial<ComponentSelected<ClassNameFromTheme[T]>>;
+  }): ComponentSelected<ClassNameFromTheme[T]>;
+}

package/dist/esm/lib/provider/cssProvider/provider.js

@@ -1 +1 @@
-import{cssThemes as e,cssClasses as t,cssVars as s,cssAvailableComponents as i,cssGlobalStyles as n,cssMediaQueries as h}from"./stats/stats";export class Provider{#e;#t;#s;#i;#n;#h;#r;#l;#m;#o=(e,t)=>{if("undefined"==typeof document)return;let s=document.getElementById(t);s||(s=document.createElement("link"),s.id=t,s.rel="stylesheet",document.head.appendChild(s)),s.href=e};#a=e=>{const{css:t,foreign:s}=e,i=s?.before||[],n=s?.after||[];i.forEach((e,t)=>{const s=`${this.#l}-foreign-before-${t+1}`;this.#o(e,s)}),this.#o(t,this.#l),n.forEach((e,t)=>{const s=`${this.#l}-foreign-after-${t+1}`;this.#o(e,s)})};#c=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#l}"]`).forEach(e=>e.remove())};constructor({linkId:r,jsInCss:l}={}){this.#t=e,this.#s=s,this.#i=t,this.#n=i,this.#h=n,this.#r=h,this.#l=r||"kb-styled-link",this.#e=Object.keys(e)[0],this.#m=!!l,this.getComponentStyles=this.getComponentStyles.bind(this),"undefined"!=typeof window&&"undefined"!=typeof document&&this.#m&&(this.#c(),this.#a(this.#t[this.#e]))}get themeSelected(){return this.#e}set themeSelected(e){if(!(e in this.#t))throw new Error(`${e} is not exists`);this.#m&&(this.#c(),this.#a(this.#t[e])),this.#e=e}get allThemesNames(){return Object.keys(this.#t)}get allThemes(){return this.#t}get variables(){return this.#s[this.#e]}get classNames(){return this.#i[this.#e]}get components(){return this.#n[this.#e]}get globalStyles(){return this.#h[this.#e]}get mediaQueries(){return this.#r[this.#e]}getComponentStyles({variant:e,component:t,additionalClassNames:s}){const i=this.#i[this.#e][t.toLocaleUpperCase()];if(!i)return{};const n={},h=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;if(h&&h in i){const e=i[h];Object.entries(e).forEach(([e,t])=>{e in n||(n[e]=t)})}return Object.entries(i).forEach(([e,t])=>{e.startsWith("$_")||e in n||(n[e]=t)}),s&&Object.keys(s).length&&Object.entries(s).forEach(([e,t])=>{e in n||(n[e]=""),n[e]+=` ${t}`}),n}}
+import{cssThemes as e,cssClasses as t,cssVars as s,cssAvailableComponents as i,cssGlobalStyles as n,cssMediaQueries as h}from"./stats/stats";export class Provider{#e;#t;#s;#i;#n;#r;#h;#o;#a;#c=(e,t)=>{if("undefined"==typeof document)return;let s=document.getElementById(t);s||(s=document.createElement("link"),s.id=t,s.rel="stylesheet",document.head.appendChild(s));const i=new URL(e,import.meta.url).href;s.href=i};#l=e=>{const{css:t,foreign:s}=e,i=s?.before||[],n=s?.after||[];i.forEach((e,t)=>{const s=`${this.#o}-foreign-before-${t+1}`;this.#c(e,s)}),this.#c(t,this.#o),n.forEach((e,t)=>{const s=`${this.#o}-foreign-after-${t+1}`;this.#c(e,s)})};#m=()=>{"undefined"!=typeof document&&document.querySelectorAll(`link[id^="${this.#o}"]`).forEach(e=>e.remove())};constructor({linkId:r,jsInCss:o}={}){this.#t=e,this.#s=s,this.#i=t,this.#n=i,this.#r=n,this.#h=h,this.#o=r||"kb-styled-link",this.#e=Object.keys(e)[0],this.#a=!!o,this.getComponentStyles=this.getComponentStyles.bind(this),"undefined"!=typeof window&&"undefined"!=typeof document&&this.#a&&(this.#m(),this.#l(this.#t[this.#e]))}get themeSelected(){return this.#e}set themeSelected(e){if(!(e in this.#t))throw new Error(`${e} is not exists`);this.#a&&(this.#m(),this.#l(this.#t[e])),this.#e=e}get allThemesNames(){return Object.keys(this.#t)}get allThemes(){return this.#t}get variables(){return this.#s[this.#e]}get classNames(){return this.#i[this.#e]}get components(){return this.#n[this.#e]}get globalStyles(){return this.#r[this.#e]}get mediaQueries(){return this.#h[this.#e]}getComponentStyles({variant:e,component:t,additionalClassNames:s}){const i=this.#i[this.#e][t.toLocaleUpperCase()];if(!i)return{};const n={},r=!!e&&`$_${e.toLocaleLowerCase().replace(/-/g,"_")}`;if(r&&r in i){const e=i[r];Object.entries(e).forEach(([e,t])=>{e in n||(n[e]=t)})}return Object.entries(i).forEach(([e,t])=>{e.startsWith("$_")||e in n||(n[e]=t)}),s&&Object.keys(s).length&&Object.entries(s).forEach(([e,t])=>{e in n||(n[e]=""),n[e]+=` ${t}`}),n}}