@loadsmart/loadsmart-ui 7.4.0 → 7.6.0

package/dist/prop-5m3D4883.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"prop-5m3D4883.mjs","sources":["../src/tools/conditional.ts","../src/tools/prop.ts"],"sourcesContent":["import { isObject } from '@loadsmart/utils-object'\nimport { isFunction } from '@loadsmart/utils-function'\nimport type { F } from 'ts-toolbelt'\n\nimport { getToken } from 'theming'\nimport type { ThemeToken, ThemedProps } from 'theming'\nimport get from 'utils/toolset/get'\nimport toArray from 'utils/toolset/toArray'\n\ntype WhenProps<K> = K | undefined | ((value: K) => boolean | undefined)\n\nexport type When<P> = {\n  [Key in keyof P]?: WhenProps<P[Key]> | WhenProps<P[Key]>[] | undefined\n}\n\n/**\n * Utility to generate style/class name conditions based on a components props.\n * Expected prop values can be a single value, an array of values or a function/callback.\n * @example\n * ```jsx\n * whenProps({\n *  'prop-a': true, // checks `props['prop-a']` === true`\n *  'prop-b': [1, 2], // checks `toArray([1, 2]).includes(props['prop-b'])`\n *  'prop-c': (value) => value + 1 // checks `Boolean(callback(props['prop-c']))`\n *  'prop-d': Boolean // checks `Boolean(Boolean(props['prop-d']))`\n * })\n * ```\n * @param {...Object} conditions\n * @returns {(props: Object}) => boolean} Returns function that consumes component props.\n */\nexport function whenProps<P>(conditions: When<F.Narrow<P>> | When<F.Narrow<P>>[]) {\n  return function (props: P): boolean {\n    const safeConditions = toArray(conditions)\n\n    let res = false\n\n    for (let i = 0; i < safeConditions.length; i++) {\n      const condition = safeConditions[i]\n      const keys = Object.keys(condition)\n\n      let temp = true\n\n      for (let j = 0; j < keys.length && temp; j++) {\n        const key = keys[j]\n        const propValue = get(props, key) as P[keyof P]\n        const conditionValue = condition[key as keyof typeof condition]\n\n        if (Array.isArray(conditionValue)) {\n          temp = temp && toArray(conditionValue).includes(propValue)\n        } else if (isFunction(conditionValue)) {\n          temp = temp && Boolean(conditionValue(propValue))\n        } else {\n          temp = temp && (conditionValue as unknown) === propValue\n        }\n      }\n\n      res = res || temp\n    }\n\n    return res\n  }\n}\n\ntype ConditionObject<P> = Record<\n  string,\n  string | number | boolean | ((props: P) => boolean) | undefined\n>\n\nfunction handleConditionObject<P>(condition: ConditionObject<P>, props: P): string {\n  const keys = Object.keys(condition || {})\n\n  const res = keys.reduce((acc, key) => {\n    let value = condition[key]\n\n    if (isFunction(value)) {\n      value = value(props)\n    }\n\n    if (value) {\n      const tokenKey = key as ThemeToken\n      const result = (getToken(tokenKey, props as unknown as ThemedProps) ?? key) as string\n      return [...acc, result]\n    }\n\n    return acc\n  }, [] as string[])\n\n  return res.join(' ')\n}\n\ntype Condition<P> = number | string | ConditionObject<P> | ((props: P) => string)\n\n/**\n * Concatenate style properties or class names conditionally.\n * Conditions can be functions that consume components props,\n * objects, strings, or numbers (that will be coerced to strings).\n * @example\n * ```jsx\n * conditional(1, 'some-class', {\n *  'class-a': true,\n *  'class-b': (props) => props.showClassB,\n * }, (props) => props.className)\n * ```\n * @param conditions\n * @returns {(props: ThemedProps) => string} Returns function that consumes component props.\n */\nfunction conditional<P>(...conditions: Condition<P>[]) {\n  return function (props: P): string {\n    let classes: string[] = []\n\n    for (let i = 0; i < conditions.length; i++) {\n      const condition = conditions[i]\n\n      if (isFunction(condition)) {\n        classes.push(condition(props))\n      } else if (isObject(condition)) {\n        classes = classes.concat(handleConditionObject<P>(condition, props))\n      } else if (condition) {\n        classes.push(String(condition))\n      }\n    }\n\n    return classes.join(' ')\n  }\n}\n\nexport default conditional\n","function compare(...args: any[]): unknown {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const [value, defaultValue] = args\n\n  if (value == null || value === false || Number.isNaN(value)) {\n    return defaultValue || value\n  }\n\n  if (typeof value === 'string' && value.length === 0) {\n    return defaultValue || value\n  }\n\n  return value\n}\n\n/**\n * Retrieve the key value from the props object\n * @example\n * ```jsx\n * -transform: scaleY(${(props) => props.$height || 1});\n * +transform: scaleY(${prop('$height', 1)});\n * ```\n * @param name a valid property name from the object\n * @param defaultValue a fallback value in case the property value is invalid\n * @param comparatorFn a function to be used to decide between value or defaultValue\n * @returns {(props: ThemedProps) => string} Returns function that consumes component props.\n */\nfunction prop<P, K extends keyof P = keyof P>(\n  name: K,\n  defaultValue?: NonNullable<P[K]>,\n  comparatorFn = compare\n) {\n  return (props: P): P[K] => comparatorFn(props[name], defaultValue) as P[K]\n}\n\nexport default prop\n"],"names":["whenProps","conditions","props","safeConditions","toArray","res","i","length","condition","keys","Object","temp","j","key","propValue","get","conditionValue","Array","isArray","includes","isFunction","Boolean","handleConditionObject","reduce","acc","value","result","getToken","join","conditional","classes","push","isObject","concat","String","compare","args","defaultValue","Number","isNaN","prop","name","comparatorFn"],"mappings":";;;;;AA8BO,SAASA,EAAaC,GAAqD;AAChF,SAAO,SAAUC,GAAmB;AAC5BC,UAAAA,IAAiBC,EAAQH,CAAU;AAEzC,QAAII,IAAM;AAEV,aAASC,IAAI,GAAGA,IAAIH,EAAeI,QAAQD,KAAK;AACxCE,YAAAA,IAAYL,EAAeG,CAAC,GAC5BG,IAAOC,OAAOD,KAAKD,CAAS;AAElC,UAAIG,IAAO;AAEX,eAASC,IAAI,GAAGA,IAAIH,EAAKF,UAAUI,GAAMC,KAAK;AACtCC,cAAAA,IAAMJ,EAAKG,CAAC,GACZE,IAAYC,EAAIb,GAAOW,CAAG,GAC1BG,IAAiBR,EAAUK,CAA6B;AAE1DI,QAAAA,MAAMC,QAAQF,CAAc,IAC9BL,IAAOA,KAAQP,EAAQY,CAAc,EAAEG,SAASL,CAAS,IAChDM,EAAWJ,CAAc,IAClCL,IAAOA,KAAQU,EAAQL,EAAeF,CAAS,IAE/CH,IAAOA,KAASK,MAA+BF;AAAAA,MACjD;AAGFT,MAAAA,IAAMA,KAAOM;AAAAA,IAAAA;AAGRN,WAAAA;AAAAA,EACT;AACF;AAOA,SAASiB,EAAyBd,GAA+BN,GAAkB;AAmB1EG,SAlBMK,OAAOD,KAAKD,KAAa,CAAA,CAAE,EAEvBe,OAAO,CAACC,GAAKX,MAAQ;AAChCY,QAAAA,IAAQjB,EAAUK,CAAG;AAMzB,QAJIO,EAAWK,CAAK,MAClBA,IAAQA,EAAMvB,CAAK,IAGjBuB,GAAO;AAET,YAAMC,IAAUC,EADCd,GACkBX,CAA+B,KAAKW;AAChE,aAAA,CAAC,GAAGW,GAAKE,CAAM;AAAA,IAAA;AAGjBF,WAAAA;AAAAA,EACT,GAAG,EAAc,EAENI,KAAK,GAAG;AACrB;AAkBA,SAASC,KAAkB5B,GAA4B;AACrD,SAAO,SAAUC,GAAkB;AACjC,QAAI4B,IAAoB,CAAE;AAE1B,aAASxB,IAAI,GAAGA,IAAIL,EAAWM,QAAQD,KAAK;AACpCE,YAAAA,IAAYP,EAAWK,CAAC;AAE1Bc,MAAAA,EAAWZ,CAAS,IACduB,EAAAA,KAAKvB,EAAUN,CAAK,CAAC,IACpB8B,EAASxB,CAAS,IAC3BsB,IAAUA,EAAQG,OAAOX,EAAyBd,GAAWN,CAAK,CAAC,IAC1DM,KACDuB,EAAAA,KAAKG,OAAO1B,CAAS,CAAC;AAAA,IAChC;AAGKsB,WAAAA,EAAQF,KAAK,GAAG;AAAA,EACzB;AACF;AC5HA,SAASO,KAAWC,GAAsB;AAElC,QAAA,CAACX,GAAOY,CAAY,IAAID;AAM9B,UAJIX,KAAS,QAAQA,MAAU,MAASa,OAAOC,MAAMd,CAAK,KAItD,OAAOA,KAAU,YAAYA,EAAMlB,WAAW,MACzC8B,KAAgBZ;AAI3B;AAcA,SAASe,EACPC,GACAJ,GACAK,IAAeP,GACf;AACA,SAAO,CAACjC,MAAmBwC,EAAaxC,EAAMuC,CAAI,GAAGJ,CAAY;AACnE;"}

