@cube-dev/ui-kit 0.181.0 → 0.183.0

package/dist/components/content/Placeholder/Placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.js","names":[],"sources":["../../../../src/components/content/Placeholder/Placeholder.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  keyframes,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { extractStyles } from '../../../utils/styles';\n\n// Create the placeholder animation using keyframes helper\nconst placeholderAnimation = keyframes({\n  '0%': {\n    'background-position': '0 0',\n  },\n  '100%': {\n    'background-position': '$placeholder-animation-size 0',\n  },\n});\n\nconst StyledPlaceholder = tasty({\n  role: 'alert',\n  'aria-live': 'polite',\n  styles: {\n    display: 'block',\n    height: '2x',\n    opacity: '.35',\n    aspectRatio: {\n      '': 'initial',\n      circle: '1 / 1',\n    },\n    radius: {\n      '': '1r',\n      circle: 'round',\n    },\n\n    // CSS custom properties for animation\n    '$placeholder-animation-time': '1.4s',\n    '$placeholder-animation-size': 'calc((180rem + 100vw) / 3)',\n\n    // Base background styling\n    backgroundRepeat: 'repeat',\n    backgroundSize: '$placeholder-animation-size',\n    fill: '#dark.15',\n\n    // Animated state styling\n    animation: {\n      '': 'none',\n      animated: `${placeholderAnimation} $placeholder-animation-time linear infinite`,\n    },\n    image: {\n      '': 'none',\n      animated: `linear-gradient(\n        135deg,\n        #dark.15 0%,\n        #dark.15 5%,\n        #dark.0 35%,\n        #dark-03.2 50%,\n        #dark-03.0 65%,\n        #dark.15 95%,\n        #dark.15 100%\n      )`,\n    },\n  },\n});\n\nexport interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {\n  size?: Styles['fontSize'];\n  circle?: boolean;\n  isStatic?: boolean;\n}\n\nexport const Placeholder = forwardRef(function Placeholder(\n  allProps: CubePlaceholderProps,\n  ref,\n) {\n  let { size = '2x', isStatic, circle, ...props } = allProps;\n\n  const { t } = useI18n();\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <StyledPlaceholder\n      role=\"region\"\n      aria-label={t('placeholder.contentIsLoading', 'Content is loading')}\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      mods={{ animated: !isStatic, circle }}\n      styles={{\n        height: size,\n        ...styles,\n      }}\n    />\n  );\n});\n"],"mappings":";;;;;;;;AAeA,MAAM,uBAAuB,UAAU;CACrC,MAAM,EACJ,uBAAuB,OACxB;CACD,QAAQ,EACN,uBAAuB,iCACxB;CACF,CAAC;AAEF,MAAM,oBAAoB,MAAM;CAC9B,MAAM;CACN,aAAa;CACb,QAAQ;EACN,SAAS;EACT,QAAQ;EACR,SAAS;EACT,aAAa;GACX,IAAI;GACJ,QAAQ;GACT;EACD,QAAQ;GACN,IAAI;GACJ,QAAQ;GACT;EAGD,+BAA+B;EAC/B,+BAA+B;EAG/B,kBAAkB;EAClB,gBAAgB;EAChB,MAAM;EAGN,WAAW;GACT,IAAI;GACJ,UAAU,GAAG,qBAAqB;GACnC;EACD,OAAO;GACL,IAAI;GACJ,UAAU;;;;;;;;;;GAUX;EACF;CACF,CAAC;AAQF,MAAa,cAAc,WAAW,SAAS,YAC7C,UACA,KACA;CACA,IAAI,EAAE,OAAO,MAAM,UAAU,QAAQ,GAAG,UAAU;CAElD,MAAM,EAAE,MAAM,SAAS;CAEvB,IAAI,SAAS,cAAc,OAAO,iBAAiB;AAEnD,QACE,oBAAC;EACC,MAAK;EACL,cAAY,EAAE,gCAAgC,qBAAqB;EACnE,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACL,MAAM;GAAE,UAAU,CAAC;GAAU;GAAQ;EACrC,QAAQ;GACN,QAAQ;GACR,GAAG;GACJ;GACD;EAEJ"}
+{"version":3,"file":"Placeholder.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","keyframes","Styles","tasty","forwardRef","useI18n","extractStyles","placeholderAnimation","StyledPlaceholder","role","styles","display","height","opacity","aspectRatio","circle","radius","backgroundRepeat","backgroundSize","fill","animation","animated","image","CubePlaceholderProps","size","isStatic","Placeholder","allProps","ref","$","_c","t0","props","undefined","t","T0","t1","t2","t3","eventProps","t4","t5","t6","t7"],"sources":["../../../../src/components/content/Placeholder/Placeholder.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  keyframes,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { extractStyles } from '../../../utils/styles';\n\n// Create the placeholder animation using keyframes helper\nconst placeholderAnimation = keyframes({\n  '0%': {\n    'background-position': '0 0',\n  },\n  '100%': {\n    'background-position': '$placeholder-animation-size 0',\n  },\n});\n\nconst StyledPlaceholder = tasty({\n  role: 'alert',\n  'aria-live': 'polite',\n  styles: {\n    display: 'block',\n    height: '2x',\n    opacity: '.35',\n    aspectRatio: {\n      '': 'initial',\n      circle: '1 / 1',\n    },\n    radius: {\n      '': '1r',\n      circle: 'round',\n    },\n\n    // CSS custom properties for animation\n    '$placeholder-animation-time': '1.4s',\n    '$placeholder-animation-size': 'calc((180rem + 100vw) / 3)',\n\n    // Base background styling\n    backgroundRepeat: 'repeat',\n    backgroundSize: '$placeholder-animation-size',\n    fill: '#dark.15',\n\n    // Animated state styling\n    animation: {\n      '': 'none',\n      animated: `${placeholderAnimation} $placeholder-animation-time linear infinite`,\n    },\n    image: {\n      '': 'none',\n      animated: `linear-gradient(\n        135deg,\n        #dark.15 0%,\n        #dark.15 5%,\n        #dark.0 35%,\n        #dark-03.2 50%,\n        #dark-03.0 65%,\n        #dark.15 95%,\n        #dark.15 100%\n      )`,\n    },\n  },\n});\n\nexport interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {\n  size?: Styles['fontSize'];\n  circle?: boolean;\n  isStatic?: boolean;\n}\n\nexport const Placeholder = forwardRef(function Placeholder(\n  allProps: CubePlaceholderProps,\n  ref,\n) {\n  let { size = '2x', isStatic, circle, ...props } = allProps;\n\n  const { t } = useI18n();\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <StyledPlaceholder\n      role=\"region\"\n      aria-label={t('placeholder.contentIsLoading', 'Content is loading')}\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      mods={{ animated: !isStatic, circle }}\n      styles={{\n        height: size,\n        ...styles,\n      }}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;AAeA,MAAMU,uBAAuBN,UAAU;CACrC,MAAM,EACJ,uBAAuB,OACxB;CACD,QAAQ,EACN,uBAAuB,iCACzB;CACD,CAAC;AAEF,MAAMO,oBAAoBL,MAAM;CAC9BM,MAAM;CACN,aAAa;CACbC,QAAQ;EACNC,SAAS;EACTC,QAAQ;EACRC,SAAS;EACTC,aAAa;GACX,IAAI;GACJC,QAAQ;GACT;EACDC,QAAQ;GACN,IAAI;GACJD,QAAQ;GACT;EAGD,+BAA+B;EAC/B,+BAA+B;EAG/BE,kBAAkB;EAClBC,gBAAgB;EAChBC,MAAM;EAGNC,WAAW;GACT,IAAI;GACJC,UAAU,GAAGd,qBAAoB;GAClC;EACDe,OAAO;GACL,IAAI;GACJD,UAAU;;;;;;;;;;GAUZ;EACF;CACD,CAAC;AAQF,MAAaK,cAActB,WAAW,SAAAsB,YAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAIpC,MAAA,EAAAN,MAAAO,IAAAN,UAAAV,QAAA,GAAAiB,UAAkDL;CAA5C,MAAAH,OAAAO,OAAAE,SAAA,OAAAF;CAEN,MAAA,EAAAG,MAAc7B,SAAS;CAEvB,MAAAK,SAAaJ,cAAc0B,OAAOlC,iBAAiB;CAGhD,MAAAqC,KAAA3B;CACM,MAAA4B,KAAA;CAAQ,IAAAC;AAAA,KAAAR,EAAA,OAAAK,GAAA;AACDG,OAAAH,EAAE,gCAAgC,qBAAqB;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAC/D,MAAAS,KAAAtC,gBAAgBgC,OAAO,EAAAO,YAAc,MAAM,CAAC;CAE9B,MAAAC,KAAA,CAACf;CAAQ,IAAAgB;AAAA,KAAAZ,EAAA,OAAAd,UAAAc,EAAA,OAAAW,IAAA;AAArBC,OAAA;GAAApB,UAAYmB;GAASzB;GAAU;AAAAc,IAAA,KAAAd;AAAAc,IAAA,KAAAW;AAAAX,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAL,QAAAK,EAAA,OAAAnB,QAAA;AAC7BgC,OAAA;GAAA9B,QACEY;GAAI,GACTd;GACJ;AAAAmB,IAAA,KAAAL;AAAAK,IAAA,KAAAnB;AAAAmB,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,OAAAM,MAAAN,EAAA,OAAAD,OAAAC,EAAA,QAAAQ,MAAAR,EAAA,QAAAS,MAAAT,EAAA,QAAAY,MAAAZ,EAAA,QAAAa,IAAA;AATHC,OAAA,oBAAC;GACM,MAAAP;GACO,cAAAC;GAAuD,GAC/DC;GACCV;GACC,MAAAa;GACE,QAAAC;IAIR;AAAAb,IAAA,KAAAM;AAAAN,IAAA,KAAAD;AAAAC,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;AAAAT,IAAA,MAAAY;AAAAZ,IAAA,MAAAa;AAAAb,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AAAA,QAVFc;EAYF"}

