@cube-dev/ui-kit 0.197.0 → 0.198.1

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

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","keyframes","Styles","tasty","createContext","forwardRef","useContext","useI18n","extractStyles","mergeStyleLayers","placeholderAnimation","StyledPlaceholder","styles","display","height","opacity","aspectRatio","circle","radius","backgroundRepeat","backgroundSize","fill","animation","animated","image","PlaceholderGroupContext","CubePlaceholderProps","size","isStatic","Placeholder","allProps","ref","$","_c","t0","props","undefined","t","isInGroup","T0","t1","role","t2","eventProps","t3","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 { createContext, forwardRef, useContext } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { extractStyles, mergeStyleLayers } 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  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\n/**\n * Set by a component that says once that a whole group of placeholders is\n * loading — `Skeleton` is one region around all of its bars, and a table's\n * loading row is `aria-busy`. The placeholders inside are then decoration, and\n * stay out of the accessibility tree rather than each being a landmark of its\n * own.\n */\nexport const PlaceholderGroupContext = createContext(false);\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  const isInGroup = useContext(PlaceholderGroupContext);\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <StyledPlaceholder\n      {...(isInGroup\n        ? { 'aria-hidden': true }\n        : {\n            role: 'region',\n            'aria-label': t(\n              'placeholder.contentIsLoading',\n              'Content is loading',\n            ),\n          })}\n      {...filterBaseProps(props, { eventProps: true })}\n      // The documented way to detect a loading placeholder. Fixed, so a\n      // caller's `qa` or a translated `aria-label` doesn't change it.\n      data-loading-placeholder=\"\"\n      ref={ref}\n      mods={{ animated: !isStatic, circle }}\n      styles={mergeStyleLayers({ height: size }, styles)}\n    />\n  );\n});\n"],"mappings":";;;;;;;;;AAeA,MAAMa,uBAAuBT,UAAU;CACrC,MAAM,EACJ,uBAAuB,OACxB;CACD,QAAQ,EACN,uBAAuB,iCACzB;CACD,CAAC;AAEF,MAAMU,oBAAoBR,MAAM,EAC9BS,QAAQ;CACNC,SAAS;CACTC,QAAQ;CACRC,SAAS;CACTC,aAAa;EACX,IAAI;EACJC,QAAQ;EACT;CACDC,QAAQ;EACN,IAAI;EACJD,QAAQ;EACT;CAGD,+BAA+B;CAC/B,+BAA+B;CAG/BE,kBAAkB;CAClBC,gBAAgB;CAChBC,MAAM;CAGNC,WAAW;EACT,IAAI;EACJC,UAAU,GAAGb,qBAAoB;EAClC;CACDc,OAAO;EACL,IAAI;EACJD,UAAU;;;;;;;;;;EAUZ;CACF,EACD,CAAC;;;;;;;;AASF,MAAaE,0BAA0BrB,cAAc,MAAM;AAQ3D,MAAayB,cAAcxB,WAAW,SAAAwB,YAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAIpC,MAAA,EAAAN,MAAAO,IAAAN,UAAAX,QAAA,GAAAkB,UAAkDL;CAA5C,MAAAH,OAAAO,OAAAE,SAAA,OAAAF;CAEN,MAAA,EAAAG,MAAc9B,SAAS;CACvB,MAAA+B,YAAkBhC,WAAWmB,wBAAwB;CAErD,MAAAb,SAAaJ,cAAc2B,OAAOrC,iBAAiB;CAGhD,MAAAyC,KAAA5B;CAAiB,IAAA6B;AAAA,KAAAR,EAAA,OAAAM,aAAAN,EAAA,OAAAK,GAAA;AACXG,OAAAF,YAAA,EAAA,eACgB,MAOhB,GARA;GAAAG,MAGO;GAAQ,cACAJ,EACZ,gCACA,qBACF;GACD;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAK;AAAAL,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CACD,MAAAU,KAAA1C,gBAAgBmC,OAAO,EAAAQ,YAAc,MAAM,CAAC;CAGvB,MAAAC,KAAA;CAEP,MAAAC,KAAA,CAACjB;CAAQ,IAAAkB;AAAA,KAAAd,EAAA,OAAAf,UAAAe,EAAA,OAAAa,IAAA;AAArBC,OAAA;GAAAvB,UAAYsB;GAAS5B;GAAU;AAAAe,IAAA,KAAAf;AAAAe,IAAA,KAAAa;AAAAb,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAC7B,MAAAe,KAAAtC,iBAAiB,EAAAK,QAAUa,MAAM,EAAEf,OAAO;CAAA,IAAAoC;AAAA,KAAAhB,EAAA,OAAAO,MAAAP,EAAA,OAAAD,OAAAC,EAAA,OAAAQ,MAAAR,EAAA,OAAAU,MAAAV,EAAA,QAAAc,MAAAd,EAAA,QAAAe,IAAA;AAhBpDC,OAAA,oBAAC;GAAiB,GACXR;GAQA,GACDE;GAGqB,4BAAAE;GACpBb;GACC,MAAAe;GACE,QAAAC;IACR;AAAAf,IAAA,KAAAO;AAAAP,IAAA,KAAAD;AAAAC,IAAA,KAAAQ;AAAAR,IAAA,KAAAU;AAAAV,IAAA,MAAAc;AAAAd,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;AAAA,QAjBFgB;EAmBF"}
+{"version":3,"file":"Placeholder.js","names":["BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","keyframes","Styles","tasty","createContext","forwardRef","useContext","useI18n","extractStyles","mergeStyleLayers","placeholderAnimation","StyledPlaceholder","styles","display","height","opacity","aspectRatio","circle","radius","backgroundRepeat","backgroundSize","fill","animation","animated","image","PlaceholderGroupContext","CubePlaceholderProps","size","isStatic","Placeholder","allProps","ref","$","_c","t0","props","undefined","t","isInGroup","T0","t1","role","t2","eventProps","t3","t4","t5","t6","t7","_c"],"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 { createContext, forwardRef, useContext } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { extractStyles, mergeStyleLayers } 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  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\n/**\n * Set by a component that says once that a whole group of placeholders is\n * loading — `Skeleton` is one region around all of its bars, and a table's\n * loading row is `aria-busy`. The placeholders inside are then decoration, and\n * stay out of the accessibility tree rather than each being a landmark of its\n * own.\n */\nexport const PlaceholderGroupContext = createContext(false);\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  const isInGroup = useContext(PlaceholderGroupContext);\n\n  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <StyledPlaceholder\n      {...(isInGroup\n        ? { 'aria-hidden': true }\n        : {\n            role: 'region',\n            'aria-label': t(\n              'placeholder.contentIsLoading',\n              'Content is loading',\n            ),\n          })}\n      {...filterBaseProps(props, { eventProps: true })}\n      // The documented way to detect a loading placeholder. Fixed, so a\n      // caller's `qa` or a translated `aria-label` doesn't change it.\n      data-loading-placeholder=\"\"\n      ref={ref}\n      mods={{ animated: !isStatic, circle }}\n      styles={mergeStyleLayers({ height: size }, styles)}\n    />\n  );\n});\n"],"mappings":";;;;;;;;AAeA,MAAMa,uBAAuBT,UAAU;CACrC,MAAM,EACJ,uBAAuB,MACzB;CACA,QAAQ,EACN,uBAAuB,gCACzB;AACF,CAAC;AAED,MAAMU,oBAAoBR,MAAM,EAC9BS,QAAQ;CACNC,SAAS;CACTC,QAAQ;CACRC,SAAS;CACTC,aAAa;EACX,IAAI;EACJC,QAAQ;CACV;CACAC,QAAQ;EACN,IAAI;EACJD,QAAQ;CACV;CAGA,+BAA+B;CAC/B,+BAA+B;CAG/BE,kBAAkB;CAClBC,gBAAgB;CAChBC,MAAM;CAGNC,WAAW;EACT,IAAI;EACJC,UAAU,GAAGb,qBAAoB;CACnC;CACAc,OAAO;EACL,IAAI;EACJD,UAAU;;;;;;;;;;CAUZ;AACF,EACF,CAAC;;;;;;;;AASD,MAAaE,0BAA0BrB,cAAc,KAAK;AAQ1D,MAAayB,cAAcxB,WAAW,SAAAwB,YAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAIpC,MAAA,EAAAN,MAAAO,IAAAN,UAAAX,QAAA,GAAAkB,UAAkDL;CAA5C,MAAAH,OAAAO,OAAAE,KAAAA,IAAA,OAAAF;CAEN,MAAA,EAAAG,MAAc9B,QAAQ;CACtB,MAAA+B,YAAkBhC,WAAWmB,uBAAuB;CAEpD,MAAAb,SAAaJ,cAAc2B,OAAOrC,gBAAgB;CAG/C,MAAAyC,KAAA5B;CAAiB,IAAA6B;CAAA,IAAAR,EAAA,OAAAM,aAAAN,EAAA,OAAAK,GAAA;EACXG,KAAAF,YAAA,EAAA,eACgB,KAOjB,IARC;GAAAG,MAGO;GAAQ,cACAJ,EACZ,gCACA,oBACF;EACF;EAACL,EAAA,KAAAM;EAAAN,EAAA,KAAAK;EAAAL,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CACD,MAAAU,KAAA1C,gBAAgBmC,OAAO,EAAAQ,YAAc,KAAK,CAAC;CAGtB,MAAAC,KAAA;CAEP,MAAAC,KAAA,CAACjB;CAAQ,IAAAkB;CAAA,IAAAd,EAAA,OAAAf,UAAAe,EAAA,OAAAa,IAAA;EAArBC,KAAA;GAAAvB,UAAYsB;GAAS5B;EAAS;EAACe,EAAA,KAAAf;EAAAe,EAAA,KAAAa;EAAAb,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAC7B,MAAAe,KAAAtC,iBAAiB,EAAAK,QAAUa,KAAK,GAAGf,MAAM;CAAC,IAAAoC;CAAA,IAAAhB,EAAA,OAAAO,MAAAP,EAAA,OAAAD,OAAAC,EAAA,OAAAQ,MAAAR,EAAA,OAAAU,MAAAV,EAAA,QAAAc,MAAAd,EAAA,QAAAe,IAAA;EAhBpDC,KAAA,oBAAC,IAAD;GAAkB,GACXR;GAQA,GACDE;GAGqB,4BAAAE;GACpBb;GACC,MAAAe;GACE,QAAAC;EAA0C,CAAA;EAClDf,EAAA,KAAAO;EAAAP,EAAA,KAAAD;EAAAC,EAAA,KAAAQ;EAAAR,EAAA,KAAAU;EAAAV,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAAA,OAjBFgB;AAiBE,CAEL"}