package/dist/prop-BwhJNJHO.js

@@ -0,0 +1,2 @@
+"use strict";const g=require("@loadsmart/utils-object"),a=require("@loadsmart/utils-function"),h=require("./theming/index.js"),p=require("lodash/get.js"),y=require("./toArray-BW3gx_gH.js"),j=t=>t&&t.__esModule?t:{default:t},b=j(p);function k(t){return function(e){const n=y.toArray(t);let r=!1;for(let o=0;o<n.length;o++){const u=n[o],s=Object.keys(u);let i=!0;for(let c=0;c<s.length&&i;c++){const d=s[c],f=b.default(e,d),l=u[d];Array.isArray(l)?i=i&&y.toArray(l).includes(f):a.isFunction(l)?i=i&&!!l(f):i=i&&l===f}r=r||i}return r}}function _(t,e){return Object.keys(t||{}).reduce((o,u)=>{let s=t[u];if(a.isFunction(s)&&(s=s(e)),s){const i=u,c=h.getToken(i,e)??u;return[...o,c]}return o},[]).join(" ")}function q(...t){return function(e){let n=[];for(let r=0;r<t.length;r++){const o=t[r];a.isFunction(o)?n.push(o(e)):g.isObject(o)?n=n.concat(_(o,e)):o&&n.push(String(o))}return n.join(" ")}}function A(...t){const[e,n]=t;return(e==null||e===!1||Number.isNaN(e)||typeof e=="string"&&e.length===0)&&n||e}function O(t,e,n=A){return r=>n(r[t],e)}exports.conditional=q;exports.prop=O;exports.whenProps=k;
+//# sourceMappingURL=prop-BwhJNJHO.js.map