package/dist/components/content/PrismCode/PrismCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { RendererPrism, ensureYamlSqlExtensions } from "./prismSetup.js";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/PrismCode/PrismCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrismCode.js","names":["Prism"],"sources":["../../../../src/components/content/PrismCode/PrismCode.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { Highlight } from 'prism-react-renderer';\nimport { forwardRef } from 'react';\n\nimport { ensureYamlSqlExtensions, Prism } from './prismSetup';\n\nimport 'prismjs/components/prism-markup.js';\nimport 'prismjs/components/prism-javascript.js';\nimport 'prismjs/components/prism-yaml.js';\nimport 'prismjs/components/prism-bash.js';\nimport 'prismjs/components/prism-sql.js';\n\nconst PreElement = tasty({\n  as: 'pre',\n  qa: 'CodeBlock',\n  styleProps: CONTAINER_STYLES.concat([]),\n  className: 'cube-prism-code',\n  styles: {\n    margin: 0,\n    padding: 0,\n    overflow: 'auto',\n    scrollbar: 'styled',\n    preset: 's3',\n\n    Code: {\n      display: 'block',\n      preset: 's3',\n      // The global Prism CSS pins `white-space: pre` on\n      // `code[class*=\"language-\"]`, so the wrap has to be re-declared right on\n      // the `<code>` element — `pre-wrap` on the surrounding block alone does\n      // not cascade past it. `overflow-wrap: anywhere` also breaks runs with no\n      // spaces (URLs, tokens, identifiers) that `pre-wrap` on its own would let\n      // overflow.\n      whiteSpace: {\n        '': 'pre',\n        wrapped: 'pre-wrap',\n      },\n      overflowWrap: {\n        '': 'normal',\n        wrapped: 'anywhere',\n      },\n    },\n  },\n});\n\nexport interface CubePrismCodeProps extends ContainerStyleProps {\n  /** The CSS style map */\n  style?: BaseProps['style'];\n  styles?: Styles;\n  /**\n   * Soft-wrap long lines onto multiple lines instead of scrolling them\n   * horizontally. Unbreakable runs like URLs, tokens and identifiers wrap too.\n   * Useful for error messages and logs.\n   */\n  isWrapped?: boolean;\n  /** The code snippet */\n  code?: string;\n  /** The language of the code snippet */\n  language?:\n    | 'javascript'\n    | 'css'\n    | 'sql'\n    | 'less'\n    | 'html'\n    | 'json'\n    | 'yaml'\n    | 'bash'\n    | 'editorconfig'\n    | 'php'\n    | 'python'\n    | 'typescript';\n}\n\nfunction isDiffCode(code: string): boolean {\n  // Split the code into lines\n  const lines = code.split('\\n');\n\n  // Define patterns to check for diff characteristics\n  const additionPattern = /^\\+/; // Lines starting with '+'\n  const deletionPattern = /^-+/; // Lines starting with '-'\n  const headerPattern = /^(diff --git|---|\\+\\+\\+)/; // Diff headers\n\n  // Check each line for diff-specific patterns\n  for (const line of lines) {\n    if (\n      additionPattern.test(line) ||\n      deletionPattern.test(line) ||\n      headerPattern.test(line)\n    ) {\n      return true; // Code matches a diff pattern\n    }\n  }\n\n  // No diff-specific patterns found\n  return false;\n}\n\nfunction PrismCode(props: CubePrismCodeProps, ref) {\n  let { code = '', language = 'javascript', isWrapped, ...otherProps } = props;\n\n  if (!code) {\n    code = '';\n  }\n\n  if (typeof code !== 'string' && code) {\n    throw new Error(\n      'UIKit: code prop should be a string in PrismCode. Found: ' + typeof code,\n    );\n  }\n\n  const isDiff = isDiffCode(code || '');\n\n  const grammarLang = isDiff ? `diff-${language}` : language;\n\n  // Ensure the diff language exists before rendering\n  if (isDiff && !Prism.languages[grammarLang]) {\n    Prism.languages[grammarLang] = Prism.languages.diff;\n  }\n\n  // Ensure YAML SQL extensions are applied for YAML content\n  if (language === 'yaml' || grammarLang === 'diff-yaml') {\n    ensureYamlSqlExtensions();\n  }\n\n  return (\n    <PreElement ref={ref} {...otherProps} mods={{ wrapped: isWrapped }}>\n      <Highlight prism={Prism} code={code} language={grammarLang as any}>\n        {({ className, style, tokens, getLineProps, getTokenProps }) => {\n          return (\n            <code\n              data-element=\"Code\"\n              className={`${className}${isDiff ? ' diff-highlight' : ''}`}\n              style={{\n                ...style,\n                color: undefined,\n                backgroundColor: undefined,\n              }}\n            >\n              {tokens.map((line, i) => {\n                const { key: _lineKey, ...lineProps } = getLineProps({\n                  line,\n                  key: i,\n                });\n\n                return (\n                  <span\n                    key={i}\n                    {...lineProps}\n                    style={{\n                      ...lineProps.style,\n                      color: undefined,\n                    }}\n                  >\n                    {line.map((token, key) => {\n                      const { key: _tokenKey, ...tokenProps } = getTokenProps({\n                        token,\n                        key,\n                      });\n\n                      return (\n                        <span\n                          key={key}\n                          {...tokenProps}\n                          style={{\n                            ...tokenProps.style,\n                            color: undefined,\n                            backgroundColor: undefined,\n                          }}\n                        />\n                      );\n                    })}\n                    {'\\n'}\n                  </span>\n                );\n              })}\n            </code>\n          );\n        }}\n      </Highlight>\n    </PreElement>\n  );\n}\n\n/**\n * Code block with syntax highlighting\n */\nconst _PrismCode = forwardRef(PrismCode);\n\n_PrismCode.displayName = 'PrismCode';\n\nexport { _PrismCode as PrismCode };\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,aAAa,MAAM;CACvB,IAAI;CACJ,IAAI;CACJ,YAAY,iBAAiB,OAAO,EAAE,CAAC;CACvC,WAAW;CACX,QAAQ;EACN,QAAQ;EACR,SAAS;EACT,UAAU;EACV,WAAW;EACX,QAAQ;EAER,MAAM;GACJ,SAAS;GACT,QAAQ;GAOR,YAAY;IACV,IAAI;IACJ,SAAS;IACV;GACD,cAAc;IACZ,IAAI;IACJ,SAAS;IACV;GACF;EACF;CACF,CAAC;AA8BF,SAAS,WAAW,MAAuB;CAEzC,MAAM,QAAQ,KAAK,MAAM,KAAK;CAG9B,MAAM,kBAAkB;CACxB,MAAM,kBAAkB;CACxB,MAAM,gBAAgB;AAGtB,MAAK,MAAM,QAAQ,MACjB,KACE,gBAAgB,KAAK,KAAK,IAC1B,gBAAgB,KAAK,KAAK,IAC1B,cAAc,KAAK,KAAK,CAExB,QAAO;AAKX,QAAO;;AAGT,SAAS,UAAU,OAA2B,KAAK;CACjD,IAAI,EAAE,OAAO,IAAI,WAAW,cAAc,WAAW,GAAG,eAAe;AAEvE,KAAI,CAAC,KACH,QAAO;AAGT,KAAI,OAAO,SAAS,YAAY,KAC9B,OAAM,IAAI,MACR,8DAA8D,OAAO,KACtE;CAGH,MAAM,SAAS,WAAW,QAAQ,GAAG;CAErC,MAAM,cAAc,SAAS,QAAQ,aAAa;AAGlD,KAAI,UAAU,CAACA,cAAM,UAAU,aAC7B,eAAM,UAAU,eAAeA,cAAM,UAAU;AAIjD,KAAI,aAAa,UAAU,gBAAgB,YACzC,0BAAyB;AAG3B,QACE,oBAAC;EAAgB;EAAK,GAAI;EAAY,MAAM,EAAE,SAAS,WAAW;YAChE,oBAAC;GAAU,OAAOA;GAAa;GAAM,UAAU;cAC3C,EAAE,WAAW,OAAO,QAAQ,cAAc,oBAAoB;AAC9D,WACE,oBAAC;KACC,gBAAa;KACb,WAAW,GAAG,YAAY,SAAS,oBAAoB;KACvD,OAAO;MACL,GAAG;MACH,OAAO;MACP,iBAAiB;MAClB;eAEA,OAAO,KAAK,MAAM,MAAM;MACvB,MAAM,EAAE,KAAK,UAAU,GAAG,cAAc,aAAa;OACnD;OACA,KAAK;OACN,CAAC;AAEF,aACE,qBAAC;OAEC,GAAI;OACJ,OAAO;QACL,GAAG,UAAU;QACb,OAAO;QACR;kBAEA,KAAK,KAAK,OAAO,QAAQ;QACxB,MAAM,EAAE,KAAK,WAAW,GAAG,eAAe,cAAc;SACtD;SACA;SACD,CAAC;AAEF,eACE,oBAAC;SAEC,GAAI;SACJ,OAAO;UACL,GAAG,WAAW;UACd,OAAO;UACP,iBAAiB;UAClB;WANI,IAOL;SAEJ,EACD;SAzBI,EA0BA;OAET;MACG;;IAGD;GACD;;;;;AAOjB,MAAM,aAAa,WAAW,UAAU;AAExC,WAAW,cAAc"}
+{"version":3,"file":"PrismCode.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","Highlight","forwardRef","ensureYamlSqlExtensions","Prism","PreElement","as","qa","styleProps","concat","className","styles","margin","padding","overflow","scrollbar","preset","Code","display","whiteSpace","wrapped","overflowWrap","CubePrismCodeProps","style","isWrapped","code","language","isDiffCode","lines","split","additionPattern","deletionPattern","headerPattern","line","test","PrismCode","props","ref","otherProps","Error","isDiff","grammarLang","languages","diff","tokens","getLineProps","getTokenProps","color","undefined","backgroundColor","map","i","key","_lineKey","lineProps","token","_tokenKey","tokenProps","_PrismCode","displayName"],"sources":["../../../../src/components/content/PrismCode/PrismCode.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { Highlight } from 'prism-react-renderer';\nimport { forwardRef } from 'react';\n\nimport { ensureYamlSqlExtensions, Prism } from './prismSetup';\n\nimport 'prismjs/components/prism-markup.js';\nimport 'prismjs/components/prism-javascript.js';\nimport 'prismjs/components/prism-yaml.js';\nimport 'prismjs/components/prism-bash.js';\nimport 'prismjs/components/prism-sql.js';\n\nconst PreElement = tasty({\n  as: 'pre',\n  qa: 'CodeBlock',\n  styleProps: CONTAINER_STYLES.concat([]),\n  className: 'cube-prism-code',\n  styles: {\n    margin: 0,\n    padding: 0,\n    overflow: 'auto',\n    scrollbar: 'styled',\n    preset: 's3',\n\n    Code: {\n      display: 'block',\n      preset: 's3',\n      // The global Prism CSS pins `white-space: pre` on\n      // `code[class*=\"language-\"]`, so the wrap has to be re-declared right on\n      // the `<code>` element — `pre-wrap` on the surrounding block alone does\n      // not cascade past it. `overflow-wrap: anywhere` also breaks runs with no\n      // spaces (URLs, tokens, identifiers) that `pre-wrap` on its own would let\n      // overflow.\n      whiteSpace: {\n        '': 'pre',\n        wrapped: 'pre-wrap',\n      },\n      overflowWrap: {\n        '': 'normal',\n        wrapped: 'anywhere',\n      },\n    },\n  },\n});\n\nexport interface CubePrismCodeProps extends ContainerStyleProps {\n  /** The CSS style map */\n  style?: BaseProps['style'];\n  styles?: Styles;\n  /**\n   * Soft-wrap long lines onto multiple lines instead of scrolling them\n   * horizontally. Unbreakable runs like URLs, tokens and identifiers wrap too.\n   * Useful for error messages and logs.\n   */\n  isWrapped?: boolean;\n  /** The code snippet */\n  code?: string;\n  /** The language of the code snippet */\n  language?:\n    | 'javascript'\n    | 'css'\n    | 'sql'\n    | 'less'\n    | 'html'\n    | 'json'\n    | 'yaml'\n    | 'bash'\n    | 'editorconfig'\n    | 'php'\n    | 'python'\n    | 'typescript';\n}\n\nfunction isDiffCode(code: string): boolean {\n  // Split the code into lines\n  const lines = code.split('\\n');\n\n  // Define patterns to check for diff characteristics\n  const additionPattern = /^\\+/; // Lines starting with '+'\n  const deletionPattern = /^-+/; // Lines starting with '-'\n  const headerPattern = /^(diff --git|---|\\+\\+\\+)/; // Diff headers\n\n  // Check each line for diff-specific patterns\n  for (const line of lines) {\n    if (\n      additionPattern.test(line) ||\n      deletionPattern.test(line) ||\n      headerPattern.test(line)\n    ) {\n      return true; // Code matches a diff pattern\n    }\n  }\n\n  // No diff-specific patterns found\n  return false;\n}\n\nfunction PrismCode(props: CubePrismCodeProps, ref) {\n  let { code = '', language = 'javascript', isWrapped, ...otherProps } = props;\n\n  if (!code) {\n    code = '';\n  }\n\n  if (typeof code !== 'string' && code) {\n    throw new Error(\n      'UIKit: code prop should be a string in PrismCode. Found: ' + typeof code,\n    );\n  }\n\n  const isDiff = isDiffCode(code || '');\n\n  const grammarLang = isDiff ? `diff-${language}` : language;\n\n  // Ensure the diff language exists before rendering\n  if (isDiff && !Prism.languages[grammarLang]) {\n    Prism.languages[grammarLang] = Prism.languages.diff;\n  }\n\n  // Ensure YAML SQL extensions are applied for YAML content\n  if (language === 'yaml' || grammarLang === 'diff-yaml') {\n    ensureYamlSqlExtensions();\n  }\n\n  return (\n    <PreElement ref={ref} {...otherProps} mods={{ wrapped: isWrapped }}>\n      <Highlight prism={Prism} code={code} language={grammarLang as any}>\n        {({ className, style, tokens, getLineProps, getTokenProps }) => {\n          return (\n            <code\n              data-element=\"Code\"\n              className={`${className}${isDiff ? ' diff-highlight' : ''}`}\n              style={{\n                ...style,\n                color: undefined,\n                backgroundColor: undefined,\n              }}\n            >\n              {tokens.map((line, i) => {\n                const { key: _lineKey, ...lineProps } = getLineProps({\n                  line,\n                  key: i,\n                });\n\n                return (\n                  <span\n                    key={i}\n                    {...lineProps}\n                    style={{\n                      ...lineProps.style,\n                      color: undefined,\n                    }}\n                  >\n                    {line.map((token, key) => {\n                      const { key: _tokenKey, ...tokenProps } = getTokenProps({\n                        token,\n                        key,\n                      });\n\n                      return (\n                        <span\n                          key={key}\n                          {...tokenProps}\n                          style={{\n                            ...tokenProps.style,\n                            color: undefined,\n                            backgroundColor: undefined,\n                          }}\n                        />\n                      );\n                    })}\n                    {'\\n'}\n                  </span>\n                );\n              })}\n            </code>\n          );\n        }}\n      </Highlight>\n    </PreElement>\n  );\n}\n\n/**\n * Code block with syntax highlighting\n */\nconst _PrismCode = forwardRef(PrismCode);\n\n_PrismCode.displayName = 'PrismCode';\n\nexport { _PrismCode as PrismCode };\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAMS,aAAaL,MAAM;CACvBM,IAAI;CACJC,IAAI;CACJC,YAAYX,iBAAiBY,OAAO,EAAE,CAAC;CACvCC,WAAW;CACXC,QAAQ;EACNC,QAAQ;EACRC,SAAS;EACTC,UAAU;EACVC,WAAW;EACXC,QAAQ;EAERC,MAAM;GACJC,SAAS;GACTF,QAAQ;GAORG,YAAY;IACV,IAAI;IACJC,SAAS;IACV;GACDC,cAAc;IACZ,IAAI;IACJD,SAAS;IACX;GACF;EACF;CACD,CAAC;AA8BF,SAASO,WAAWF,MAAuB;CAEzC,MAAMG,QAAQH,KAAKI,MAAM,KAAK;CAG9B,MAAMC,kBAAkB;CACxB,MAAMC,kBAAkB;CACxB,MAAMC,gBAAgB;AAGtB,MAAK,MAAMC,QAAQL,MACjB,KACEE,gBAAgBI,KAAKD,KAAK,IAC1BF,gBAAgBG,KAAKD,KAAK,IAC1BD,cAAcE,KAAKD,KAAK,CAExB,QAAO;AAKX,QAAO;;AAGT,SAASE,UAAUC,OAA2BC,KAAK;CACjD,IAAI,EAAEZ,OAAO,IAAIC,WAAW,cAAcF,WAAW,GAAGc,eAAeF;AAEvE,KAAI,CAACX,KACHA,QAAO;AAGT,KAAI,OAAOA,SAAS,YAAYA,KAC9B,OAAM,IAAIc,MACR,8DAA8D,OAAOd,KACtE;CAGH,MAAMe,SAASb,WAAWF,QAAQ,GAAG;CAErC,MAAMgB,cAAcD,SAAS,QAAQd,aAAaA;AAGlD,KAAIc,UAAU,CAACpC,cAAMsC,UAAUD,aAC7BrC,eAAMsC,UAAUD,eAAerC,cAAMsC,UAAUC;AAIjD,KAAIjB,aAAa,UAAUe,gBAAgB,YACzCtC,0BAAyB;AAG3B,QACE,oBAAC;EAAgBkC;EAAK,GAAIC;EAAY,MAAM,EAAElB,SAASI,WAAW;YAChE,oBAAC;GAAU,OAAOpB;GAAaqB;GAAM,UAAUgB;cAC3C,EAAE/B,WAAWa,OAAOqB,QAAQC,cAAcC,oBAAoB;AAC9D,WACE,oBAAC;KACC,gBAAa;KACb,WAAW,GAAGpC,YAAY8B,SAAS,oBAAoB;KACvD,OAAO;MACL,GAAGjB;MACHwB,OAAOC;MACPC,iBAAiBD;MAClB;eAEAJ,OAAOM,KAAKjB,MAAMkB,MAAM;MACvB,MAAM,EAAEC,KAAKC,UAAU,GAAGC,cAAcT,aAAa;OACnDZ;OACAmB,KAAKD;OACN,CAAC;AAEF,aACE,qBAAC;OAEC,GAAIG;OACJ,OAAO;QACL,GAAGA,UAAU/B;QACbwB,OAAOC;QACR;kBAEAf,KAAKiB,KAAKK,OAAOH,QAAQ;QACxB,MAAM,EAAEA,KAAKI,WAAW,GAAGC,eAAeX,cAAc;SACtDS;SACAH;SACD,CAAC;AAEF,eACE,oBAAC;SAEC,GAAIK;SACJ,OAAO;UACL,GAAGA,WAAWlC;UACdwB,OAAOC;UACPC,iBAAiBD;UAClB;WANII,IAOL;SAEJ,EACD;SAzBID,EA0BA;OAET;MACG;;IAGF;GACA;;;;;AAOjB,MAAMO,aAAaxD,WAAWiC,UAAU;AAExCuB,WAAWC,cAAc"}

package/dist/components/content/PrismCode/prismSetup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { Prism as RendererPrism } from "prism-react-renderer";
 
 //#region src/components/content/PrismCode/prismSetup.tsx

package/dist/components/content/PrismCode/prismSetup.js.map

@@ -1 +1 @@
-{"version":3,"file":"prismSetup.js","names":[],"sources":["../../../../src/components/content/PrismCode/prismSetup.tsx"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n// This file patches Prism with extra languages & plugins for prism-react-renderer\n// Its content is mostly vanilla JS copied from Prism, so type-checking is disabled above.\nimport { Prism as RendererPrism } from 'prism-react-renderer';\n\n// make the instance globally visible for other plugins (optional)\n(globalThis as any).Prism = RendererPrism;\n\n(function (Prism) {\n  Prism.languages.diff = {\n    coord: [\n      // Match all kinds of coord lines (prefixed by \"+++\", \"---\" or \"***\").\n      /^(?:\\*{3}|-{3}|\\+{3}).*$/m,\n      // Match \"@@ ... @@\" coord lines in unified diff.\n      /^@@.*@@$/m,\n      // Match coord lines in normal diff (starts with a number).\n      /^\\d.*$/m,\n    ],\n\n    // deleted, inserted, unchanged, diff\n  };\n\n  /**\n   * A map from the name of a block to its line prefix.\n   *\n   * @type {Object<string, string>}\n   */\n  var PREFIXES = {\n    'deleted-sign': '-',\n    'deleted-arrow': '<',\n    'inserted-sign': '+',\n    'inserted-arrow': '>',\n    unchanged: ' ',\n    diff: '!',\n  };\n\n  // add a token for each prefix\n  Object.keys(PREFIXES).forEach(function (name) {\n    var prefix = PREFIXES[name];\n\n    var alias = [];\n    if (!/^\\w+$/.test(name)) {\n      // \"deleted-sign\" -> \"deleted\"\n      alias.push(/\\w+/.exec(name)[0]);\n    }\n    if (name === 'diff') {\n      alias.push('bold');\n    }\n\n    Prism.languages.diff[name] = {\n      pattern: RegExp('^(?:[' + prefix + '].*(?:\\r\\n?|\\n|(?![\\\\s\\\\S])))+', 'm'),\n      alias: alias,\n      inside: {\n        line: {\n          pattern: /(.)(?=[\\s\\S]).*(?:\\r\\n?|\\n)?/,\n          lookbehind: true,\n        },\n        prefix: {\n          pattern: /[\\s\\S]/,\n          alias: /\\w+/.exec(name)[0],\n        },\n      },\n    };\n  });\n\n  // make prefixes available to Diff plugin\n  Object.defineProperty(Prism.languages.diff, 'PREFIXES', {\n    value: PREFIXES,\n  });\n})(RendererPrism);\n\n(function (Prism) {\n  if (typeof Prism === 'undefined') {\n    return;\n  }\n\n  var LANGUAGE_REGEX = /^diff-([\\w-]+)/i;\n  var HTML_TAG =\n    /<\\/?(?!\\d)[^\\s>\\/=$<%]+(?:\\s(?:\\s*[^\\s>\\/=]+(?:\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s'\">=]+(?=[\\s>]))|(?=[\\s/>])))+)?\\s*\\/?>/g;\n  //this will match a line plus the line break while ignoring the line breaks HTML tags may contain.\n  var HTML_LINE = RegExp(\n    /(?:__|[^\\r\\n<])*(?:\\r\\n?|\\n|(?:__|[^\\r\\n<])(?![^\\r\\n]))/.source.replace(\n      /__/g,\n      function () {\n        return HTML_TAG.source;\n      },\n    ),\n    'gi',\n  );\n\n  var warningLogged = false;\n\n  Prism.hooks.add('before-sanity-check', function (env) {\n    var lang = env.language;\n    if (LANGUAGE_REGEX.test(lang) && !env.grammar) {\n      env.grammar = Prism.languages[lang] = Prism.languages.diff;\n    }\n  });\n  Prism.hooks.add('before-tokenize', function (env) {\n    if (!warningLogged && !Prism.languages.diff && !Prism.plugins.autoloader) {\n      warningLogged = true;\n      console.warn(\n        \"Prism's Diff Highlight plugin requires the Diff language definition (prism-diff.js).\" +\n          \"Make sure the language definition is loaded or use Prism's Autoloader plugin.\",\n      );\n    }\n\n    var lang = env.language;\n    if (LANGUAGE_REGEX.test(lang) && !Prism.languages[lang]) {\n      Prism.languages[lang] = Prism.languages.diff;\n    }\n\n    // Always ensure diff-* languages use the diff grammar for tokenization\n    if (LANGUAGE_REGEX.test(lang)) {\n      env.grammar = Prism.languages.diff;\n    }\n  });\n\n  /**\n   * The original diff-highlight plugin relies on the `wrap` hook which is\n   * executed during `Token.stringify()`. `prism-react-renderer`, however,\n   * never calls `Token.stringify()` – it works directly with Prism tokens.\n   * This means the original plugin is effectively a no-op and nested\n   * highlighting inside diff blocks (e.g. `diff-sql`) is lost.\n   *\n   * To make the plugin compatible with prism-react-renderer we re-implement\n   * the essential logic inside an `after-tokenize` hook. The algorithm\n   * iterates over all tokens, detects diff line tokens (\"inserted-sign\",\n   * \"deleted-sign\", …) and replaces their textual content with a\n   * token sequence consisting of:\n   *    1. a `prefix` token (so \"+\" or \"-\" can still be styled)\n   *    2. the result of tokenising the rest of the line using the proper\n   *       grammar (sql, js, …)\n   *\n   * The end result is *pure tokens*, so prism-react-renderer can render\n   * them just like any other language.\n   */\n\n  Prism.hooks.add('after-tokenize', function (env) {\n    var langMatch = LANGUAGE_REGEX.exec(env.language || '');\n    var isGenericDiff = env.language === 'diff';\n\n    if (!isGenericDiff && !langMatch) {\n      return; // not a diff language – skip\n    }\n\n    var diffLanguage = isGenericDiff ? null : langMatch[1];\n    var diffGrammar = diffLanguage ? Prism.languages[diffLanguage] : null;\n    if (!diffGrammar && diffLanguage === 'js') {\n      diffGrammar = Prism.languages['javascript'];\n    }\n\n    var PREFIXES = Prism.languages.diff && Prism.languages.diff.PREFIXES;\n    if (!PREFIXES) return;\n\n    /**\n     * Recursively walk all tokens. Whenever we encounter a token of type\n     * `line` (those are produced by the built-in diff grammar for the\n     * part **after** the +/-/!/␠ prefix) we re-tokenise its text with the\n     * real language grammar (sql, js, …) and replace the string with the\n     * resulting token array.  This keeps the original diff token tree –\n     * including the `prefix` sub-token – intact while adding proper\n     * syntax colours to the remainder of the line.\n     */\n    function enhance(tokens) {\n      for (var i = 0; i < tokens.length; i++) {\n        var t = tokens[i];\n\n        if (typeof t === 'string') continue;\n\n        if (Array.isArray(t.content)) {\n          enhance(t.content);\n        } else if (t.type === 'line' && typeof t.content === 'string') {\n          if (diffGrammar) {\n            t.content = Prism.tokenize(t.content, diffGrammar);\n          }\n        }\n      }\n    }\n\n    enhance(env.tokens);\n  });\n})(RendererPrism);\n\n// Function to ensure YAML SQL extensions are applied\nfunction ensureYamlSqlExtensions() {\n  // Check if extensions are already applied\n  if (\n    RendererPrism.languages.yaml &&\n    RendererPrism.languages.yaml['sql-scalar']\n  ) {\n    return; // Already applied\n  }\n\n  // Apply extensions if both YAML and SQL grammars are available\n  if (RendererPrism.languages.yaml && RendererPrism.languages.sql) {\n    // Insert SQL patterns before existing YAML patterns for higher priority\n    RendererPrism.languages.insertBefore('yaml', 'key', {\n      'sql-inline': {\n        pattern: /((?:^|\\n)\\s*sql\\s*:\\s*)([^\\n\\r|>]+)/,\n        lookbehind: true,\n        inside: RendererPrism.languages.sql,\n      },\n    });\n\n    // Handle multiline SQL blocks with proper indentation\n    RendererPrism.languages.insertBefore('yaml', 'key', {\n      'sql-multiline': {\n        pattern:\n          /((?:^|\\n)\\s*sql\\s*:\\s*[|>][-+]?\\s*\\n)((?:\\s{2,}[^\\n\\r]+(?:\\n|$))+)/,\n        lookbehind: true,\n        inside: {\n          'sql-content': {\n            pattern: /^(\\s+)(.+)/gm,\n            inside: {\n              indent: /^\\s+/,\n              'sql-code': {\n                pattern: /.+/,\n                inside: RendererPrism.languages.sql,\n              },\n            },\n          },\n        },\n      },\n    });\n\n    // Handle YAML scalar content that follows sql: > or sql: | indicators\n    RendererPrism.languages.insertBefore('yaml', 'scalar', {\n      'sql-scalar': {\n        pattern:\n          /^\\s*(SELECT|INSERT|UPDATE|DELETE|WITH|CREATE|DROP|ALTER|UNION|FROM|WHERE|JOIN|GROUP|ORDER|HAVING)[\\s\\S]*$/im,\n        inside: RendererPrism.languages.sql,\n      },\n    });\n  }\n}\n\nexport { RendererPrism as Prism };\nexport { ensureYamlSqlExtensions };\n"],"mappings":"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"}
+{"version":3,"file":"prismSetup.js","names":["Prism","RendererPrism","globalThis","languages","diff","coord","PREFIXES","unchanged","Object","keys","forEach","name","prefix","alias","test","push","exec","pattern","RegExp","inside","line","lookbehind","defineProperty","value","LANGUAGE_REGEX","HTML_TAG","HTML_LINE","source","replace","warningLogged","hooks","add","env","lang","language","grammar","plugins","autoloader","console","warn","langMatch","isGenericDiff","diffLanguage","diffGrammar","enhance","tokens","i","length","t","Array","isArray","content","type","tokenize","ensureYamlSqlExtensions","yaml","sql","insertBefore","indent"],"sources":["../../../../src/components/content/PrismCode/prismSetup.tsx"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n// This file patches Prism with extra languages & plugins for prism-react-renderer\n// Its content is mostly vanilla JS copied from Prism, so type-checking is disabled above.\nimport { Prism as RendererPrism } from 'prism-react-renderer';\n\n// make the instance globally visible for other plugins (optional)\n(globalThis as any).Prism = RendererPrism;\n\n(function (Prism) {\n  Prism.languages.diff = {\n    coord: [\n      // Match all kinds of coord lines (prefixed by \"+++\", \"---\" or \"***\").\n      /^(?:\\*{3}|-{3}|\\+{3}).*$/m,\n      // Match \"@@ ... @@\" coord lines in unified diff.\n      /^@@.*@@$/m,\n      // Match coord lines in normal diff (starts with a number).\n      /^\\d.*$/m,\n    ],\n\n    // deleted, inserted, unchanged, diff\n  };\n\n  /**\n   * A map from the name of a block to its line prefix.\n   *\n   * @type {Object<string, string>}\n   */\n  var PREFIXES = {\n    'deleted-sign': '-',\n    'deleted-arrow': '<',\n    'inserted-sign': '+',\n    'inserted-arrow': '>',\n    unchanged: ' ',\n    diff: '!',\n  };\n\n  // add a token for each prefix\n  Object.keys(PREFIXES).forEach(function (name) {\n    var prefix = PREFIXES[name];\n\n    var alias = [];\n    if (!/^\\w+$/.test(name)) {\n      // \"deleted-sign\" -> \"deleted\"\n      alias.push(/\\w+/.exec(name)[0]);\n    }\n    if (name === 'diff') {\n      alias.push('bold');\n    }\n\n    Prism.languages.diff[name] = {\n      pattern: RegExp('^(?:[' + prefix + '].*(?:\\r\\n?|\\n|(?![\\\\s\\\\S])))+', 'm'),\n      alias: alias,\n      inside: {\n        line: {\n          pattern: /(.)(?=[\\s\\S]).*(?:\\r\\n?|\\n)?/,\n          lookbehind: true,\n        },\n        prefix: {\n          pattern: /[\\s\\S]/,\n          alias: /\\w+/.exec(name)[0],\n        },\n      },\n    };\n  });\n\n  // make prefixes available to Diff plugin\n  Object.defineProperty(Prism.languages.diff, 'PREFIXES', {\n    value: PREFIXES,\n  });\n})(RendererPrism);\n\n(function (Prism) {\n  if (typeof Prism === 'undefined') {\n    return;\n  }\n\n  var LANGUAGE_REGEX = /^diff-([\\w-]+)/i;\n  var HTML_TAG =\n    /<\\/?(?!\\d)[^\\s>\\/=$<%]+(?:\\s(?:\\s*[^\\s>\\/=]+(?:\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s'\">=]+(?=[\\s>]))|(?=[\\s/>])))+)?\\s*\\/?>/g;\n  //this will match a line plus the line break while ignoring the line breaks HTML tags may contain.\n  var HTML_LINE = RegExp(\n    /(?:__|[^\\r\\n<])*(?:\\r\\n?|\\n|(?:__|[^\\r\\n<])(?![^\\r\\n]))/.source.replace(\n      /__/g,\n      function () {\n        return HTML_TAG.source;\n      },\n    ),\n    'gi',\n  );\n\n  var warningLogged = false;\n\n  Prism.hooks.add('before-sanity-check', function (env) {\n    var lang = env.language;\n    if (LANGUAGE_REGEX.test(lang) && !env.grammar) {\n      env.grammar = Prism.languages[lang] = Prism.languages.diff;\n    }\n  });\n  Prism.hooks.add('before-tokenize', function (env) {\n    if (!warningLogged && !Prism.languages.diff && !Prism.plugins.autoloader) {\n      warningLogged = true;\n      console.warn(\n        \"Prism's Diff Highlight plugin requires the Diff language definition (prism-diff.js).\" +\n          \"Make sure the language definition is loaded or use Prism's Autoloader plugin.\",\n      );\n    }\n\n    var lang = env.language;\n    if (LANGUAGE_REGEX.test(lang) && !Prism.languages[lang]) {\n      Prism.languages[lang] = Prism.languages.diff;\n    }\n\n    // Always ensure diff-* languages use the diff grammar for tokenization\n    if (LANGUAGE_REGEX.test(lang)) {\n      env.grammar = Prism.languages.diff;\n    }\n  });\n\n  /**\n   * The original diff-highlight plugin relies on the `wrap` hook which is\n   * executed during `Token.stringify()`. `prism-react-renderer`, however,\n   * never calls `Token.stringify()` – it works directly with Prism tokens.\n   * This means the original plugin is effectively a no-op and nested\n   * highlighting inside diff blocks (e.g. `diff-sql`) is lost.\n   *\n   * To make the plugin compatible with prism-react-renderer we re-implement\n   * the essential logic inside an `after-tokenize` hook. The algorithm\n   * iterates over all tokens, detects diff line tokens (\"inserted-sign\",\n   * \"deleted-sign\", …) and replaces their textual content with a\n   * token sequence consisting of:\n   *    1. a `prefix` token (so \"+\" or \"-\" can still be styled)\n   *    2. the result of tokenising the rest of the line using the proper\n   *       grammar (sql, js, …)\n   *\n   * The end result is *pure tokens*, so prism-react-renderer can render\n   * them just like any other language.\n   */\n\n  Prism.hooks.add('after-tokenize', function (env) {\n    var langMatch = LANGUAGE_REGEX.exec(env.language || '');\n    var isGenericDiff = env.language === 'diff';\n\n    if (!isGenericDiff && !langMatch) {\n      return; // not a diff language – skip\n    }\n\n    var diffLanguage = isGenericDiff ? null : langMatch[1];\n    var diffGrammar = diffLanguage ? Prism.languages[diffLanguage] : null;\n    if (!diffGrammar && diffLanguage === 'js') {\n      diffGrammar = Prism.languages['javascript'];\n    }\n\n    var PREFIXES = Prism.languages.diff && Prism.languages.diff.PREFIXES;\n    if (!PREFIXES) return;\n\n    /**\n     * Recursively walk all tokens. Whenever we encounter a token of type\n     * `line` (those are produced by the built-in diff grammar for the\n     * part **after** the +/-/!/␠ prefix) we re-tokenise its text with the\n     * real language grammar (sql, js, …) and replace the string with the\n     * resulting token array.  This keeps the original diff token tree –\n     * including the `prefix` sub-token – intact while adding proper\n     * syntax colours to the remainder of the line.\n     */\n    function enhance(tokens) {\n      for (var i = 0; i < tokens.length; i++) {\n        var t = tokens[i];\n\n        if (typeof t === 'string') continue;\n\n        if (Array.isArray(t.content)) {\n          enhance(t.content);\n        } else if (t.type === 'line' && typeof t.content === 'string') {\n          if (diffGrammar) {\n            t.content = Prism.tokenize(t.content, diffGrammar);\n          }\n        }\n      }\n    }\n\n    enhance(env.tokens);\n  });\n})(RendererPrism);\n\n// Function to ensure YAML SQL extensions are applied\nfunction ensureYamlSqlExtensions() {\n  // Check if extensions are already applied\n  if (\n    RendererPrism.languages.yaml &&\n    RendererPrism.languages.yaml['sql-scalar']\n  ) {\n    return; // Already applied\n  }\n\n  // Apply extensions if both YAML and SQL grammars are available\n  if (RendererPrism.languages.yaml && RendererPrism.languages.sql) {\n    // Insert SQL patterns before existing YAML patterns for higher priority\n    RendererPrism.languages.insertBefore('yaml', 'key', {\n      'sql-inline': {\n        pattern: /((?:^|\\n)\\s*sql\\s*:\\s*)([^\\n\\r|>]+)/,\n        lookbehind: true,\n        inside: RendererPrism.languages.sql,\n      },\n    });\n\n    // Handle multiline SQL blocks with proper indentation\n    RendererPrism.languages.insertBefore('yaml', 'key', {\n      'sql-multiline': {\n        pattern:\n          /((?:^|\\n)\\s*sql\\s*:\\s*[|>][-+]?\\s*\\n)((?:\\s{2,}[^\\n\\r]+(?:\\n|$))+)/,\n        lookbehind: true,\n        inside: {\n          'sql-content': {\n            pattern: /^(\\s+)(.+)/gm,\n            inside: {\n              indent: /^\\s+/,\n              'sql-code': {\n                pattern: /.+/,\n                inside: RendererPrism.languages.sql,\n              },\n            },\n          },\n        },\n      },\n    });\n\n    // Handle YAML scalar content that follows sql: > or sql: | indicators\n    RendererPrism.languages.insertBefore('yaml', 'scalar', {\n      'sql-scalar': {\n        pattern:\n          /^\\s*(SELECT|INSERT|UPDATE|DELETE|WITH|CREATE|DROP|ALTER|UNION|FROM|WHERE|JOIN|GROUP|ORDER|HAVING)[\\s\\S]*$/im,\n        inside: RendererPrism.languages.sql,\n      },\n    });\n  }\n}\n\nexport { RendererPrism as Prism };\nexport { ensureYamlSqlExtensions };\n"],"mappings":"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"}

package/dist/components/content/PrismDiffCode/PrismDiffCode.js

@@ -1,25 +1,60 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { _PrismCode } from "../PrismCode/PrismCode.js";
+import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { diffLines } from "diff";
 
 //#region src/components/content/PrismDiffCode/PrismDiffCode.tsx
-function PrismDiffCode({ original, modified, ...props }) {
-	return /* @__PURE__ */ jsx(_PrismCode, {
-		code: diffLines(original, modified).map((part) => {
-			const value = part.value.trimEnd();
-			if (part.added) return value.split("\n").map((val) => {
-				return val ? `+${val}` : "";
-			}).join("\n");
-			if (part.removed) return value.split("\n").map((val) => {
-				return val ? `-${val}` : "";
-			}).join("\n");
-			return value.split("\n").map((val) => {
-				return val ? ` ${val}` : "";
-			}).join("\n");
-		}).join("\n"),
-		...props
-	});
+function PrismDiffCode(t0) {
+	const $ = c(10);
+	let modified;
+	let original;
+	let props;
+	if ($[0] !== t0) {
+		({original, modified, ...props} = t0);
+		$[0] = t0;
+		$[1] = modified;
+		$[2] = original;
+		$[3] = props;
+	} else {
+		modified = $[1];
+		original = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== modified || $[5] !== original) {
+		t1 = diffLines(original, modified).map(_temp4).join("\n");
+		$[4] = modified;
+		$[5] = original;
+		$[6] = t1;
+	} else t1 = $[6];
+	const diffString = t1;
+	let t2;
+	if ($[7] !== diffString || $[8] !== props) {
+		t2 = /* @__PURE__ */ jsx(_PrismCode, {
+			code: diffString,
+			...props
+		});
+		$[7] = diffString;
+		$[8] = props;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+function _temp4(part) {
+	const value = part.value.trimEnd();
+	if (part.added) return value.split("\n").map(_temp).join("\n");
+	if (part.removed) return value.split("\n").map(_temp2).join("\n");
+	return value.split("\n").map(_temp3).join("\n");
+}
+function _temp3(val_1) {
+	return val_1 ? ` ${val_1}` : "";
+}
+function _temp2(val_0) {
+	return val_0 ? `-${val_0}` : "";
+}
+function _temp(val) {
+	return val ? `+${val}` : "";
 }
 
 //#endregion

package/dist/components/content/PrismDiffCode/PrismDiffCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrismDiffCode.js","names":["PrismCode"],"sources":["../../../../src/components/content/PrismDiffCode/PrismDiffCode.tsx"],"sourcesContent":["import { BaseProps, Styles } from '@tenphi/tasty';\nimport { diffLines } from 'diff';\n\nimport { PrismCode } from '../PrismCode/PrismCode';\n\nexport interface CubePrismDiffCodeProps {\n  style?: BaseProps['style'];\n  styles?: Styles;\n  /** Original code string */\n  original: string;\n  /** Modified code string */\n  modified: string;\n  /** The language of the code snippet */\n  language?:\n    | 'javascript'\n    | 'css'\n    | 'sql'\n    | 'less'\n    | 'html'\n    | 'json'\n    | 'yaml'\n    | 'bash'\n    | 'editorconfig'\n    | 'php'\n    | 'python'\n    | 'typescript';\n}\n\nexport function PrismDiffCode({\n  original,\n  modified,\n  ...props\n}: CubePrismDiffCodeProps) {\n  // Generate the diff string\n  const diff = diffLines(original, modified);\n\n  const diffString = diff\n    .map((part) => {\n      const value = part.value.trimEnd();\n\n      if (part.added) {\n        return value\n          .split('\\n')\n          .map((val) => {\n            return val ? `+${val}` : '';\n          })\n          .join('\\n');\n      }\n\n      if (part.removed) {\n        return value\n          .split('\\n')\n          .map((val) => {\n            return val ? `-${val}` : '';\n          })\n          .join('\\n');\n      }\n\n      return value\n        .split('\\n')\n        .map((val) => {\n          return val ? ` ${val}` : '';\n        })\n        .join('\\n');\n    })\n    .join('\\n');\n\n  return <PrismCode code={diffString} {...props} />;\n}\n"],"mappings":";;;;;;AA4BA,SAAgB,cAAc,EAC5B,UACA,UACA,GAAG,SACsB;AAmCzB,QAAO,oBAACA;EAAU,MAjCL,UAAU,UAAU,SAAS,CAGvC,KAAK,SAAS;GACb,MAAM,QAAQ,KAAK,MAAM,SAAS;AAElC,OAAI,KAAK,MACP,QAAO,MACJ,MAAM,KAAK,CACX,KAAK,QAAQ;AACZ,WAAO,MAAM,IAAI,QAAQ;KACzB,CACD,KAAK,KAAK;AAGf,OAAI,KAAK,QACP,QAAO,MACJ,MAAM,KAAK,CACX,KAAK,QAAQ;AACZ,WAAO,MAAM,IAAI,QAAQ;KACzB,CACD,KAAK,KAAK;AAGf,UAAO,MACJ,MAAM,KAAK,CACX,KAAK,QAAQ;AACZ,WAAO,MAAM,IAAI,QAAQ;KACzB,CACD,KAAK,KAAK;IACb,CACD,KAAK,KAAK;EAEuB,GAAI;GAAS"}
+{"version":3,"file":"PrismDiffCode.js","names":["BaseProps","Styles","diffLines","PrismCode","CubePrismDiffCodeProps","style","styles","original","modified","language","PrismDiffCode","t0","$","_c","props","t1","diff","map","_temp4","join","diffString","t2","part","value","trimEnd","added","split","_temp","removed","_temp2","_temp3","val_1","val","val_0"],"sources":["../../../../src/components/content/PrismDiffCode/PrismDiffCode.tsx"],"sourcesContent":["import { BaseProps, Styles } from '@tenphi/tasty';\nimport { diffLines } from 'diff';\n\nimport { PrismCode } from '../PrismCode/PrismCode';\n\nexport interface CubePrismDiffCodeProps {\n  style?: BaseProps['style'];\n  styles?: Styles;\n  /** Original code string */\n  original: string;\n  /** Modified code string */\n  modified: string;\n  /** The language of the code snippet */\n  language?:\n    | 'javascript'\n    | 'css'\n    | 'sql'\n    | 'less'\n    | 'html'\n    | 'json'\n    | 'yaml'\n    | 'bash'\n    | 'editorconfig'\n    | 'php'\n    | 'python'\n    | 'typescript';\n}\n\nexport function PrismDiffCode({\n  original,\n  modified,\n  ...props\n}: CubePrismDiffCodeProps) {\n  // Generate the diff string\n  const diff = diffLines(original, modified);\n\n  const diffString = diff\n    .map((part) => {\n      const value = part.value.trimEnd();\n\n      if (part.added) {\n        return value\n          .split('\\n')\n          .map((val) => {\n            return val ? `+${val}` : '';\n          })\n          .join('\\n');\n      }\n\n      if (part.removed) {\n        return value\n          .split('\\n')\n          .map((val) => {\n            return val ? `-${val}` : '';\n          })\n          .join('\\n');\n      }\n\n      return value\n        .split('\\n')\n        .map((val) => {\n          return val ? ` ${val}` : '';\n        })\n        .join('\\n');\n    })\n    .join('\\n');\n\n  return <PrismCode code={diffString} {...props} />;\n}\n"],"mappings":";;;;;;;AA4BA,SAAOU,cAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAL;CAAA,IAAAD;CAAA,IAAAO;AAAA,KAAAF,EAAA,OAAAD,IAAA;AAAuB,GAAA,CAAAJ,UAAAC,aAAAM,SAAAH;AAILC,IAAA,KAAAD;AAAAC,IAAA,KAAAJ;AAAAI,IAAA,KAAAL;AAAAK,IAAA,KAAAE;QAAA;AAAAN,aAAAI,EAAA;AAAAL,aAAAK,EAAA;AAAAE,UAAAF,EAAA;;CAAA,IAAAG;AAAA,KAAAH,EAAA,OAAAJ,YAAAI,EAAA,OAAAL,UAAA;AAIJQ,OAFNb,UAAUK,UAAUC,SAAS,CAEnBS,IAChBC,OA2BH,CAAAC,KACI,KAAK;AAAAP,IAAA,KAAAJ;AAAAI,IAAA,KAAAL;AAAAK,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CA7Bb,MAAAQ,aAAmBL;CA6BL,IAAAM;AAAA,KAAAT,EAAA,OAAAQ,cAAAR,EAAA,OAAAE,OAAA;AAEPO,OAAA,oBAAC;GAAgBD,MAAAA;GAAU,GAAMN;IAAS;AAAAF,IAAA,KAAAQ;AAAAR,IAAA,KAAAE;AAAAF,IAAA,KAAAS;OAAAA,MAAAT,EAAA;AAAA,QAA1CS;;AAvCF,SAAAH,OAAAI,MAAA;CAUD,MAAAC,QAAcD,KAAIC,MAAMC,SAAU;AAElC,KAAIF,KAAIG,MAAM,QACLF,MAAKG,MACH,KAAK,CAAAT,IACPU,MAEH,CAAAR,KACI,KAAK;AAGf,KAAIG,KAAIM,QAAQ,QACPL,MAAKG,MACH,KAAK,CAAAT,IACPY,OAEH,CAAAV,KACI,KAAK;AACd,QAEMI,MAAKG,MACH,KAAK,CAAAT,IACPa,OAEH,CAAAX,KACI,KAAK;;AAnCZ,SAAAW,OAAAC,OAAA;AAAA,QAiCUC,QAAA,IAAUA,UAAV;;AAjCV,SAAAH,OAAAI,OAAA;AAAA,QAyBYD,QAAA,IAAUA,UAAV;;AAzBZ,SAAAL,MAAAK,KAAA;AAAA,QAgBYA,MAAA,IAAUA,QAAV"}

package/dist/components/content/Result/Result.js

@@ -1,10 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
 import { _Title } from "../Title.js";
+import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
-import { forwardRef, useMemo } from "react";
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { IconAlertTriangleFilled, IconCircleCheckFilled, IconCircleXFilled, IconInfoCircleFilled } from "@tabler/icons-react";
 
@@ -104,43 +105,121 @@ const statusIconMap = {
 	}
 };
 function Result(props, ref) {
-	let { children, isCompact, icon, status, subTitle, subtitle, title, ...otherProps } = props;
-	subtitle = subtitle ?? subTitle;
-	if (icon && status) console.warn("Don't use \"icon\" and \"status\" together, it can lead to possible errors.");
-	const iconNode = useMemo(() => {
-		if (icon) return icon;
-		const { color, component: Component } = status && statusIconMap.hasOwnProperty(status) ? statusIconMap[status] : statusIconMap.info;
-		return /* @__PURE__ */ jsx("div", {
-			"data-element": "Icon",
-			style: { color: `var(--${color}-color)` },
-			children: /* @__PURE__ */ jsx(Component, { "data-element": "Icon" })
+	const $ = c(26);
+	let T0;
+	let children;
+	let t0;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== props || $[1] !== ref) {
+		const { children: t5, isCompact, icon, status, subTitle, subtitle: t6, title, ...otherProps } = props;
+		children = t5;
+		let subtitle = t6;
+		subtitle = subtitle ?? subTitle;
+		if (icon && status) console.warn("Don't use \"icon\" and \"status\" together, it can lead to possible errors.");
+		let t7;
+		bb0: {
+			if (icon) {
+				t7 = icon;
+				break bb0;
+			}
+			const { color, component: Component } = status && statusIconMap.hasOwnProperty(status) ? statusIconMap[status] : statusIconMap.info;
+			const t8 = `var(--${color}-color)`;
+			let t9;
+			if ($[9] !== t8) {
+				t9 = { color: t8 };
+				$[9] = t8;
+				$[10] = t9;
+			} else t9 = $[10];
+			let t10;
+			if ($[11] !== Component) {
+				t10 = /* @__PURE__ */ jsx(Component, { "data-element": "Icon" });
+				$[11] = Component;
+				$[12] = t10;
+			} else t10 = $[12];
+			let t11;
+			if ($[13] !== t10 || $[14] !== t9) {
+				t11 = /* @__PURE__ */ jsx("div", {
+					"data-element": "Icon",
+					style: t9,
+					children: t10
+				});
+				$[13] = t10;
+				$[14] = t9;
+				$[15] = t11;
+			} else t11 = $[15];
+			t7 = t11;
+		}
+		const iconNode = t7;
+		const styles = extractStyles(otherProps, CONTAINER_STYLES);
+		T0 = Container;
+		t0 = mergeProps(filterBaseProps(otherProps, { eventProps: true }), { mods: { compact: isCompact } });
+		t1 = ref;
+		t2 = styles;
+		t3 = iconNode;
+		t4 = (title || subtitle) && /* @__PURE__ */ jsxs("div", {
+			"data-element": "Title",
+			children: [wrapNodeIfPlain(title, () => /* @__PURE__ */ jsx(_Title, {
+				level: 2,
+				preset: isCompact ? "h5" : "h4",
+				children: title
+			})), wrapNodeIfPlain(subtitle, () => /* @__PURE__ */ jsx(_Title, {
+				level: 3,
+				preset: isCompact ? "t3m" : "t2m",
+				children: subtitle
+			}))]
+		});
+		$[0] = props;
+		$[1] = ref;
+		$[2] = T0;
+		$[3] = children;
+		$[4] = t0;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+		$[8] = t4;
+	} else {
+		T0 = $[2];
+		children = $[3];
+		t0 = $[4];
+		t1 = $[5];
+		t2 = $[6];
+		t3 = $[7];
+		t4 = $[8];
+	}
+	let t5;
+	if ($[16] !== children) {
+		t5 = children && /* @__PURE__ */ jsx("div", {
+			"data-element": "Content",
+			children
+		});
+		$[16] = children;
+		$[17] = t5;
+	} else t5 = $[17];
+	let t6;
+	if ($[18] !== T0 || $[19] !== t0 || $[20] !== t1 || $[21] !== t2 || $[22] !== t3 || $[23] !== t4 || $[24] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(T0, {
+			...t0,
+			ref: t1,
+			styles: t2,
+			children: [
+				t3,
+				t4,
+				t5
+			]
 		});
-	}, [icon, status]);
-	const styles = extractStyles(otherProps, CONTAINER_STYLES);
-	return /* @__PURE__ */ jsxs(Container, {
-		...mergeProps(filterBaseProps(otherProps, { eventProps: true }), { mods: { compact: isCompact } }),
-		ref,
-		styles,
-		children: [
-			iconNode,
-			(title || subtitle) && /* @__PURE__ */ jsxs("div", {
-				"data-element": "Title",
-				children: [wrapNodeIfPlain(title, () => /* @__PURE__ */ jsx(_Title, {
-					level: 2,
-					preset: isCompact ? "h5" : "h4",
-					children: title
-				})), wrapNodeIfPlain(subtitle, () => /* @__PURE__ */ jsx(_Title, {
-					level: 3,
-					preset: isCompact ? "t3m" : "t2m",
-					children: subtitle
-				}))]
-			}),
-			children && /* @__PURE__ */ jsx("div", {
-				"data-element": "Content",
-				children
-			})
-		]
-	});
+		$[18] = T0;
+		$[19] = t0;
+		$[20] = t1;
+		$[21] = t2;
+		$[22] = t3;
+		$[23] = t4;
+		$[24] = t5;
+		$[25] = t6;
+	} else t6 = $[25];
+	return t6;
 }
 const _Result = forwardRef(Result);
 _Result.displayName = "Result";

package/dist/components/content/Result/Result.js.map

@@ -1 +1 @@
-{"version":3,"file":"Result.js","names":["Title"],"sources":["../../../../src/components/content/Result/Result.tsx"],"sourcesContent":["import {\n  IconAlertTriangleFilled,\n  IconCircleCheckFilled,\n  IconCircleXFilled,\n  IconInfoCircleFilled,\n} from '@tabler/icons-react';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { ComponentType, forwardRef, ReactNode, useMemo } from 'react';\n\nimport { mergeProps, wrapNodeIfPlain } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Title } from '../Title';\n\nexport interface CubeResultProps extends BaseProps, ContainerStyleProps {\n  /** Additional block content. For example, a set of buttons */\n  children?: ReactNode;\n  /** Custom icon element */\n  icon?: ReactNode;\n  /**\n   * Result status from ready-made templates\n   * @default 'info'\n   */\n  status?: CubeResultStatus;\n  /**\n   * The subTitle\n   * @deprecated The subTitle prop is deprecated and will be removed in next major release. consider using subtitle instead\n   */\n  subTitle?: ReactNode;\n  /**\n   * Subtitle of the Result component\n   */\n  subtitle?: ReactNode;\n  /** The title */\n  title?: ReactNode;\n  /** Whether the result component has a compact presentation */\n  isCompact?: boolean;\n}\n\nexport type CubeResultStatus =\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'warning'\n  | 404\n  | 403\n  | 500;\n\ntype StatusIconMap = Record<\n  CubeResultStatus,\n  {\n    color: string;\n    component: ComponentType;\n  }\n>;\n\nconst Container = tasty({\n  qa: 'ResultContainer',\n  as: 'section',\n  styles: {\n    display: {\n      '': 'flex',\n      compact: 'grid',\n    },\n    gridAreas: '\"icon title\" \"content content\"',\n    flow: 'column',\n    placeContent: {\n      '': 'center',\n      compact: 'start',\n    },\n    placeItems: {\n      '': 'center',\n      compact: 'start',\n    },\n    gap: {\n      '': '3x',\n      compact: '2x 1x',\n    },\n    padding: {\n      '': '6x 4x',\n      compact: '0',\n    },\n    textAlign: {\n      '': 'center',\n      compact: 'left',\n    },\n    width: 'max 80ch',\n    margin: {\n      '': '0 auto',\n      compact: '0',\n    },\n    '--icon-size': '6x',\n\n    Icon: {\n      $: '>',\n      display: 'grid',\n      gridArea: 'icon',\n    },\n\n    Content: {\n      $: '>',\n      gridArea: 'content',\n      display: 'block',\n    },\n\n    Title: {\n      $: '>',\n      gridArea: 'title',\n      display: 'flex',\n      flow: 'column',\n      placeItems: 'inherit',\n      gap: '1x',\n      placeSelf: 'center',\n      textWrap: 'balance',\n    },\n  },\n});\n\nconst statusIconMap: StatusIconMap = {\n  success: {\n    color: 'success',\n    component: () => <IconCircleCheckFilled />,\n  },\n  error: {\n    color: 'danger',\n    component: () => <IconCircleXFilled />,\n  },\n  info: {\n    color: 'purple',\n    component: () => <IconInfoCircleFilled />,\n  },\n  warning: {\n    color: 'warning',\n    component: () => <IconAlertTriangleFilled />,\n  },\n  404: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  403: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  500: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n};\n\nfunction Result(props: CubeResultProps, ref) {\n  let {\n    children,\n    isCompact,\n    icon,\n    status,\n    subTitle,\n    subtitle,\n    title,\n    ...otherProps\n  } = props;\n\n  subtitle = subtitle ?? subTitle;\n\n  if (icon && status) {\n    console.warn(\n      'Don\\'t use \"icon\" and \"status\" together, it can lead to possible errors.',\n    );\n  }\n\n  const iconNode = useMemo(() => {\n    if (icon) {\n      return icon;\n    }\n\n    const { color, component: Component } =\n      status && statusIconMap.hasOwnProperty(status)\n        ? statusIconMap[status]\n        : statusIconMap.info;\n\n    return (\n      <div data-element=\"Icon\" style={{ color: `var(--${color}-color)` }}>\n        <Component data-element=\"Icon\" />\n      </div>\n    );\n  }, [icon, status]);\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <Container\n      {...mergeProps(filterBaseProps(otherProps, { eventProps: true }), {\n        mods: { compact: isCompact },\n      })}\n      ref={ref}\n      styles={styles}\n    >\n      {iconNode}\n      {(title || subtitle) && (\n        <div data-element=\"Title\">\n          {wrapNodeIfPlain(title, () => (\n            <Title level={2} preset={isCompact ? 'h5' : 'h4'}>\n              {title}\n            </Title>\n          ))}\n          {wrapNodeIfPlain(subtitle, () => (\n            <Title level={3} preset={isCompact ? 't3m' : 't2m'}>\n              {subtitle}\n            </Title>\n          ))}\n        </div>\n      )}\n      {children && <div data-element=\"Content\">{children}</div>}\n    </Container>\n  );\n}\n\nconst _Result = forwardRef(Result);\n\n_Result.displayName = 'Result';\n\nexport { _Result as Result };\n"],"mappings":";;;;;;;;;;;AA6DA,MAAM,YAAY,MAAM;CACtB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,WAAW;EACX,MAAM;EACN,cAAc;GACZ,IAAI;GACJ,SAAS;GACV;EACD,YAAY;GACV,IAAI;GACJ,SAAS;GACV;EACD,KAAK;GACH,IAAI;GACJ,SAAS;GACV;EACD,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,WAAW;GACT,IAAI;GACJ,SAAS;GACV;EACD,OAAO;EACP,QAAQ;GACN,IAAI;GACJ,SAAS;GACV;EACD,eAAe;EAEf,MAAM;GACJ,GAAG;GACH,SAAS;GACT,UAAU;GACX;EAED,SAAS;GACP,GAAG;GACH,UAAU;GACV,SAAS;GACV;EAED,OAAO;GACL,GAAG;GACH,UAAU;GACV,SAAS;GACT,MAAM;GACN,YAAY;GACZ,KAAK;GACL,WAAW;GACX,UAAU;GACX;EACF;CACF,CAAC;AAEF,MAAM,gBAA+B;CACnC,SAAS;EACP,OAAO;EACP,iBAAiB,oBAAC,0BAAwB;EAC3C;CACD,OAAO;EACL,OAAO;EACP,iBAAiB,oBAAC,sBAAoB;EACvC;CACD,MAAM;EACJ,OAAO;EACP,iBAAiB,oBAAC,yBAAuB;EAC1C;CACD,SAAS;EACP,OAAO;EACP,iBAAiB,oBAAC,4BAA0B;EAC7C;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACD,KAAK;EACH,OAAO;EACP,iBAAiB;AAEf,UAAO;;EAEV;CACF;AAED,SAAS,OAAO,OAAwB,KAAK;CAC3C,IAAI,EACF,UACA,WACA,MACA,QACA,UACA,UACA,OACA,GAAG,eACD;AAEJ,YAAW,YAAY;AAEvB,KAAI,QAAQ,OACV,SAAQ,KACN,8EACD;CAGH,MAAM,WAAW,cAAc;AAC7B,MAAI,KACF,QAAO;EAGT,MAAM,EAAE,OAAO,WAAW,cACxB,UAAU,cAAc,eAAe,OAAO,GAC1C,cAAc,UACd,cAAc;AAEpB,SACE,oBAAC;GAAI,gBAAa;GAAO,OAAO,EAAE,OAAO,SAAS,MAAM,UAAU;aAChE,oBAAC,aAAU,gBAAa,SAAS;IAC7B;IAEP,CAAC,MAAM,OAAO,CAAC;CAElB,MAAM,SAAS,cAAc,YAAY,iBAAiB;AAE1D,QACE,qBAAC;EACC,GAAI,WAAW,gBAAgB,YAAY,EAAE,YAAY,MAAM,CAAC,EAAE,EAChE,MAAM,EAAE,SAAS,WAAW,EAC7B,CAAC;EACG;EACG;;GAEP;IACC,SAAS,aACT,qBAAC;IAAI,gBAAa;eACf,gBAAgB,aACf,oBAACA;KAAM,OAAO;KAAG,QAAQ,YAAY,OAAO;eACzC;MACK,CACR,EACD,gBAAgB,gBACf,oBAACA;KAAM,OAAO;KAAG,QAAQ,YAAY,QAAQ;eAC1C;MACK,CACR;KACE;GAEP,YAAY,oBAAC;IAAI,gBAAa;IAAW;KAAe;;GAC/C;;AAIhB,MAAM,UAAU,WAAW,OAAO;AAElC,QAAQ,cAAc"}
+{"version":3,"file":"Result.js","names":["IconAlertTriangleFilled","IconCircleCheckFilled","IconCircleXFilled","IconInfoCircleFilled","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","ComponentType","forwardRef","ReactNode","useMemo","mergeProps","wrapNodeIfPlain","extractStyles","Title","CubeResultProps","children","icon","status","CubeResultStatus","subTitle","subtitle","title","isCompact","StatusIconMap","Record","color","component","Container","qa","as","styles","display","compact","gridAreas","flow","placeContent","placeItems","gap","padding","textAlign","width","margin","Icon","$","gridArea","Content","placeSelf","textWrap","statusIconMap","success","error","info","warning","Result","props","ref","_c","T0","t0","t1","t2","t3","t4","t5","t6","otherProps","console","warn","t7","bb0","Component","hasOwnProperty","t8","t9","t10","t11","iconNode","eventProps","mods","_Result","displayName"],"sources":["../../../../src/components/content/Result/Result.tsx"],"sourcesContent":["import {\n  IconAlertTriangleFilled,\n  IconCircleCheckFilled,\n  IconCircleXFilled,\n  IconInfoCircleFilled,\n} from '@tabler/icons-react';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { ComponentType, forwardRef, ReactNode, useMemo } from 'react';\n\nimport { mergeProps, wrapNodeIfPlain } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Title } from '../Title';\n\nexport interface CubeResultProps extends BaseProps, ContainerStyleProps {\n  /** Additional block content. For example, a set of buttons */\n  children?: ReactNode;\n  /** Custom icon element */\n  icon?: ReactNode;\n  /**\n   * Result status from ready-made templates\n   * @default 'info'\n   */\n  status?: CubeResultStatus;\n  /**\n   * The subTitle\n   * @deprecated The subTitle prop is deprecated and will be removed in next major release. consider using subtitle instead\n   */\n  subTitle?: ReactNode;\n  /**\n   * Subtitle of the Result component\n   */\n  subtitle?: ReactNode;\n  /** The title */\n  title?: ReactNode;\n  /** Whether the result component has a compact presentation */\n  isCompact?: boolean;\n}\n\nexport type CubeResultStatus =\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'warning'\n  | 404\n  | 403\n  | 500;\n\ntype StatusIconMap = Record<\n  CubeResultStatus,\n  {\n    color: string;\n    component: ComponentType;\n  }\n>;\n\nconst Container = tasty({\n  qa: 'ResultContainer',\n  as: 'section',\n  styles: {\n    display: {\n      '': 'flex',\n      compact: 'grid',\n    },\n    gridAreas: '\"icon title\" \"content content\"',\n    flow: 'column',\n    placeContent: {\n      '': 'center',\n      compact: 'start',\n    },\n    placeItems: {\n      '': 'center',\n      compact: 'start',\n    },\n    gap: {\n      '': '3x',\n      compact: '2x 1x',\n    },\n    padding: {\n      '': '6x 4x',\n      compact: '0',\n    },\n    textAlign: {\n      '': 'center',\n      compact: 'left',\n    },\n    width: 'max 80ch',\n    margin: {\n      '': '0 auto',\n      compact: '0',\n    },\n    '--icon-size': '6x',\n\n    Icon: {\n      $: '>',\n      display: 'grid',\n      gridArea: 'icon',\n    },\n\n    Content: {\n      $: '>',\n      gridArea: 'content',\n      display: 'block',\n    },\n\n    Title: {\n      $: '>',\n      gridArea: 'title',\n      display: 'flex',\n      flow: 'column',\n      placeItems: 'inherit',\n      gap: '1x',\n      placeSelf: 'center',\n      textWrap: 'balance',\n    },\n  },\n});\n\nconst statusIconMap: StatusIconMap = {\n  success: {\n    color: 'success',\n    component: () => <IconCircleCheckFilled />,\n  },\n  error: {\n    color: 'danger',\n    component: () => <IconCircleXFilled />,\n  },\n  info: {\n    color: 'purple',\n    component: () => <IconInfoCircleFilled />,\n  },\n  warning: {\n    color: 'warning',\n    component: () => <IconAlertTriangleFilled />,\n  },\n  404: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  403: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n  500: {\n    color: 'purple',\n    component: () => {\n      // TODO: Needs to be implemented in the future\n      return null;\n    },\n  },\n};\n\nfunction Result(props: CubeResultProps, ref) {\n  let {\n    children,\n    isCompact,\n    icon,\n    status,\n    subTitle,\n    subtitle,\n    title,\n    ...otherProps\n  } = props;\n\n  subtitle = subtitle ?? subTitle;\n\n  if (icon && status) {\n    console.warn(\n      'Don\\'t use \"icon\" and \"status\" together, it can lead to possible errors.',\n    );\n  }\n\n  const iconNode = useMemo(() => {\n    if (icon) {\n      return icon;\n    }\n\n    const { color, component: Component } =\n      status && statusIconMap.hasOwnProperty(status)\n        ? statusIconMap[status]\n        : statusIconMap.info;\n\n    return (\n      <div data-element=\"Icon\" style={{ color: `var(--${color}-color)` }}>\n        <Component data-element=\"Icon\" />\n      </div>\n    );\n  }, [icon, status]);\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <Container\n      {...mergeProps(filterBaseProps(otherProps, { eventProps: true }), {\n        mods: { compact: isCompact },\n      })}\n      ref={ref}\n      styles={styles}\n    >\n      {iconNode}\n      {(title || subtitle) && (\n        <div data-element=\"Title\">\n          {wrapNodeIfPlain(title, () => (\n            <Title level={2} preset={isCompact ? 'h5' : 'h4'}>\n              {title}\n            </Title>\n          ))}\n          {wrapNodeIfPlain(subtitle, () => (\n            <Title level={3} preset={isCompact ? 't3m' : 't2m'}>\n              {subtitle}\n            </Title>\n          ))}\n        </div>\n      )}\n      {children && <div data-element=\"Content\">{children}</div>}\n    </Container>\n  );\n}\n\nconst _Result = forwardRef(Result);\n\n_Result.displayName = 'Result';\n\nexport { _Result as Result };\n"],"mappings":"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"}

package/dist/components/content/Skeleton/Skeleton.js

@@ -1,8 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";
 import { Placeholder } from "../Placeholder/Placeholder.js";
+import { c } from "react-compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/content/Skeleton/Skeleton.tsx
@@ -144,24 +145,32 @@ const LAYOUT_MAP = {
 		});
 	}
 };
-function Skeleton({ layout, isStatic, columns, rows, lines, tabs, cards, ...props }) {
-	layout = layout || "page";
-	return LAYOUT_MAP[layout] ? LAYOUT_MAP[layout]({
-		isStatic,
-		columns,
-		rows,
-		lines,
-		tabs,
-		cards,
-		rootProps: {
+function Skeleton(t0) {
+	const $ = c(2);
+	let t1;
+	if ($[0] !== t0) {
+		let { layout, isStatic, columns, rows, lines, tabs, cards, ...props } = t0;
+		layout = layout || "page";
+		t1 = LAYOUT_MAP[layout] ? LAYOUT_MAP[layout]({
+			isStatic,
+			columns,
+			rows,
+			lines,
+			tabs,
+			cards,
+			rootProps: {
+				qa: "Skeleton",
+				...props
+			}
+		}) : /* @__PURE__ */ jsx(Placeholder, {
 			qa: "Skeleton",
+			isStatic,
 			...props
-		}
-	}) : /* @__PURE__ */ jsx(Placeholder, {
-		qa: "Skeleton",
-		isStatic,
-		...props
-	});
+		});
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
 }
 
 //#endregion

package/dist/components/content/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":[],"sources":["../../../../src/components/content/Skeleton/Skeleton.tsx"],"sourcesContent":["import { BaseProps, ContainerStyleProps } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\nimport { Flow } from '../../layout/Flow';\nimport { CubeGridProps, Grid } from '../../layout/Grid';\nimport { Space } from '../../layout/Space';\nimport { CubePlaceholderProps, Placeholder } from '../Placeholder/Placeholder';\n\nconst LAYOUT_MAP = {\n  page({\n    lines,\n    children,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"4x\" {...rootProps}>\n        <Space placeContent=\"space-between\">\n          <Placeholder isStatic={isStatic} width=\"100px 25% 300px\" />\n          <Placeholder isStatic={isStatic} width=\"50px 10% 150px\" />\n        </Space>\n        <Flow gap=\"2x\">\n          {children ||\n            Array(lines || 5)\n              .fill(0)\n              .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n        </Flow>\n      </Flow>\n    );\n  },\n  content({\n    children,\n    lines,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"2x\" {...rootProps}>\n        {children ||\n          Array(lines || 5)\n            .fill(0)\n            .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n      </Flow>\n    );\n  },\n  topbar({ isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Space\n        gap=\"4x\"\n        placeContent=\"space-between\"\n        height=\"6x\"\n        padding=\"1x\"\n        border=\"bottom\"\n        {...rootProps}\n      >\n        <Space>\n          <Placeholder circle isStatic={isStatic} size=\"4x\" />\n          <Placeholder isStatic={isStatic} width=\"20x\" />\n        </Space>\n\n        <Space>\n          <Placeholder isStatic={isStatic} width=\"10x\" />\n          <Placeholder circle isStatic={isStatic} size=\"4x\" />\n        </Space>\n      </Space>\n    );\n  },\n  menu({ lines, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"3.25x\" padding=\"3x 1x\" {...rootProps}>\n        {Array(lines || 5)\n          .fill(0)\n          .map((item, i) => (\n            <Placeholder key={i} isStatic={isStatic} />\n          ))}\n      </Flow>\n    );\n  },\n  stats({ cards, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Space gap=\"4x\" {...rootProps}>\n        {Array(cards || 3)\n          .fill(0)\n          .map((item, i) => (\n            <Placeholder\n              key={i}\n              isStatic={isStatic}\n              radius=\"1r\"\n              width=\"20x\"\n              height=\"12x\"\n              flexGrow={1}\n            />\n          ))}\n      </Space>\n    );\n  },\n  tabs({\n    tabs,\n    children,\n    lines,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"4x\" {...rootProps}>\n        <Space>\n          {Array(tabs || 3)\n            .fill(0)\n            .map((item, i) => (\n              <Placeholder key={i} isStatic={isStatic} width=\"15x\" />\n            ))}\n        </Space>\n        <Flow gap=\"2x\">\n          {children ||\n            Array(lines || 5)\n              .fill(0)\n              .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n        </Flow>\n      </Flow>\n    );\n  },\n  table({\n    rows,\n    columns,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    columns = columns || 5;\n    rows = rows || 5;\n\n    return (\n      <Grid\n        columns={`repeat(${columns}, 1fr)`}\n        gap=\"3x\"\n        padding=\"1x 0\"\n        {...rootProps}\n      >\n        {Array(rows)\n          .fill(0)\n          .map((item, i) => {\n            return Array(columns)\n              .fill(0)\n              .map((item, j) => {\n                return (\n                  <Placeholder\n                    key={`${i}.${j}`}\n                    isStatic={isStatic}\n                    size={!i ? '3x' : '2x'}\n                  />\n                );\n              });\n          })}\n      </Grid>\n    );\n  },\n  chart({ columns, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    columns = columns || 12;\n\n    const heightMap = [1, 4, 2, 5, 8, 9, 5, 3, 4, 2, 6, 7, 2];\n\n    return (\n      <Grid\n        columns={`repeat(${columns}, 1fr)`}\n        gap=\"3x\"\n        padding=\"1x 0\"\n        placeItems=\"end stretch\"\n        height=\"40x\"\n        {...rootProps}\n      >\n        {Array(columns)\n          .fill(0)\n          .map((item, i) => {\n            return (\n              <Placeholder\n                key={i}\n                isStatic={isStatic}\n                height={`${heightMap[i % 12] * 10}%`}\n                width=\"max 6x\"\n              />\n            );\n          })}\n      </Grid>\n    );\n  },\n} as const;\n\nexport interface CubeSkeletonProps\n  extends CubeSkeletonRootProps,\n    Omit<CubeSkeletonLayoutProps, 'rootProps'> {\n  /** The type of the layout */\n  layout?: keyof typeof LAYOUT_MAP;\n}\n\nexport interface CubeSkeletonRootProps\n  extends Omit<CubeGridProps, 'columns' | 'rows'>,\n    CubePlaceholderProps,\n    BaseProps,\n    ContainerStyleProps {}\n\nexport interface CubeSkeletonLayoutProps {\n  /** The number of columns for the table layout */\n  columns?: number;\n  /** The number of rows for the table layout */\n  rows?: number;\n  /** The number of placeholder lines */\n  lines?: number;\n  /** The number of tabs */\n  tabs?: number;\n  /** The number of cards */\n  cards?: number;\n  /** The static mode */\n  isStatic?: boolean;\n  rootProps?: CubeSkeletonRootProps;\n  children?: ReactNode;\n}\n\nexport function Skeleton({\n  layout,\n  isStatic,\n  columns,\n  rows,\n  lines,\n  tabs,\n  cards,\n  ...props\n}: CubeSkeletonProps) {\n  layout = layout || 'page';\n\n  return LAYOUT_MAP[layout] ? (\n    LAYOUT_MAP[layout]({\n      isStatic,\n      columns,\n      rows,\n      lines,\n      tabs,\n      cards,\n      rootProps: { qa: 'Skeleton', ...props },\n    })\n  ) : (\n    <Placeholder qa=\"Skeleton\" isStatic={isStatic} {...props} />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Skeleton.js","names":["BaseProps","ContainerStyleProps","ReactNode","Flow","CubeGridProps","Grid","Space","CubePlaceholderProps","Placeholder","LAYOUT_MAP","page","lines","children","isStatic","rootProps","CubeSkeletonLayoutProps","Array","fill","map","item","i","content","topbar","menu","stats","cards","tabs","table","rows","columns","j","chart","heightMap","const","CubeSkeletonProps","CubeSkeletonRootProps","Omit","layout","Skeleton","t0","$","_c","t1","props","qa"],"sources":["../../../../src/components/content/Skeleton/Skeleton.tsx"],"sourcesContent":["import { BaseProps, ContainerStyleProps } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\nimport { Flow } from '../../layout/Flow';\nimport { CubeGridProps, Grid } from '../../layout/Grid';\nimport { Space } from '../../layout/Space';\nimport { CubePlaceholderProps, Placeholder } from '../Placeholder/Placeholder';\n\nconst LAYOUT_MAP = {\n  page({\n    lines,\n    children,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"4x\" {...rootProps}>\n        <Space placeContent=\"space-between\">\n          <Placeholder isStatic={isStatic} width=\"100px 25% 300px\" />\n          <Placeholder isStatic={isStatic} width=\"50px 10% 150px\" />\n        </Space>\n        <Flow gap=\"2x\">\n          {children ||\n            Array(lines || 5)\n              .fill(0)\n              .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n        </Flow>\n      </Flow>\n    );\n  },\n  content({\n    children,\n    lines,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"2x\" {...rootProps}>\n        {children ||\n          Array(lines || 5)\n            .fill(0)\n            .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n      </Flow>\n    );\n  },\n  topbar({ isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Space\n        gap=\"4x\"\n        placeContent=\"space-between\"\n        height=\"6x\"\n        padding=\"1x\"\n        border=\"bottom\"\n        {...rootProps}\n      >\n        <Space>\n          <Placeholder circle isStatic={isStatic} size=\"4x\" />\n          <Placeholder isStatic={isStatic} width=\"20x\" />\n        </Space>\n\n        <Space>\n          <Placeholder isStatic={isStatic} width=\"10x\" />\n          <Placeholder circle isStatic={isStatic} size=\"4x\" />\n        </Space>\n      </Space>\n    );\n  },\n  menu({ lines, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"3.25x\" padding=\"3x 1x\" {...rootProps}>\n        {Array(lines || 5)\n          .fill(0)\n          .map((item, i) => (\n            <Placeholder key={i} isStatic={isStatic} />\n          ))}\n      </Flow>\n    );\n  },\n  stats({ cards, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    return (\n      <Space gap=\"4x\" {...rootProps}>\n        {Array(cards || 3)\n          .fill(0)\n          .map((item, i) => (\n            <Placeholder\n              key={i}\n              isStatic={isStatic}\n              radius=\"1r\"\n              width=\"20x\"\n              height=\"12x\"\n              flexGrow={1}\n            />\n          ))}\n      </Space>\n    );\n  },\n  tabs({\n    tabs,\n    children,\n    lines,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    return (\n      <Flow gap=\"4x\" {...rootProps}>\n        <Space>\n          {Array(tabs || 3)\n            .fill(0)\n            .map((item, i) => (\n              <Placeholder key={i} isStatic={isStatic} width=\"15x\" />\n            ))}\n        </Space>\n        <Flow gap=\"2x\">\n          {children ||\n            Array(lines || 5)\n              .fill(0)\n              .map((item, i) => <Placeholder key={i} isStatic={isStatic} />)}\n        </Flow>\n      </Flow>\n    );\n  },\n  table({\n    rows,\n    columns,\n    isStatic = false,\n    rootProps,\n  }: CubeSkeletonLayoutProps) {\n    columns = columns || 5;\n    rows = rows || 5;\n\n    return (\n      <Grid\n        columns={`repeat(${columns}, 1fr)`}\n        gap=\"3x\"\n        padding=\"1x 0\"\n        {...rootProps}\n      >\n        {Array(rows)\n          .fill(0)\n          .map((item, i) => {\n            return Array(columns)\n              .fill(0)\n              .map((item, j) => {\n                return (\n                  <Placeholder\n                    key={`${i}.${j}`}\n                    isStatic={isStatic}\n                    size={!i ? '3x' : '2x'}\n                  />\n                );\n              });\n          })}\n      </Grid>\n    );\n  },\n  chart({ columns, isStatic = false, rootProps }: CubeSkeletonLayoutProps) {\n    columns = columns || 12;\n\n    const heightMap = [1, 4, 2, 5, 8, 9, 5, 3, 4, 2, 6, 7, 2];\n\n    return (\n      <Grid\n        columns={`repeat(${columns}, 1fr)`}\n        gap=\"3x\"\n        padding=\"1x 0\"\n        placeItems=\"end stretch\"\n        height=\"40x\"\n        {...rootProps}\n      >\n        {Array(columns)\n          .fill(0)\n          .map((item, i) => {\n            return (\n              <Placeholder\n                key={i}\n                isStatic={isStatic}\n                height={`${heightMap[i % 12] * 10}%`}\n                width=\"max 6x\"\n              />\n            );\n          })}\n      </Grid>\n    );\n  },\n} as const;\n\nexport interface CubeSkeletonProps\n  extends CubeSkeletonRootProps,\n    Omit<CubeSkeletonLayoutProps, 'rootProps'> {\n  /** The type of the layout */\n  layout?: keyof typeof LAYOUT_MAP;\n}\n\nexport interface CubeSkeletonRootProps\n  extends Omit<CubeGridProps, 'columns' | 'rows'>,\n    CubePlaceholderProps,\n    BaseProps,\n    ContainerStyleProps {}\n\nexport interface CubeSkeletonLayoutProps {\n  /** The number of columns for the table layout */\n  columns?: number;\n  /** The number of rows for the table layout */\n  rows?: number;\n  /** The number of placeholder lines */\n  lines?: number;\n  /** The number of tabs */\n  tabs?: number;\n  /** The number of cards */\n  cards?: number;\n  /** The static mode */\n  isStatic?: boolean;\n  rootProps?: CubeSkeletonRootProps;\n  children?: ReactNode;\n}\n\nexport function Skeleton({\n  layout,\n  isStatic,\n  columns,\n  rows,\n  lines,\n  tabs,\n  cards,\n  ...props\n}: CubeSkeletonProps) {\n  layout = layout || 'page';\n\n  return LAYOUT_MAP[layout] ? (\n    LAYOUT_MAP[layout]({\n      isStatic,\n      columns,\n      rows,\n      lines,\n      tabs,\n      cards,\n      rootProps: { qa: 'Skeleton', ...props },\n    })\n  ) : (\n    <Placeholder qa=\"Skeleton\" isStatic={isStatic} {...props} />\n  );\n}\n"],"mappings":"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"}