package/dist/components/content/PrismCode/PrismCode.d.ts

@@ -1,14 +1,12 @@
 
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
 import "prismjs/components/prism-markup.js";
 import "prismjs/components/prism-javascript.js";
 import "prismjs/components/prism-yaml.js";
 import "prismjs/components/prism-bash.js";
 import "prismjs/components/prism-sql.js";
-
 //#region src/components/content/PrismCode/PrismCode.d.ts
-interface CubePrismCodeProps extends ContainerStyleProps {
+export interface CubePrismCodeProps extends ContainerStyleProps {
   /** The CSS style map */
   style?: BaseProps['style'];
   styles?: Styles;
@@ -26,7 +24,7 @@ interface CubePrismCodeProps extends ContainerStyleProps {
 /**
  * Code block with syntax highlighting
  */
-declare const _PrismCode: react.ForwardRefExoticComponent<CubePrismCodeProps & react.RefAttributes<unknown>>;
+declare const _PrismCode: import("react").ForwardRefExoticComponent<CubePrismCodeProps & import("react").RefAttributes<unknown>>;
 //#endregion
-export { CubePrismCodeProps, _PrismCode };
+export { _PrismCode as PrismCode };
 //# sourceMappingURL=PrismCode.d.ts.map

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

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { RendererPrism, ensureYamlSqlExtensions } from "./prismSetup.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+import { Prism as RendererPrism, ensureYamlSqlExtensions } from "./prismSetup.js";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -9,7 +9,6 @@ import "prismjs/components/prism-javascript.js";
 import "prismjs/components/prism-yaml.js";
 import "prismjs/components/prism-bash.js";
 import "prismjs/components/prism-sql.js";
-
 //#region src/components/content/PrismCode/PrismCode.tsx
 const PreElement = tasty({
 	as: "pre",
@@ -106,7 +105,7 @@ function PrismCode(props, ref) {
 */
 const _PrismCode = forwardRef(PrismCode);
 _PrismCode.displayName = "PrismCode";
-
 //#endregion
-export { _PrismCode };
+export { _PrismCode as PrismCode };
+
 //# sourceMappingURL=PrismCode.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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","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,MAAMS,aAAaL,MAAM;CACvBM,IAAI;CACJC,IAAI;CACJC,YAAYX,iBAAiBY,OAAO,CAAA,CAAE;CACtCC,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;GACX;GACAC,cAAc;IACZ,IAAI;IACJD,SAAS;GACX;EACF;CACF;AACF,CAAC;AA8BD,SAASO,WAAWF,MAAuB;CAEzC,MAAMG,QAAQH,KAAKI,MAAM,IAAI;CAG7B,MAAMC,kBAAkB;CACxB,MAAMC,kBAAkB;CACxB,MAAMC,gBAAgB;CAGtB,KAAK,MAAMC,QAAQL,OACjB,IACEE,gBAAgBI,KAAKD,IAAI,KACzBF,gBAAgBG,KAAKD,IAAI,KACzBD,cAAcE,KAAKD,IAAI,GAEvB,OAAO;CAKX,OAAO;AACT;AAEA,SAASE,UAAUC,OAA2BC,KAAK;CACjD,IAAI,EAAEZ,OAAO,IAAIC,WAAW,cAAcF,WAAW,GAAGc,eAAeF;CAEvE,IAAI,CAACX,MACHA,OAAO;CAGT,IAAI,OAAOA,SAAS,YAAYA,MAC9B,MAAM,IAAIc,MACR,8DAA8D,OAAOd,IACvE;CAGF,MAAMe,SAASb,WAAWF,QAAQ,EAAE;CAEpC,MAAMgB,cAAcD,SAAS,QAAQd,aAAaA;CAGlD,IAAIc,UAAU,CAACpC,cAAMsC,UAAUD,cAC7BrC,cAAMsC,UAAUD,eAAerC,cAAMsC,UAAUC;CAIjD,IAAIjB,aAAa,UAAUe,gBAAgB,aACzCtC,wBAAwB;CAG1B,OACE,oBAAC,YAAD;EAAiBkC;EAAK,GAAIC;EAAY,MAAM,EAAElB,SAASI,UAAU;EAC/D,UAAA,oBAAC,WAAD;GAAW,OAAOpB;GAAaqB;GAAM,UAAUgB;GAC3C,WAAA,EAAE/B,WAAWa,OAAOqB,QAAQC,cAAcC,oBAAoB;IAC9D,OACE,oBAAC,QAAD;KACE,gBAAa;KACb,WAAW,GAAGpC,YAAY8B,SAAS,oBAAoB;KACvD,OAAO;MACL,GAAGjB;MACHwB,OAAOC,KAAAA;MACPC,iBAAiBD,KAAAA;KACnB;KAECJ,UAAAA,OAAOM,KAAKjB,MAAMkB,MAAM;MACvB,MAAM,EAAEC,KAAKC,UAAU,GAAGC,cAAcT,aAAa;OACnDZ;OACAmB,KAAKD;MACP,CAAC;MAED,OACE,qBAAC,QAAD;OAEE,GAAIG;OACJ,OAAO;QACL,GAAGA,UAAU/B;QACbwB,OAAOC,KAAAA;OACT;OANF,UAAA,CAQGf,KAAKiB,KAAKK,OAAOH,QAAQ;QACxB,MAAM,EAAEA,KAAKI,WAAW,GAAGC,eAAeX,cAAc;SACtDS;SACAH;QACF,CAAC;QAED,OACE,oBAAC,QAAD;SAEE,GAAIK;SACJ,OAAO;UACL,GAAGA,WAAWlC;UACdwB,OAAOC,KAAAA;UACPC,iBAAiBD,KAAAA;SACnB;QAAE,GANGI,GAMH;OAGR,CAAC,GACA,IACG;MA1BCD,GAAAA,CA0BD;KAEV,CAAC;IACG,CAAA;GAEV;EACS,CAAA;CACD,CAAA;AAEhB;;;;AAKA,MAAMO,aAAaxD,WAAWiC,SAAS;AAEvCuB,WAAWC,cAAc"}

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

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { Prism as RendererPrism } from "prism-react-renderer";
-
 //#region src/components/content/PrismCode/prismSetup.tsx
 globalThis.Prism = RendererPrism;
 (function(Prism) {
@@ -142,7 +141,7 @@ function ensureYamlSqlExtensions() {
 		} });
 	}
 }
-
 //#endregion
-export { RendererPrism, ensureYamlSqlExtensions };
+export { RendererPrism as Prism, ensureYamlSqlExtensions };
+
 //# sourceMappingURL=prismSetup.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"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":";;;AAOA,WAAoBA,QAAQC;CAE3B,SAAUD,OAAO;CAChBA,MAAMG,UAAUC,OAAO,EACrBC,OAAO;EAEL;EAEA;EAEA;CAAS,EAIb;;;;;;CAOA,IAAIC,WAAW;EACb,gBAAgB;EAChB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;EAClBC,WAAW;EACXH,MAAM;CACR;CAGAI,OAAOC,KAAKH,QAAQ,CAAC,CAACI,QAAQ,SAAUC,MAAM;EAC5C,IAAIC,SAASN,SAASK;EAEtB,IAAIE,QAAQ,CAAA;EACZ,IAAI,CAAC,QAAQC,KAAKH,IAAI,GAEpBE,MAAME,KAAK,MAAMC,KAAKL,IAAI,CAAC,CAAC,EAAE;EAEhC,IAAIA,SAAS,QACXE,MAAME,KAAK,MAAM;EAGnBf,MAAMG,UAAUC,KAAKO,QAAQ;GAC3BM,SAASC,OAAO,UAAUN,SAAS,kCAAkC,GAAG;GACjEC;GACPM,QAAQ;IACNC,MAAM;KACJH,SAAS;KACTI,YAAY;IACd;IACAT,QAAQ;KACNK,SAAS;KACTJ,OAAO,MAAMG,KAAKL,IAAI,CAAC,CAAC;IAC1B;GACF;EACF;CACF,CAAC;CAGDH,OAAOc,eAAetB,MAAMG,UAAUC,MAAM,YAAY,EACtDmB,OAAOjB,SACT,CAAC;AACH,EAAA,CAAGL,aAAa;CAEf,SAAUD,OAAO;CAChB,IAAI,OAAOA,UAAU,aACnB;CAGF,IAAIwB,iBAAiB;CACrB,IAAIC,WACF;CAEcP,OACd,0DAA0DS,OAAOC,QAC/D,OACA,WAAY;EACV,OAAOH,SAASE;CAClB,CACF,GACA,IACF;CAEA,IAAIE,gBAAgB;CAEpB7B,MAAM8B,MAAMC,IAAI,uBAAuB,SAAUC,KAAK;EACpD,IAAIC,OAAOD,IAAIE;EACf,IAAIV,eAAeV,KAAKmB,IAAI,KAAK,CAACD,IAAIG,SACpCH,IAAIG,UAAUnC,MAAMG,UAAU8B,QAAQjC,MAAMG,UAAUC;CAE1D,CAAC;CACDJ,MAAM8B,MAAMC,IAAI,mBAAmB,SAAUC,KAAK;EAChD,IAAI,CAACH,iBAAiB,CAAC7B,MAAMG,UAAUC,QAAQ,CAACJ,MAAMoC,QAAQC,YAAY;GACxER,gBAAgB;GAChBS,QAAQC,KACN,mKAEF;EACF;EAEA,IAAIN,OAAOD,IAAIE;EACf,IAAIV,eAAeV,KAAKmB,IAAI,KAAK,CAACjC,MAAMG,UAAU8B,OAChDjC,MAAMG,UAAU8B,QAAQjC,MAAMG,UAAUC;EAI1C,IAAIoB,eAAeV,KAAKmB,IAAI,GAC1BD,IAAIG,UAAUnC,MAAMG,UAAUC;CAElC,CAAC;;;;;;;;;;;;;;;;;;;;CAsBDJ,MAAM8B,MAAMC,IAAI,kBAAkB,SAAUC,KAAK;EAC/C,IAAIQ,YAAYhB,eAAeR,KAAKgB,IAAIE,YAAY,EAAE;EACtD,IAAIO,gBAAgBT,IAAIE,aAAa;EAErC,IAAI,CAACO,iBAAiB,CAACD,WACrB;EAGF,IAAIE,eAAeD,gBAAgB,OAAOD,UAAU;EACpD,IAAIG,cAAcD,eAAe1C,MAAMG,UAAUuC,gBAAgB;EACjE,IAAI,CAACC,eAAeD,iBAAiB,MACnCC,cAAc3C,MAAMG,UAAU;EAIhC,IAAI,EADWH,MAAMG,UAAUC,QAAQJ,MAAMG,UAAUC,KAAKE,WAC7C;;;;;;;;;;EAWf,SAASsC,QAAQC,QAAQ;GACvB,KAAK,IAAIC,IAAI,GAAGA,IAAID,OAAOE,QAAQD,KAAK;IACtC,IAAIE,IAAIH,OAAOC;IAEf,IAAI,OAAOE,MAAM,UAAU;IAE3B,IAAIC,MAAMC,QAAQF,EAAEG,OAAO,GACzBP,QAAQI,EAAEG,OAAO;SACZ,IAAIH,EAAEI,SAAS,UAAU,OAAOJ,EAAEG,YAAY,UAC/CR;SAAAA,aACFK,EAAEG,UAAUnD,MAAMqD,SAASL,EAAEG,SAASR,WAAW;IAAA;GAGvD;EACF;EAEAC,QAAQZ,IAAIa,MAAM;CACpB,CAAC;AACH,EAAA,CAAG5C,aAAa;AAGhB,SAASqD,0BAA0B;CAEjC,IACErD,cAAcE,UAAUoD,QACxBtD,cAAcE,UAAUoD,KAAK,eAE7B;CAIF,IAAItD,cAAcE,UAAUoD,QAAQtD,cAAcE,UAAUqD,KAAK;EAE/DvD,cAAcE,UAAUsD,aAAa,QAAQ,OAAO,EAClD,cAAc;GACZxC,SAAS;GACTI,YAAY;GACZF,QAAQlB,cAAcE,UAAUqD;EAClC,EACF,CAAC;EAGDvD,cAAcE,UAAUsD,aAAa,QAAQ,OAAO,EAClD,iBAAiB;GACfxC,SACE;GACFI,YAAY;GACZF,QAAQ,EACN,eAAe;IACbF,SAAS;IACTE,QAAQ;KACNuC,QAAQ;KACR,YAAY;MACVzC,SAAS;MACTE,QAAQlB,cAAcE,UAAUqD;KAClC;IACF;GACF,EACF;EACF,EACF,CAAC;EAGDvD,cAAcE,UAAUsD,aAAa,QAAQ,UAAU,EACrD,cAAc;GACZxC,SACE;GACFE,QAAQlB,cAAcE,UAAUqD;EAClC,EACF,CAAC;CACH;AACF"}

package/dist/components/content/PrismDiffCode/PrismDiffCode.d.ts

@@ -1,9 +1,7 @@
 
 import { BaseProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
-
 //#region src/components/content/PrismDiffCode/PrismDiffCode.d.ts
-interface CubePrismDiffCodeProps {
+export interface CubePrismDiffCodeProps {
   style?: BaseProps['style'];
   styles?: Styles;
   /** Original code string */
@@ -13,11 +11,6 @@ interface CubePrismDiffCodeProps {
   /** The language of the code snippet */
   language?: 'javascript' | 'css' | 'sql' | 'less' | 'html' | 'json' | 'yaml' | 'bash' | 'editorconfig' | 'php' | 'python' | 'typescript';
 }
-declare function PrismDiffCode({
-  original,
-  modified,
-  ...props
-}: CubePrismDiffCodeProps): react.JSX.Element;
+export declare function PrismDiffCode({ original, modified, ...props }: CubePrismDiffCodeProps): import("react").JSX.Element;
 //#endregion
-export { CubePrismDiffCodeProps, PrismDiffCode };
 //# sourceMappingURL=PrismDiffCode.d.ts.map

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

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
-import { _PrismCode } from "../PrismCode/PrismCode.js";
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
+import { PrismCode as _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(t0) {
 	const $ = c(10);
@@ -56,7 +55,7 @@ function _temp2(val_0) {
 function _temp(val) {
 	return val ? `+${val}` : "";
 }
-
 //#endregion
 export { PrismDiffCode };
+
 //# sourceMappingURL=PrismDiffCode.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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","_c","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,SAAOU,cAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAL;CAAA,IAAAD;CAAA,IAAAO;CAAA,IAAAF,EAAA,OAAAD,IAAA;EAAuB,CAAA,CAAAJ,UAAAC,UAAA,GAAAM,SAAAH;EAILC,EAAA,KAAAD;EAAAC,EAAA,KAAAJ;EAAAI,EAAA,KAAAL;EAAAK,EAAA,KAAAE;CAAA,OAAA;EAAAN,WAAAI,EAAA;EAAAL,WAAAK,EAAA;EAAAE,QAAAF,EAAA;CAAA;CAAA,IAAAG;CAAA,IAAAH,EAAA,OAAAJ,YAAAI,EAAA,OAAAL,UAAA;EAIJQ,KAFNb,UAAUK,UAAUC,QAEdQ,CAAI,CAAAC,IAChBC,MA2BJ,CAAC,CAAAC,KACI,IAAI;EAACP,EAAA,KAAAJ;EAAAI,EAAA,KAAAL;EAAAK,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CA7Bb,MAAAQ,aAAmBL;CA6BL,IAAAM;CAAA,IAAAT,EAAA,OAAAQ,cAAAR,EAAA,OAAAE,OAAA;EAEPO,KAAA,oBAACc,YAAD;GAAiBf,MAAAA;GAAU,GAAMN;EAAK,CAAA;EAAIF,EAAA,KAAAQ;EAAAR,EAAA,KAAAE;EAAAF,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAA1CS;AAA0C;AAvC5C,SAAAH,OAAAI,MAAA;CAUD,MAAAC,QAAcD,KAAIC,MAAMC,QAAS;CAEjC,IAAIF,KAAIG,OAAM,OACLF,MAAKG,MACH,IAAI,CAAC,CAAAT,IACPU,KAEJ,CAAC,CAAAR,KACI,IAAI;CAGd,IAAIG,KAAIM,SAAQ,OACPL,MAAKG,MACH,IAAI,CAAC,CAAAT,IACPY,MAEJ,CAAC,CAAAV,KACI,IAAI;CACb,OAEMI,MAAKG,MACH,IAAI,CAAC,CAAAT,IACPa,MAEJ,CAAC,CAAAX,KACI,IAAI;AAAC;AAnCZ,SAAAW,OAAAC,OAAA;CAAA,OAiCUC,QAAA,IAAUA,UAAV;AAAoB;AAjC9B,SAAAH,OAAAI,OAAA;CAAA,OAyBYD,QAAA,IAAUA,UAAV;AAAoB;AAzBhC,SAAAL,MAAAK,KAAA;CAAA,OAgBYA,MAAA,IAAUA,QAAV;AAAoB"}

package/dist/components/content/Result/Result.d.ts

@@ -1,12 +1,9 @@
 
 import { CubeButtonProps } from "../../actions/Button/Button.js";
 import { BaseProps, ContainerStyleProps } from "@tenphi/tasty";
-import * as react from "react";
 import { ReactNode } from "react";
-import * as _react_types_shared0 from "@react-types/shared";
-
 //#region src/components/content/Result/Result.d.ts
-interface CubeResultProps extends BaseProps, ContainerStyleProps {
+export interface CubeResultProps extends BaseProps, ContainerStyleProps {
   /** Free content between the text and the actions, e.g. an alert or details */
   children?: ReactNode;
   /** Custom icon element */
@@ -48,18 +45,18 @@ interface CubeResultProps extends BaseProps, ContainerStyleProps {
   /** Whether the result component has a compact presentation. Overrides `size` and `layout` */
   isCompact?: boolean;
 }
-type CubeResultSize = 'medium' | 'large';
-type CubeResultLayout = 'default' | 'stacked';
-type CubeResultStatus = 'success' | 'error' | 'info' | 'warning' | 404 | 403 | 500;
-type CubeResultActionProps = CubeButtonProps;
+export type CubeResultSize = 'medium' | 'large';
+export type CubeResultLayout = 'default' | 'stacked';
+export type CubeResultStatus = 'success' | 'error' | 'info' | 'warning' | 404 | 403 | 500;
+export type CubeResultActionProps = CubeButtonProps;
 /**
  * A `Button` for the Result `actions` slot. Its size follows the Result's `size` unless set.
  * A link keeps Button's own `inline` size
  */
-declare const ResultAction: react.ForwardRefExoticComponent<CubeButtonProps & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
-declare const _Result: react.ForwardRefExoticComponent<CubeResultProps & react.RefAttributes<unknown>> & {
-  Action: react.ForwardRefExoticComponent<CubeButtonProps & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
+declare const ResultAction: import("react").ForwardRefExoticComponent<CubeButtonProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
+declare const _Result: import("react").ForwardRefExoticComponent<CubeResultProps & import("react").RefAttributes<unknown>> & {
+  Action: import("react").ForwardRefExoticComponent<CubeButtonProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 };
 //#endregion
-export { CubeResultActionProps, CubeResultLayout, CubeResultProps, CubeResultSize, CubeResultStatus, ResultAction, _Result };
+export { _Result as Result, ResultAction };
 //# sourceMappingURL=Result.d.ts.map

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

@@ -1,15 +1,14 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | 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 { Title as _Title } from "../Title.js";
 import { Button } from "../../actions/Button/Button.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { createContext, forwardRef, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { IconAlertTriangleFilled, IconCircleCheckFilled, IconCircleXFilled, IconInfoCircleFilled } from "@tabler/icons-react";
-
 //#region src/components/content/Result/Result.tsx
 const Container = tasty({
 	qa: "ResultContainer",
@@ -307,7 +306,7 @@ function Result(props, ref) {
 }
 const _Result = Object.assign(forwardRef(Result), { Action: ResultAction });
 _Result.displayName = "Result";
-
 //#endregion
-export { ResultAction, _Result };
+export { _Result as Result, ResultAction };
+
 //# sourceMappingURL=Result.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Result.js","names":["FocusableRef","IconAlertTriangleFilled","IconCircleCheckFilled","IconCircleXFilled","IconInfoCircleFilled","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","ComponentType","createContext","forwardRef","ReactNode","useContext","mergeProps","wrapNodeIfPlain","extractStyles","Button","CubeButtonProps","Title","CubeResultProps","children","icon","status","CubeResultStatus","subTitle","subtitle","title","actions","size","CubeResultSize","layout","CubeResultLayout","isCompact","StatusIconMap","Record","Container","qa","as","styles","display","compact","gridAreas","flow","placeContent","placeItems","gap","padding","textAlign","boxSizing","width","margin","Icon","$","gridArea","color","placeSelf","textWrap","Content","Actions","ResultSizeContext","undefined","CubeResultActionProps","ResultAction","t0","ref","_c","props","resultSize","t1","type","t2","statusIconMap","success","error","info","warning","Result","T0","t3","t4","t5","t6","t7","t8","t9","otherProps","console","warn","isLarge","knownStatus","hasOwnProperty","StatusIcon","t10","iconContent","t11","iconNode","eventProps","mods","_Result","Object","assign","Action","displayName"],"sources":["../../../../src/components/content/Result/Result.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\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 {\n  ComponentType,\n  createContext,\n  forwardRef,\n  ReactNode,\n  useContext,\n} from 'react';\n\nimport { mergeProps, wrapNodeIfPlain } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button, CubeButtonProps } from '../../actions/Button/Button';\nimport { Title } from '../Title';\n\nexport interface CubeResultProps extends BaseProps, ContainerStyleProps {\n  /** Free content between the text and the actions, e.g. an alert or details */\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  /**\n   * Action buttons, as `Result.Action` elements so they follow the Result's size.\n   * A centered row by default, a full-width column in the `stacked` layout\n   */\n  actions?: ReactNode;\n  /**\n   * Visual scale: the icon size and the title and subtitle presets. Does not change the layout.\n   * Ignored when `isCompact` is set\n   * @default 'medium'\n   */\n  size?: CubeResultSize;\n  /**\n   * Arrangement of the block. `stacked` fills the container and stacks the actions to the full width,\n   * as in a confirmation or result dialog. Combine with `size=\"large\"` for the dialog card.\n   * Ignored when `isCompact` is set\n   * @default 'default'\n   */\n  layout?: CubeResultLayout;\n  /** Whether the result component has a compact presentation. Overrides `size` and `layout` */\n  isCompact?: boolean;\n}\n\nexport type CubeResultSize = 'medium' | 'large';\n\nexport type CubeResultLayout = 'default' | 'stacked';\n\nexport type CubeResultStatus =\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'warning'\n  | 404\n  | 403\n  | 500;\n\n// `null` for a status without an icon, so no empty slot is rendered\ntype StatusIconMap = Record<CubeResultStatus, ComponentType | null>;\n\nconst Container = tasty({\n  qa: 'ResultContainer',\n  as: 'section',\n  styles: {\n    // Any ancestor: the Result sits in the dialog's `Content`, not in `Dialog`\n    '@in-dialog': '@parent(id=Dialog)',\n\n    display: {\n      '': 'flex',\n      compact: 'grid',\n    },\n    gridAreas: '\"icon title\" \"content content\" \"actions actions\"',\n    flow: 'column',\n    placeContent: {\n      '': 'center',\n      compact: 'start',\n    },\n    placeItems: {\n      '': 'center',\n      compact: 'start',\n    },\n    // Outside compact the blocks below the title space themselves, so the\n    // icon's own room is the whole distance to the title\n    gap: {\n      '': '0',\n      compact: '2x 1x',\n    },\n    padding: {\n      '': '6x 4x',\n      // The host pads: a dialog `Content` or the page section the card fills\n      compact: '0',\n      'layout=stacked': '1.5x',\n      // The dialog's `Content` already pads it\n      'layout=stacked & @in-dialog': '0',\n    },\n    textAlign: {\n      '': 'center',\n      compact: 'left',\n    },\n    boxSizing: 'border-box',\n    width: {\n      '': 'max 80ch',\n      // Fill the container so stacked actions share one width wherever the card sits\n      'layout=stacked': '0 100% 80ch',\n    },\n    margin: {\n      '': '0 auto',\n      compact: '0',\n    },\n    '--icon-size': {\n      '': '6x',\n      'size=large': '10x',\n    },\n\n    Icon: {\n      $: '>',\n      display: 'grid',\n      gridArea: 'icon',\n      // At least the 3x between the other blocks; an icon above 12x gets a\n      // quarter of its size, so a big one is not crowded\n      padding: {\n        '': 'max($icon-size / 4, 3x)',\n        compact: '0',\n      },\n      // A custom icon keeps its own color\n      color: {\n        '': 'inherit',\n        'status=info': '#purple',\n        'status=success': '#success',\n        'status=error': '#danger',\n        'status=warning': '#warning',\n      },\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    Content: {\n      $: '>',\n      gridArea: 'content',\n      display: 'block',\n      margin: {\n        '': 'top 3x',\n        compact: '0',\n      },\n      placeSelf: {\n        '': 'auto',\n        'layout=stacked': 'stretch',\n      },\n    },\n\n    Actions: {\n      $: '>',\n      gridArea: 'actions',\n      display: 'flex',\n      margin: {\n        '': 'top 3x',\n        compact: '0',\n      },\n      flow: {\n        '': 'row wrap',\n        'layout=stacked': 'column',\n      },\n      gap: '1x',\n      placeContent: {\n        '': 'center',\n        compact: 'start',\n      },\n      placeItems: {\n        '': 'center',\n        'layout=stacked': 'stretch',\n      },\n      placeSelf: {\n        '': 'auto',\n        'layout=stacked': 'stretch',\n      },\n    },\n  },\n});\n\nconst ResultSizeContext = createContext<CubeResultSize | undefined>(undefined);\n\nexport type CubeResultActionProps = CubeButtonProps;\n\n/**\n * A `Button` for the Result `actions` slot. Its size follows the Result's `size` unless set.\n * A link keeps Button's own `inline` size\n */\nconst ResultAction = forwardRef(function ResultAction(\n  { size, ...props }: CubeResultActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const resultSize = useContext(ResultSizeContext);\n\n  return (\n    <Button\n      ref={ref}\n      {...props}\n      size={size ?? (props.type === 'link' ? undefined : resultSize)}\n    />\n  );\n});\n\nconst statusIconMap: StatusIconMap = {\n  // Decorative: the title says what happened.\n  success: () => <IconCircleCheckFilled aria-hidden=\"true\" />,\n  error: () => <IconCircleXFilled aria-hidden=\"true\" />,\n  info: () => <IconInfoCircleFilled aria-hidden=\"true\" />,\n  warning: () => <IconAlertTriangleFilled aria-hidden=\"true\" />,\n  // TODO: Needs to be implemented in the future\n  404: null,\n  403: null,\n  500: null,\n};\n\nfunction Result(props: CubeResultProps, ref) {\n  let {\n    children,\n    isCompact,\n    icon,\n    status,\n    subTitle,\n    subtitle,\n    title,\n    actions,\n    size = 'medium',\n    layout = 'default',\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  // The compact grid has its own scale and arrangement; `size` and `layout`\n  // describe the centered column only, so they are dropped rather than mixed in\n  if (isCompact) {\n    size = 'medium';\n    layout = 'default';\n  }\n\n  const isLarge = size === 'large';\n\n  // An unknown status falls back to `info` for the color too, not only the icon\n  const knownStatus: CubeResultStatus =\n    status && statusIconMap.hasOwnProperty(status) ? status : 'info';\n  const StatusIcon = statusIconMap[knownStatus];\n\n  // A custom icon shares the status icon's wrapper, so it gets the same room\n  const iconContent = icon || (StatusIcon && <StatusIcon />);\n  const iconNode = iconContent && <div data-element=\"Icon\">{iconContent}</div>;\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <Container\n      {...mergeProps(filterBaseProps(otherProps, { eventProps: true }), {\n        mods: {\n          compact: isCompact,\n          size,\n          layout,\n          status: icon ? undefined : knownStatus,\n        },\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' : isLarge ? 'h2' : 'h4'}>\n              {title}\n            </Title>\n          ))}\n          {wrapNodeIfPlain(subtitle, () => (\n            <Title\n              // A name no provider defines: the dialog `title` slot must reach\n              // the title only, or both headings get the dialog's label id\n              slot=\"subtitle\"\n              level={3}\n              preset={isCompact ? 't3m' : isLarge ? 't2' : 't2m'}\n            >\n              {subtitle}\n            </Title>\n          ))}\n        </div>\n      )}\n      {children && <div data-element=\"Content\">{children}</div>}\n      {actions && (\n        <div data-element=\"Actions\">\n          <ResultSizeContext.Provider value={size}>\n            {actions}\n          </ResultSizeContext.Provider>\n        </div>\n      )}\n    </Container>\n  );\n}\n\nconst _Result = Object.assign(forwardRef(Result), { Action: ResultAction });\n\n_Result.displayName = 'Result';\n\nexport { _Result as Result, ResultAction };\n"],"mappings":"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"}
+{"version":3,"file":"Result.js","names":["FocusableRef","IconAlertTriangleFilled","IconCircleCheckFilled","IconCircleXFilled","IconInfoCircleFilled","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","tasty","ComponentType","createContext","forwardRef","ReactNode","useContext","mergeProps","wrapNodeIfPlain","extractStyles","Button","CubeButtonProps","Title","CubeResultProps","children","icon","status","CubeResultStatus","subTitle","subtitle","title","actions","size","CubeResultSize","layout","CubeResultLayout","isCompact","StatusIconMap","Record","Container","qa","as","styles","display","compact","gridAreas","flow","placeContent","placeItems","gap","padding","textAlign","boxSizing","width","margin","Icon","$","gridArea","color","placeSelf","textWrap","Content","Actions","ResultSizeContext","undefined","CubeResultActionProps","ResultAction","t0","ref","_c","props","resultSize","t1","type","t2","statusIconMap","success","error","info","warning","Result","T0","t3","t4","t5","t6","t7","t8","t9","otherProps","console","warn","isLarge","knownStatus","hasOwnProperty","StatusIcon","t10","iconContent","t11","iconNode","eventProps","mods","_Result","Object","assign","Action","displayName","_c","Title"],"sources":["../../../../src/components/content/Result/Result.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport {\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 {\n  ComponentType,\n  createContext,\n  forwardRef,\n  ReactNode,\n  useContext,\n} from 'react';\n\nimport { mergeProps, wrapNodeIfPlain } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button, CubeButtonProps } from '../../actions/Button/Button';\nimport { Title } from '../Title';\n\nexport interface CubeResultProps extends BaseProps, ContainerStyleProps {\n  /** Free content between the text and the actions, e.g. an alert or details */\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  /**\n   * Action buttons, as `Result.Action` elements so they follow the Result's size.\n   * A centered row by default, a full-width column in the `stacked` layout\n   */\n  actions?: ReactNode;\n  /**\n   * Visual scale: the icon size and the title and subtitle presets. Does not change the layout.\n   * Ignored when `isCompact` is set\n   * @default 'medium'\n   */\n  size?: CubeResultSize;\n  /**\n   * Arrangement of the block. `stacked` fills the container and stacks the actions to the full width,\n   * as in a confirmation or result dialog. Combine with `size=\"large\"` for the dialog card.\n   * Ignored when `isCompact` is set\n   * @default 'default'\n   */\n  layout?: CubeResultLayout;\n  /** Whether the result component has a compact presentation. Overrides `size` and `layout` */\n  isCompact?: boolean;\n}\n\nexport type CubeResultSize = 'medium' | 'large';\n\nexport type CubeResultLayout = 'default' | 'stacked';\n\nexport type CubeResultStatus =\n  'success' | 'error' | 'info' | 'warning' | 404 | 403 | 500;\n\n// `null` for a status without an icon, so no empty slot is rendered\ntype StatusIconMap = Record<CubeResultStatus, ComponentType | null>;\n\nconst Container = tasty({\n  qa: 'ResultContainer',\n  as: 'section',\n  styles: {\n    // Any ancestor: the Result sits in the dialog's `Content`, not in `Dialog`\n    '@in-dialog': '@parent(id=Dialog)',\n\n    display: {\n      '': 'flex',\n      compact: 'grid',\n    },\n    gridAreas: '\"icon title\" \"content content\" \"actions actions\"',\n    flow: 'column',\n    placeContent: {\n      '': 'center',\n      compact: 'start',\n    },\n    placeItems: {\n      '': 'center',\n      compact: 'start',\n    },\n    // Outside compact the blocks below the title space themselves, so the\n    // icon's own room is the whole distance to the title\n    gap: {\n      '': '0',\n      compact: '2x 1x',\n    },\n    padding: {\n      '': '6x 4x',\n      // The host pads: a dialog `Content` or the page section the card fills\n      compact: '0',\n      'layout=stacked': '1.5x',\n      // The dialog's `Content` already pads it\n      'layout=stacked & @in-dialog': '0',\n    },\n    textAlign: {\n      '': 'center',\n      compact: 'left',\n    },\n    boxSizing: 'border-box',\n    width: {\n      '': 'max 80ch',\n      // Fill the container so stacked actions share one width wherever the card sits\n      'layout=stacked': '0 100% 80ch',\n    },\n    margin: {\n      '': '0 auto',\n      compact: '0',\n    },\n    '--icon-size': {\n      '': '6x',\n      'size=large': '10x',\n    },\n\n    Icon: {\n      $: '>',\n      display: 'grid',\n      gridArea: 'icon',\n      // At least the 3x between the other blocks; an icon above 12x gets a\n      // quarter of its size, so a big one is not crowded\n      padding: {\n        '': 'max($icon-size / 4, 3x)',\n        compact: '0',\n      },\n      // A custom icon keeps its own color\n      color: {\n        '': 'inherit',\n        'status=info': '#purple',\n        'status=success': '#success',\n        'status=error': '#danger',\n        'status=warning': '#warning',\n      },\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    Content: {\n      $: '>',\n      gridArea: 'content',\n      display: 'block',\n      margin: {\n        '': 'top 3x',\n        compact: '0',\n      },\n      placeSelf: {\n        '': 'auto',\n        'layout=stacked': 'stretch',\n      },\n    },\n\n    Actions: {\n      $: '>',\n      gridArea: 'actions',\n      display: 'flex',\n      margin: {\n        '': 'top 3x',\n        compact: '0',\n      },\n      flow: {\n        '': 'row wrap',\n        'layout=stacked': 'column',\n      },\n      gap: '1x',\n      placeContent: {\n        '': 'center',\n        compact: 'start',\n      },\n      placeItems: {\n        '': 'center',\n        'layout=stacked': 'stretch',\n      },\n      placeSelf: {\n        '': 'auto',\n        'layout=stacked': 'stretch',\n      },\n    },\n  },\n});\n\nconst ResultSizeContext = createContext<CubeResultSize | undefined>(undefined);\n\nexport type CubeResultActionProps = CubeButtonProps;\n\n/**\n * A `Button` for the Result `actions` slot. Its size follows the Result's `size` unless set.\n * A link keeps Button's own `inline` size\n */\nconst ResultAction = forwardRef(function ResultAction(\n  { size, ...props }: CubeResultActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const resultSize = useContext(ResultSizeContext);\n\n  return (\n    <Button\n      ref={ref}\n      {...props}\n      size={size ?? (props.type === 'link' ? undefined : resultSize)}\n    />\n  );\n});\n\nconst statusIconMap: StatusIconMap = {\n  // Decorative: the title says what happened.\n  success: () => <IconCircleCheckFilled aria-hidden=\"true\" />,\n  error: () => <IconCircleXFilled aria-hidden=\"true\" />,\n  info: () => <IconInfoCircleFilled aria-hidden=\"true\" />,\n  warning: () => <IconAlertTriangleFilled aria-hidden=\"true\" />,\n  // TODO: Needs to be implemented in the future\n  404: null,\n  403: null,\n  500: null,\n};\n\nfunction Result(props: CubeResultProps, ref) {\n  let {\n    children,\n    isCompact,\n    icon,\n    status,\n    subTitle,\n    subtitle,\n    title,\n    actions,\n    size = 'medium',\n    layout = 'default',\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  // The compact grid has its own scale and arrangement; `size` and `layout`\n  // describe the centered column only, so they are dropped rather than mixed in\n  if (isCompact) {\n    size = 'medium';\n    layout = 'default';\n  }\n\n  const isLarge = size === 'large';\n\n  // An unknown status falls back to `info` for the color too, not only the icon\n  const knownStatus: CubeResultStatus =\n    status && statusIconMap.hasOwnProperty(status) ? status : 'info';\n  const StatusIcon = statusIconMap[knownStatus];\n\n  // A custom icon shares the status icon's wrapper, so it gets the same room\n  const iconContent = icon || (StatusIcon && <StatusIcon />);\n  const iconNode = iconContent && <div data-element=\"Icon\">{iconContent}</div>;\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  return (\n    <Container\n      {...mergeProps(filterBaseProps(otherProps, { eventProps: true }), {\n        mods: {\n          compact: isCompact,\n          size,\n          layout,\n          status: icon ? undefined : knownStatus,\n        },\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' : isLarge ? 'h2' : 'h4'}>\n              {title}\n            </Title>\n          ))}\n          {wrapNodeIfPlain(subtitle, () => (\n            <Title\n              // A name no provider defines: the dialog `title` slot must reach\n              // the title only, or both headings get the dialog's label id\n              slot=\"subtitle\"\n              level={3}\n              preset={isCompact ? 't3m' : isLarge ? 't2' : 't2m'}\n            >\n              {subtitle}\n            </Title>\n          ))}\n        </div>\n      )}\n      {children && <div data-element=\"Content\">{children}</div>}\n      {actions && (\n        <div data-element=\"Actions\">\n          <ResultSizeContext.Provider value={size}>\n            {actions}\n          </ResultSizeContext.Provider>\n        </div>\n      )}\n    </Container>\n  );\n}\n\nconst _Result = Object.assign(forwardRef(Result), { Action: ResultAction });\n\n_Result.displayName = 'Result';\n\nexport { _Result as Result, ResultAction };\n"],"mappings":"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"}

package/dist/components/content/Skeleton/Skeleton.d.ts

@@ -2,62 +2,24 @@
 import { CubeGridProps } from "../../layout/Grid.js";
 import { CubePlaceholderProps } from "../Placeholder/Placeholder.js";
 import { BaseProps, ContainerStyleProps } from "@tenphi/tasty";
-import * as react from "react";
 import { ReactNode } from "react";
-
 //#region src/components/content/Skeleton/Skeleton.d.ts
 declare const LAYOUT_MAP: {
-  readonly page: ({
-    lines,
-    children,
-    isStatic,
-    rootProps
-  }: CubeSkeletonLayoutProps) => react.JSX.Element;
-  readonly content: ({
-    children,
-    lines,
-    isStatic,
-    rootProps
-  }: CubeSkeletonLayoutProps) => react.JSX.Element;
-  readonly topbar: ({
-    isStatic,
-    rootProps
-  }: CubeSkeletonLayoutProps) => react.JSX.Element;
-  readonly menu: ({
-    lines,
-    isStatic,
-    rootProps
-  }: CubeSkeletonLayoutProps) => react.JSX.Element;
-  readonly stats: ({
-    cards,
-    isStatic,
-    rootProps
-  }: CubeSkeletonLayoutProps) => react.JSX.Element;
-  readonly tabs: ({
-    tabs,
-    children,
-    lines,
-    isStatic,
-    rootProps
-  }: CubeSkeletonLayoutProps) => react.JSX.Element;
-  readonly table: ({
-    rows,
-    columns,
-    isStatic,
-    rootProps
-  }: CubeSkeletonLayoutProps) => react.JSX.Element;
-  readonly chart: ({
-    columns,
-    isStatic,
-    rootProps
-  }: CubeSkeletonLayoutProps) => react.JSX.Element;
+  readonly page: ({ lines, children, isStatic, rootProps }: CubeSkeletonLayoutProps) => import("react").JSX.Element;
+  readonly content: ({ children, lines, isStatic, rootProps }: CubeSkeletonLayoutProps) => import("react").JSX.Element;
+  readonly topbar: ({ isStatic, rootProps }: CubeSkeletonLayoutProps) => import("react").JSX.Element;
+  readonly menu: ({ lines, isStatic, rootProps }: CubeSkeletonLayoutProps) => import("react").JSX.Element;
+  readonly stats: ({ cards, isStatic, rootProps }: CubeSkeletonLayoutProps) => import("react").JSX.Element;
+  readonly tabs: ({ tabs, children, lines, isStatic, rootProps }: CubeSkeletonLayoutProps) => import("react").JSX.Element;
+  readonly table: ({ rows, columns, isStatic, rootProps }: CubeSkeletonLayoutProps) => import("react").JSX.Element;
+  readonly chart: ({ columns, isStatic, rootProps }: CubeSkeletonLayoutProps) => import("react").JSX.Element;
 };
-interface CubeSkeletonProps extends CubeSkeletonRootProps, Omit<CubeSkeletonLayoutProps, 'rootProps'> {
+export interface CubeSkeletonProps extends CubeSkeletonRootProps, Omit<CubeSkeletonLayoutProps, 'rootProps'> {
   /** The type of the layout */
   layout?: keyof typeof LAYOUT_MAP;
 }
-interface CubeSkeletonRootProps extends Omit<CubeGridProps, 'columns' | 'rows'>, CubePlaceholderProps, BaseProps, ContainerStyleProps {}
-interface CubeSkeletonLayoutProps {
+export interface CubeSkeletonRootProps extends Omit<CubeGridProps, 'columns' | 'rows'>, CubePlaceholderProps, BaseProps, ContainerStyleProps {}
+export interface CubeSkeletonLayoutProps {
   /** The number of columns for the table layout */
   columns?: number;
   /** The number of rows for the table layout */
@@ -73,17 +35,7 @@ interface CubeSkeletonLayoutProps {
   rootProps?: CubeSkeletonRootProps;
   children?: ReactNode;
 }
-declare function Skeleton({
-  layout,
-  isStatic,
-  columns,
-  rows,
-  lines,
-  tabs,
-  cards,
-  children,
-  ...props
-}: CubeSkeletonProps): react.JSX.Element;
+export declare function Skeleton({ layout, isStatic, columns, rows, lines, tabs, cards, children, ...props }: CubeSkeletonProps): import("react").JSX.Element;
 //#endregion
-export { CubeSkeletonProps, Skeleton };
+export {};
 //# sourceMappingURL=Skeleton.d.ts.map

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

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";
 import { Placeholder, PlaceholderGroupContext } from "../Placeholder/Placeholder.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/content/Skeleton/Skeleton.tsx
 const LAYOUT_MAP = {
 	page({ lines, children, isStatic = false, rootProps }) {
@@ -173,7 +172,7 @@ function Skeleton(t0) {
 		children
 	});
 }
-
 //#endregion
 export { Skeleton };
+
 //# sourceMappingURL=Skeleton.js.map