package/dist/{prop-d9ec2877.js.map → prop-BwhJNJHO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"prop-d9ec2877.js","sources":["../src/tools/conditional.ts","../src/tools/prop.ts"],"sourcesContent":["import { isObject } from '@loadsmart/utils-object'\nimport { isFunction } from '@loadsmart/utils-function'\nimport type { F } from 'ts-toolbelt'\n\nimport { getToken } from 'theming'\nimport type { ThemeToken, ThemedProps } from 'theming'\nimport get from 'utils/toolset/get'\nimport toArray from 'utils/toolset/toArray'\n\ntype WhenProps<K> = K | undefined | ((value: K) => boolean | undefined)\n\nexport type When<P> = {\n  [Key in keyof P]?: WhenProps<P[Key]> | WhenProps<P[Key]>[] | undefined\n}\n\n/**\n * Utility to generate style/class name conditions based on a components props.\n * Expected prop values can be a single value, an array of values or a function/callback.\n * @example\n * ```jsx\n * whenProps({\n *  'prop-a': true, // checks `props['prop-a']` === true`\n *  'prop-b': [1, 2], // checks `toArray([1, 2]).includes(props['prop-b'])`\n *  'prop-c': (value) => value + 1 // checks `Boolean(callback(props['prop-c']))`\n *  'prop-d': Boolean // checks `Boolean(Boolean(props['prop-d']))`\n * })\n * ```\n * @param {...Object} conditions\n * @returns {(props: Object}) => boolean} Returns function that consumes component props.\n */\nexport function whenProps<P>(conditions: When<F.Narrow<P>> | When<F.Narrow<P>>[]) {\n  return function (props: P): boolean {\n    const safeConditions = toArray(conditions)\n\n    let res = false\n\n    for (let i = 0; i < safeConditions.length; i++) {\n      const condition = safeConditions[i]\n      const keys = Object.keys(condition)\n\n      let temp = true\n\n      for (let j = 0; j < keys.length && temp; j++) {\n        const key = keys[j]\n        const propValue = get(props, key) as P[keyof P]\n        const conditionValue = condition[key as keyof typeof condition]\n\n        if (Array.isArray(conditionValue)) {\n          temp = temp && toArray(conditionValue).includes(propValue)\n        } else if (isFunction(conditionValue)) {\n          temp = temp && Boolean(conditionValue(propValue))\n        } else {\n          temp = temp && (conditionValue as unknown) === propValue\n        }\n      }\n\n      res = res || temp\n    }\n\n    return res\n  }\n}\n\ntype ConditionObject<P> = Record<\n  string,\n  string | number | boolean | ((props: P) => boolean) | undefined\n>\n\nfunction handleConditionObject<P>(condition: ConditionObject<P>, props: P): string {\n  const keys = Object.keys(condition || {})\n\n  const res = keys.reduce((acc, key) => {\n    let value = condition[key]\n\n    if (isFunction(value)) {\n      value = value(props)\n    }\n\n    if (value) {\n      const tokenKey = key as ThemeToken\n      const result = (getToken(tokenKey, props as unknown as ThemedProps) ?? key) as string\n      return [...acc, result]\n    }\n\n    return acc\n  }, [] as string[])\n\n  return res.join(' ')\n}\n\ntype Condition<P> = number | string | ConditionObject<P> | ((props: P) => string)\n\n/**\n * Concatenate style properties or class names conditionally.\n * Conditions can be functions that consume components props,\n * objects, strings, or numbers (that will be coerced to strings).\n * @example\n * ```jsx\n * conditional(1, 'some-class', {\n *  'class-a': true,\n *  'class-b': (props) => props.showClassB,\n * }, (props) => props.className)\n * ```\n * @param conditions\n * @returns {(props: ThemedProps) => string} Returns function that consumes component props.\n */\nfunction conditional<P>(...conditions: Condition<P>[]) {\n  return function (props: P): string {\n    let classes: string[] = []\n\n    for (let i = 0; i < conditions.length; i++) {\n      const condition = conditions[i]\n\n      if (isFunction(condition)) {\n        classes.push(condition(props))\n      } else if (isObject(condition)) {\n        classes = classes.concat(handleConditionObject<P>(condition, props))\n      } else if (condition) {\n        classes.push(String(condition))\n      }\n    }\n\n    return classes.join(' ')\n  }\n}\n\nexport default conditional\n","function compare(...args: any[]): unknown {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const [value, defaultValue] = args\n\n  if (value == null || value === false || Number.isNaN(value)) {\n    return defaultValue || value\n  }\n\n  if (typeof value === 'string' && value.length === 0) {\n    return defaultValue || value\n  }\n\n  return value\n}\n\n/**\n * Retrieve the key value from the props object\n * @example\n * ```jsx\n * -transform: scaleY(${(props) => props.$height || 1});\n * +transform: scaleY(${prop('$height', 1)});\n * ```\n * @param name a valid property name from the object\n * @param defaultValue a fallback value in case the property value is invalid\n * @param comparatorFn a function to be used to decide between value or defaultValue\n * @returns {(props: ThemedProps) => string} Returns function that consumes component props.\n */\nfunction prop<P, K extends keyof P = keyof P>(\n  name: K,\n  defaultValue?: NonNullable<P[K]>,\n  comparatorFn = compare\n) {\n  return (props: P): P[K] => comparatorFn(props[name], defaultValue) as P[K]\n}\n\nexport default prop\n"],"names":["handleConditionObject","condition","props","Object","keys","reduce","acc","key","value","isFunction","tokenKey","result","_a","getToken","join","compare","args","defaultValue","Number","isNaN","length","conditions","classes","i","push","isObject","concat","String","name","comparatorFn","safeConditions","toArray","res","temp","j","propValue","get","conditionValue","Array","isArray","includes","Boolean"],"mappings":"gOAoEA,SAASA,EAAyBC,EAA+BC,GAmB/D,OAlBaC,OAAOC,KAAKH,GAAa,CAAE,GAEvBI,QAAO,CAACC,EAAKC,WAC5B,IAAIC,EAAQP,EAAUM,GAMtB,GAJIE,EAAAA,WAAWD,KACbA,EAAQA,EAAMN,IAGZM,EAAO,CACT,MAAME,EAAWH,EACXI,EAAiE,QAAvDC,EAAAC,EAAQA,SAACH,EAAUR,UAAoC,IAAAU,EAAAA,EAAAL,EACvE,MAAO,IAAID,EAAKK,EACjB,CAED,OAAOL,CAAG,GACT,IAEQQ,KAAK,IAClB,CCxFA,SAASC,KAAWC,GAElB,MAAOR,EAAOS,GAAgBD,EAE9B,OAAa,MAATR,IAA2B,IAAVA,GAAmBU,OAAOC,MAAMX,GAC5CS,GAAgBT,EAGJ,iBAAVA,GAAuC,IAAjBA,EAAMY,QAC9BH,GAGFT,CACT,qBD6FA,YAA2Ba,GACzB,OAAO,SAAUnB,GACf,IAAIoB,EAAoB,GAExB,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAWD,OAAQG,IAAK,CAC1C,MAAMtB,EAAYoB,EAAWE,GAEzBd,EAAAA,WAAWR,GACbqB,EAAQE,KAAKvB,EAAUC,IACduB,EAAAA,SAASxB,GAClBqB,EAAUA,EAAQI,OAAO1B,EAAyBC,EAAWC,IACpDD,GACTqB,EAAQE,KAAKG,OAAO1B,GAEvB,CAED,OAAOqB,EAAQR,KAAK,IACtB,CACF,eCjGA,SACEc,EACAX,EACAY,EAAed,GAEf,OAAQb,GAAmB2B,EAAa3B,EAAM0B,GAAOX,EACvD,oBDHM,SAAuBI,GAC3B,OAAO,SAAUnB,GACf,MAAM4B,EAAiBC,UAAQV,GAE/B,IAAIW,GAAM,EAEV,IAAK,IAAIT,EAAI,EAAGA,EAAIO,EAAeV,OAAQG,IAAK,CAC9C,MAAMtB,EAAY6B,EAAeP,GAC3BnB,EAAOD,OAAOC,KAAKH,GAEzB,IAAIgC,GAAO,EAEX,IAAK,IAAIC,EAAI,EAAGA,EAAI9B,EAAKgB,QAAUa,EAAMC,IAAK,CAC5C,MAAM3B,EAAMH,EAAK8B,GACXC,EAAYC,EAAAA,QAAIlC,EAAOK,GACvB8B,EAAiBpC,EAAUM,GAG/B0B,EADEK,MAAMC,QAAQF,GACTJ,GAAQF,EAAOA,QAACM,GAAgBG,SAASL,GACvC1B,EAAAA,WAAW4B,GACbJ,GAAQQ,QAAQJ,EAAeF,IAE/BF,GAASI,IAA+BF,CAElD,CAEDH,EAAMA,GAAOC,CACd,CAED,OAAOD,CACT,CACF"}
+{"version":3,"file":"prop-BwhJNJHO.js","sources":["../src/tools/conditional.ts","../src/tools/prop.ts"],"sourcesContent":["import { isObject } from '@loadsmart/utils-object'\nimport { isFunction } from '@loadsmart/utils-function'\nimport type { F } from 'ts-toolbelt'\n\nimport { getToken } from 'theming'\nimport type { ThemeToken, ThemedProps } from 'theming'\nimport get from 'utils/toolset/get'\nimport toArray from 'utils/toolset/toArray'\n\ntype WhenProps<K> = K | undefined | ((value: K) => boolean | undefined)\n\nexport type When<P> = {\n  [Key in keyof P]?: WhenProps<P[Key]> | WhenProps<P[Key]>[] | undefined\n}\n\n/**\n * Utility to generate style/class name conditions based on a components props.\n * Expected prop values can be a single value, an array of values or a function/callback.\n * @example\n * ```jsx\n * whenProps({\n *  'prop-a': true, // checks `props['prop-a']` === true`\n *  'prop-b': [1, 2], // checks `toArray([1, 2]).includes(props['prop-b'])`\n *  'prop-c': (value) => value + 1 // checks `Boolean(callback(props['prop-c']))`\n *  'prop-d': Boolean // checks `Boolean(Boolean(props['prop-d']))`\n * })\n * ```\n * @param {...Object} conditions\n * @returns {(props: Object}) => boolean} Returns function that consumes component props.\n */\nexport function whenProps<P>(conditions: When<F.Narrow<P>> | When<F.Narrow<P>>[]) {\n  return function (props: P): boolean {\n    const safeConditions = toArray(conditions)\n\n    let res = false\n\n    for (let i = 0; i < safeConditions.length; i++) {\n      const condition = safeConditions[i]\n      const keys = Object.keys(condition)\n\n      let temp = true\n\n      for (let j = 0; j < keys.length && temp; j++) {\n        const key = keys[j]\n        const propValue = get(props, key) as P[keyof P]\n        const conditionValue = condition[key as keyof typeof condition]\n\n        if (Array.isArray(conditionValue)) {\n          temp = temp && toArray(conditionValue).includes(propValue)\n        } else if (isFunction(conditionValue)) {\n          temp = temp && Boolean(conditionValue(propValue))\n        } else {\n          temp = temp && (conditionValue as unknown) === propValue\n        }\n      }\n\n      res = res || temp\n    }\n\n    return res\n  }\n}\n\ntype ConditionObject<P> = Record<\n  string,\n  string | number | boolean | ((props: P) => boolean) | undefined\n>\n\nfunction handleConditionObject<P>(condition: ConditionObject<P>, props: P): string {\n  const keys = Object.keys(condition || {})\n\n  const res = keys.reduce((acc, key) => {\n    let value = condition[key]\n\n    if (isFunction(value)) {\n      value = value(props)\n    }\n\n    if (value) {\n      const tokenKey = key as ThemeToken\n      const result = (getToken(tokenKey, props as unknown as ThemedProps) ?? key) as string\n      return [...acc, result]\n    }\n\n    return acc\n  }, [] as string[])\n\n  return res.join(' ')\n}\n\ntype Condition<P> = number | string | ConditionObject<P> | ((props: P) => string)\n\n/**\n * Concatenate style properties or class names conditionally.\n * Conditions can be functions that consume components props,\n * objects, strings, or numbers (that will be coerced to strings).\n * @example\n * ```jsx\n * conditional(1, 'some-class', {\n *  'class-a': true,\n *  'class-b': (props) => props.showClassB,\n * }, (props) => props.className)\n * ```\n * @param conditions\n * @returns {(props: ThemedProps) => string} Returns function that consumes component props.\n */\nfunction conditional<P>(...conditions: Condition<P>[]) {\n  return function (props: P): string {\n    let classes: string[] = []\n\n    for (let i = 0; i < conditions.length; i++) {\n      const condition = conditions[i]\n\n      if (isFunction(condition)) {\n        classes.push(condition(props))\n      } else if (isObject(condition)) {\n        classes = classes.concat(handleConditionObject<P>(condition, props))\n      } else if (condition) {\n        classes.push(String(condition))\n      }\n    }\n\n    return classes.join(' ')\n  }\n}\n\nexport default conditional\n","function compare(...args: any[]): unknown {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const [value, defaultValue] = args\n\n  if (value == null || value === false || Number.isNaN(value)) {\n    return defaultValue || value\n  }\n\n  if (typeof value === 'string' && value.length === 0) {\n    return defaultValue || value\n  }\n\n  return value\n}\n\n/**\n * Retrieve the key value from the props object\n * @example\n * ```jsx\n * -transform: scaleY(${(props) => props.$height || 1});\n * +transform: scaleY(${prop('$height', 1)});\n * ```\n * @param name a valid property name from the object\n * @param defaultValue a fallback value in case the property value is invalid\n * @param comparatorFn a function to be used to decide between value or defaultValue\n * @returns {(props: ThemedProps) => string} Returns function that consumes component props.\n */\nfunction prop<P, K extends keyof P = keyof P>(\n  name: K,\n  defaultValue?: NonNullable<P[K]>,\n  comparatorFn = compare\n) {\n  return (props: P): P[K] => comparatorFn(props[name], defaultValue) as P[K]\n}\n\nexport default prop\n"],"names":["whenProps","conditions","props","safeConditions","toArray","res","i","length","condition","keys","Object","temp","j","key","propValue","get","conditionValue","Array","isArray","includes","isFunction","Boolean","handleConditionObject","reduce","acc","value","tokenKey","result","getToken","join","conditional","classes","push","isObject","concat","String","compare","args","defaultValue","Number","isNaN","prop","name","comparatorFn"],"mappings":"uOA8BO,SAASA,EAAaC,EAAqD,CAChF,OAAO,SAAUC,EAAmB,CAC5BC,MAAAA,EAAiBC,UAAQH,CAAU,EAEzC,IAAII,EAAM,GAEV,QAASC,EAAI,EAAGA,EAAIH,EAAeI,OAAQD,IAAK,CACxCE,MAAAA,EAAYL,EAAeG,CAAC,EAC5BG,EAAOC,OAAOD,KAAKD,CAAS,EAElC,IAAIG,EAAO,GAEX,QAASC,EAAI,EAAGA,EAAIH,EAAKF,QAAUI,EAAMC,IAAK,CACtCC,MAAAA,EAAMJ,EAAKG,CAAC,EACZE,EAAYC,EAAAA,QAAIb,EAAOW,CAAG,EAC1BG,EAAiBR,EAAUK,CAA6B,EAE1DI,MAAMC,QAAQF,CAAc,EAC9BL,EAAOA,GAAQP,EAAAA,QAAQY,CAAc,EAAEG,SAASL,CAAS,EAChDM,EAAAA,WAAWJ,CAAc,EAClCL,EAAOA,GAAQU,EAAQL,EAAeF,CAAS,EAE/CH,EAAOA,GAASK,IAA+BF,CACjD,CAGFT,EAAMA,GAAOM,CAAAA,CAGRN,OAAAA,CACT,CACF,CAOA,SAASiB,EAAyBd,EAA+BN,EAAkB,CAmB1EG,OAlBMK,OAAOD,KAAKD,GAAa,CAAA,CAAE,EAEvBe,OAAO,CAACC,EAAKX,IAAQ,CAChCY,IAAAA,EAAQjB,EAAUK,CAAG,EAMzB,GAJIO,EAAAA,WAAWK,CAAK,IAClBA,EAAQA,EAAMvB,CAAK,GAGjBuB,EAAO,CACT,MAAMC,EAAWb,EACXc,EAAUC,EAAAA,SAASF,EAAUxB,CAA+B,GAAKW,EAChE,MAAA,CAAC,GAAGW,EAAKG,CAAM,CAAA,CAGjBH,OAAAA,CACT,EAAG,EAAc,EAENK,KAAK,GAAG,CACrB,CAkBA,SAASC,KAAkB7B,EAA4B,CACrD,OAAO,SAAUC,EAAkB,CACjC,IAAI6B,EAAoB,CAAE,EAE1B,QAASzB,EAAI,EAAGA,EAAIL,EAAWM,OAAQD,IAAK,CACpCE,MAAAA,EAAYP,EAAWK,CAAC,EAE1Bc,EAAAA,WAAWZ,CAAS,EACdwB,EAAAA,KAAKxB,EAAUN,CAAK,CAAC,EACpB+B,EAAAA,SAASzB,CAAS,EAC3BuB,EAAUA,EAAQG,OAAOZ,EAAyBd,EAAWN,CAAK,CAAC,EAC1DM,GACDwB,EAAAA,KAAKG,OAAO3B,CAAS,CAAC,CAChC,CAGKuB,OAAAA,EAAQF,KAAK,GAAG,CACzB,CACF,CC5HA,SAASO,KAAWC,EAAsB,CAElC,KAAA,CAACZ,EAAOa,CAAY,EAAID,EAM9B,OAJIZ,GAAS,MAAQA,IAAU,IAASc,OAAOC,MAAMf,CAAK,GAItD,OAAOA,GAAU,UAAYA,EAAMlB,SAAW,IACzC+B,GAAgBb,CAI3B,CAcA,SAASgB,EACPC,EACAJ,EACAK,EAAeP,EACf,CACA,OAAQlC,GAAmByC,EAAazC,EAAMwC,CAAI,EAAGJ,CAAY,CACnE"}

package/dist/styles/activatable.d.ts

@@ -1,10 +1,10 @@
-import type { InterpolatedStyle } from "../utils/types/InterpolatedStyle";
-/**
- * Add basic CSS style wrapping block for `:active` state.
- * It returns an array to allow handling of nested interpolation
- * @param {ReadonlyArray<string> | Array<string>} strings - String parts for the interpolation.
- * @param {any[]} args - Interpolated items.
- * @returns {any[]}
- */
-declare function activatableStyle(strings?: ReadonlyArray<string> | Array<string>, ...args: any[]): InterpolatedStyle;
-export default activatableStyle;
+import { InterpolatedStyle } from '../utils/types/InterpolatedStyle';
+/**
+ * Add basic CSS style wrapping block for `:active` state.
+ * It returns an array to allow handling of nested interpolation
+ * @param {ReadonlyArray<string> | Array<string>} strings - String parts for the interpolation.
+ * @param {any[]} args - Interpolated items.
+ * @returns {any[]}
+ */
+declare function activatableStyle(strings?: ReadonlyArray<string> | Array<string>, ...args: any[]): InterpolatedStyle;
+export default activatableStyle;

package/dist/styles/disableable.d.ts

@@ -1,10 +1,10 @@
-import type { InterpolatedStyle } from "../utils/types/InterpolatedStyle";
-/**
- * Add basic CSS style wrapping block for `:disabled` state or `.is-disabled` class.
- * It returns an array to allow handling of nested interpolation
- * @param {ReadonlyArray<string> | Array<string>} strings - String parts for the interpolation.
- * @param {any[]} args - Interpolated items.
- * @returns {any[]}
- */
-declare function disableableStyle(strings?: ReadonlyArray<string> | Array<string>, ...args: any[]): InterpolatedStyle;
-export default disableableStyle;
+import { InterpolatedStyle } from '../utils/types/InterpolatedStyle';
+/**
+ * Add basic CSS style wrapping block for `:disabled` state or `.is-disabled` class.
+ * It returns an array to allow handling of nested interpolation
+ * @param {ReadonlyArray<string> | Array<string>} strings - String parts for the interpolation.
+ * @param {any[]} args - Interpolated items.
+ * @returns {any[]}
+ */
+declare function disableableStyle(strings?: ReadonlyArray<string> | Array<string>, ...args: any[]): InterpolatedStyle;
+export default disableableStyle;

package/dist/styles/ellipsizable.d.ts

@@ -1,7 +1,7 @@
-/**
- * Add basic CSS style for ellipsizing the content of an element.
- * Setting `max-width` is a responsability of the caller.
- * @returns {string}
- */
-declare function ellipsizableStyle(): string;
-export default ellipsizableStyle;
+/**
+ * Add basic CSS style for ellipsizing the content of an element.
+ * Setting `max-width` is a responsability of the caller.
+ * @returns {string}
+ */
+declare function ellipsizableStyle(): string;
+export default ellipsizableStyle;

package/dist/styles/focusable.d.ts

@@ -1,10 +1,10 @@
-import type { InterpolatedStyle } from "../utils/types/InterpolatedStyle";
-/**
- * Add basic CSS style wrapping block for `:active` state.
- * It returns an array to allow handling of nested interpolation
- * @param {ReadonlyArray<string> | Array<string>} strings - String parts for the interpolation.
- * @param {any[]} args - Interpolated items.
- * @returns {any[]}
- */
-declare function focusableStyle(strings?: ReadonlyArray<string> | Array<string>, ...args: any[]): InterpolatedStyle;
-export default focusableStyle;
+import { InterpolatedStyle } from '../utils/types/InterpolatedStyle';
+/**
+ * Add basic CSS style wrapping block for `:active` state.
+ * It returns an array to allow handling of nested interpolation
+ * @param {ReadonlyArray<string> | Array<string>} strings - String parts for the interpolation.
+ * @param {any[]} args - Interpolated items.
+ * @returns {any[]}
+ */
+declare function focusableStyle(strings?: ReadonlyArray<string> | Array<string>, ...args: any[]): InterpolatedStyle;
+export default focusableStyle;

package/dist/styles/font.d.ts

@@ -1,16 +1,16 @@
-import type { FlattenInterpolation } from 'styled-components';
-import type { ThemedProps, ThemeToken } from "../theming";
-interface FontStyleOptions {
-    size?: ThemeToken;
-    family?: ThemeToken;
-    weight?: ThemeToken;
-    height?: ThemeToken;
-    color?: ThemeToken;
-    transform?: 'uppercase' | 'none';
-}
-/**
- * Add basic CSS style for default font
- * @returns {FlattenInterpolation}
- */
-declare function fontStyle({ color, weight, size, family, height, transform, }: FontStyleOptions): FlattenInterpolation<ThemedProps>;
-export default fontStyle;
+import { FlattenInterpolation } from 'styled-components';
+import { ThemedProps, ThemeToken } from '../theming';
+interface FontStyleOptions {
+    size?: ThemeToken;
+    family?: ThemeToken;
+    weight?: ThemeToken;
+    height?: ThemeToken;
+    color?: ThemeToken;
+    transform?: 'uppercase' | 'none';
+}
+/**
+ * Add basic CSS style for default font
+ * @returns {FlattenInterpolation}
+ */
+declare function fontStyle({ color, weight, size, family, height, transform, }: FontStyleOptions): FlattenInterpolation<ThemedProps>;
+export default fontStyle;

package/dist/styles/font.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/styles/hidden.d.ts

@@ -1,7 +1,7 @@
-/**
- * Add basic CSS style for hide elements
- * @param {boolean} accessible - should keep element visible for screen readers
- * @returns {string}
- */
-declare function hiddenStyle(accessible?: boolean): string;
-export default hiddenStyle;
+/**
+ * Add basic CSS style for hide elements
+ * @param {boolean} accessible - should keep element visible for screen readers
+ * @returns {string}
+ */
+declare function hiddenStyle(accessible?: boolean): string;
+export default hiddenStyle;

package/dist/styles/hoverable.d.ts

@@ -1,10 +1,10 @@
-import type { InterpolatedStyle } from "../utils/types/InterpolatedStyle";
-/**
- * Add basic CSS style wrapping block for `:hover` state; it includes check for non-disabled (`:enabled` or not `.is-disabled`) elements.
- * It returns an array to allow handling of nested interpolation
- * @param {ReadonlyArray<string> | Array<string>} strings - String parts for the interpolation.
- * @param {any[]} args - Interpolated items.
- * @returns {any[]}
- */
-declare function hoverableStyle(strings?: ReadonlyArray<string> | Array<string>, ...args: any[]): InterpolatedStyle;
-export default hoverableStyle;
+import { InterpolatedStyle } from '../utils/types/InterpolatedStyle';
+/**
+ * Add basic CSS style wrapping block for `:hover` state; it includes check for non-disabled (`:enabled` or not `.is-disabled`) elements.
+ * It returns an array to allow handling of nested interpolation
+ * @param {ReadonlyArray<string> | Array<string>} strings - String parts for the interpolation.
+ * @param {any[]} args - Interpolated items.
+ * @returns {any[]}
+ */
+declare function hoverableStyle(strings?: ReadonlyArray<string> | Array<string>, ...args: any[]): InterpolatedStyle;
+export default hoverableStyle;

package/dist/styles/transition.d.ts

@@ -1,11 +1,11 @@
-interface TransitionStyleOptions {
-    property?: string;
-    timingFunction?: string;
-    duration?: string;
-}
-/**
- * Add basic CSS style for default transition parameters
- * @returns {string}
- */
-declare function transitionStyle(options?: TransitionStyleOptions): string;
-export default transitionStyle;
+interface TransitionStyleOptions {
+    property?: string;
+    timingFunction?: string;
+    duration?: string;
+}
+/**
+ * Add basic CSS style for default transition parameters
+ * @returns {string}
+ */
+declare function transitionStyle(options?: TransitionStyleOptions): string;
+export default transitionStyle;

package/dist/styles/typography.d.ts

@@ -1,27 +1,26 @@
-import { ThemedStyledProps } from 'styled-components';
-import type { FlattenInterpolation } from 'styled-components';
-import type { CustomTheme, ThemeToken } from "../theming";
-export declare type TypographyOptions = {
-    italic?: boolean;
-    color?: ThemeToken;
-};
-declare type PropertiesToken = {
-    fontSize: ThemeToken;
-    lineHeight: ThemeToken;
-    fontWeight: ThemeToken;
-    fontFamily?: ThemeToken;
-    textTransform?: 'none' | 'uppercase';
-    color?: ThemeToken;
-};
-export declare type TypographyVariants = 'heading-lg' | 'heading-md' | 'heading-md-bold' | 'heading-sm' | 'heading-sm-bold' | 'body' | 'body-bold' | 'caption' | 'caption-bold' | 'number-sm' | 'number-md' | 'button-sm' | 'button-md' | 'button-lg' | 'table-header-sm' | 'table-header-md' | 'chips-sm' | 'link';
-declare type TypographyProperties = Record<TypographyVariants, PropertiesToken>;
-export declare const typographyProperties: TypographyProperties;
-declare type StyledTemplate<P> = FlattenInterpolation<ThemedStyledProps<P, CustomTheme>>;
-/**
- * Standard styles for screen-rendered text
- * @param {TypographyVariants} variant Name of the variant
- * @param {TypographyOptions} options Add boldness, italics and color
- * @returns {FlattenInterpolation}
- */
-declare function typography<P>(variant?: TypographyVariants | ((props: P) => string), options?: TypographyOptions): StyledTemplate<P> | ((props: P) => StyledTemplate<P>);
-export default typography;
+import { ThemedStyledProps, FlattenInterpolation } from 'styled-components';
+import { CustomTheme, ThemeToken } from '../theming';
+export type TypographyOptions = {
+    italic?: boolean;
+    color?: ThemeToken;
+};
+type PropertiesToken = {
+    fontSize: ThemeToken;
+    lineHeight: ThemeToken;
+    fontWeight: ThemeToken;
+    fontFamily?: ThemeToken;
+    textTransform?: 'none' | 'uppercase';
+    color?: ThemeToken;
+};
+export type TypographyVariants = 'heading-lg' | 'heading-md' | 'heading-md-bold' | 'heading-sm' | 'heading-sm-bold' | 'body' | 'body-bold' | 'caption' | 'caption-bold' | 'number-sm' | 'number-md' | 'button-sm' | 'button-md' | 'button-lg' | 'table-header-sm' | 'table-header-md' | 'chips-sm' | 'link';
+type TypographyProperties = Record<TypographyVariants, PropertiesToken>;
+export declare const typographyProperties: TypographyProperties;
+type StyledTemplate<P> = FlattenInterpolation<ThemedStyledProps<P, CustomTheme>>;
+/**
+ * Standard styles for screen-rendered text
+ * @param {TypographyVariants} variant Name of the variant
+ * @param {TypographyOptions} options Add boldness, italics and color
+ * @returns {FlattenInterpolation}
+ */
+declare function typography<P>(variant?: TypographyVariants | ((props: P) => string), options?: TypographyOptions): StyledTemplate<P> | ((props: P) => StyledTemplate<P>);
+export default typography;

package/dist/styles/typography.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/testing/DatePickerEvent/DatePickerEvent.d.ts

@@ -1,42 +1,42 @@
-declare function getContainerFromInput(input: HTMLElement): HTMLElement;
-/**
- * Expand the `DatePicker` calendar, if it not already expanded.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
- */
-declare function expand(input: HTMLElement): Promise<void>;
-/**
- * Collapse the `DatePicker` calendar, if it not already collapsed.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
- */
-declare function collapse(input: HTMLElement): Promise<void>;
-/**
- * Pick (select)  the provided day in the current month/year.
- * Notice that we programatically expand the `DatePicker` calendar before picking the date.
- * @param {string} day - Label for the day to be picked, formatted as mm/dd/yyyy.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
- */
-declare function pick(day: string, input: HTMLElement): Promise<void>;
-/**
- * Clear the selection, if there are any options selected.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
- */
-declare function clear(input: HTMLElement): Promise<void>;
-/**
- * Get options elements currently selected in the `DatePicker` calendar.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<HTMLElement[]>}
- */
-declare function getSelectedDates(input: HTMLElement): Promise<HTMLElement[]>;
-declare const datePickerEvent: {
-    getContainer: typeof getContainerFromInput;
-    expand: typeof expand;
-    collapse: typeof collapse;
-    pick: typeof pick;
-    clear: typeof clear;
-    getSelectedDates: typeof getSelectedDates;
-};
-export default datePickerEvent;
+declare function getContainerFromInput(input: HTMLElement): HTMLElement;
+/**
+ * Expand the `DatePicker` calendar, if it not already expanded.
+ * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
+ * @returns {Promise<void>}
+ */
+declare function expand(input: HTMLElement): Promise<void>;
+/**
+ * Collapse the `DatePicker` calendar, if it not already collapsed.
+ * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
+ * @returns {Promise<void>}
+ */
+declare function collapse(input: HTMLElement): Promise<void>;
+/**
+ * Pick (select)  the provided day in the current month/year.
+ * Notice that we programatically expand the `DatePicker` calendar before picking the date.
+ * @param {string} day - Label for the day to be picked, formatted as mm/dd/yyyy.
+ * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
+ * @returns {Promise<void>}
+ */
+declare function pick(day: string, input: HTMLElement): Promise<void>;
+/**
+ * Clear the selection, if there are any options selected.
+ * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
+ * @returns {Promise<void>}
+ */
+declare function clear(input: HTMLElement): Promise<void>;
+/**
+ * Get options elements currently selected in the `DatePicker` calendar.
+ * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
+ * @returns {Promise<HTMLElement[]>}
+ */
+declare function getSelectedDates(input: HTMLElement): Promise<HTMLElement[]>;
+declare const datePickerEvent: {
+    getContainer: typeof getContainerFromInput;
+    expand: typeof expand;
+    collapse: typeof collapse;
+    pick: typeof pick;
+    clear: typeof clear;
+    getSelectedDates: typeof getSelectedDates;
+};
+export default datePickerEvent;

package/dist/testing/DatePickerEvent/DateRangePickerEvent.d.ts

@@ -1,41 +1,41 @@
-/**
- * Expand the `DatePicker` calendar, if it not already expanded.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
- */
-declare function expand(input: HTMLElement): Promise<void>;
-/**
- * Collapse the `DatePicker` calendar, if it not already collapsed.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
- */
-declare function collapse(input: HTMLElement): Promise<void>;
-/**
- * Pick (select)  the provided day in the current month/year.
- * Notice that we programatically expand the `DatePicker` calendar before picking the date.
- * @param {string} day - Label for the day to be picked, formatted as mm/dd/yyyy.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
- */
-declare function pick(range: [string | null, string | null], input: HTMLElement): Promise<void>;
-/**
- * Clear the selection, if there are any options selected.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<void>}
- */
-declare function clear(input: HTMLElement): Promise<void>;
-/**
- * Get options elements currently selected in the `DatePicker` calendar.
- * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
- * @returns {Promise<HTMLElement[]>}
- */
-declare function getSelectedDates(input: HTMLElement): Promise<HTMLElement[]>;
-export declare const dateRangePickerEvent: {
-    getContainer: (input: HTMLElement) => HTMLElement;
-    expand: typeof expand;
-    collapse: typeof collapse;
-    pick: typeof pick;
-    clear: typeof clear;
-    getSelectedDates: typeof getSelectedDates;
-};
-export default dateRangePickerEvent;
+/**
+ * Expand the `DatePicker` calendar, if it not already expanded.
+ * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
+ * @returns {Promise<void>}
+ */
+declare function expand(input: HTMLElement): Promise<void>;
+/**
+ * Collapse the `DatePicker` calendar, if it not already collapsed.
+ * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
+ * @returns {Promise<void>}
+ */
+declare function collapse(input: HTMLElement): Promise<void>;
+/**
+ * Pick (select)  the provided day in the current month/year.
+ * Notice that we programatically expand the `DatePicker` calendar before picking the date.
+ * @param {string} day - Label for the day to be picked, formatted as mm/dd/yyyy.
+ * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
+ * @returns {Promise<void>}
+ */
+declare function pick(range: [string | null, string | null], input: HTMLElement): Promise<void>;
+/**
+ * Clear the selection, if there are any options selected.
+ * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
+ * @returns {Promise<void>}
+ */
+declare function clear(input: HTMLElement): Promise<void>;
+/**
+ * Get options elements currently selected in the `DatePicker` calendar.
+ * @param {HTMLElement} input - You can refer to this element by the label you applied to the `DatePicker`
+ * @returns {Promise<HTMLElement[]>}
+ */
+declare function getSelectedDates(input: HTMLElement): Promise<HTMLElement[]>;
+export declare const dateRangePickerEvent: {
+    getContainer: (input: HTMLElement) => HTMLElement;
+    expand: typeof expand;
+    collapse: typeof collapse;
+    pick: typeof pick;
+    clear: typeof clear;
+    getSelectedDates: typeof getSelectedDates;
+};
+export default dateRangePickerEvent;

package/dist/testing/DatePickerEvent/index.d.ts

@@ -1,2 +1,2 @@
-export { default as DatePickerEvent } from './DatePickerEvent';
-export { default as DateRangePickerEvent } from './DateRangePickerEvent';
+export { default as DatePickerEvent } from './DatePickerEvent';
+export { default as DateRangePickerEvent } from './DateRangePickerEvent';

package/dist/testing/DragDropFileEvent/DragDropFileEvent.d.ts

@@ -1,6 +1,6 @@
-export declare const DragDropFileEvent: {
-    dragOver: (input: HTMLInputElement) => void;
-    dragLeave: (input: HTMLInputElement) => void;
-    dropFiles: (input: HTMLInputElement, files: File | File[]) => void;
-};
-export default DragDropFileEvent;
+export declare const DragDropFileEvent: {
+    dragOver: (input: HTMLInputElement) => void;
+    dragLeave: (input: HTMLInputElement) => void;
+    dropFiles: (input: HTMLInputElement, files: File | File[]) => void;
+};
+export default DragDropFileEvent;

package/dist/testing/DragDropFileEvent/index.d.ts

@@ -1 +1 @@
-export { default } from './DragDropFileEvent';
+export { default } from './DragDropFileEvent';