@cube-dev/ui-kit 0.118.0 → 0.119.1

package/dist/components/content/Layout/LayoutToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutToolbar.js","names":["LayoutContent"],"sources":["../../../../src/components/content/Layout/LayoutToolbar.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react';\n\nimport { tasty } from '../../../tasty';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst ToolbarElement = tasty(LayoutContent, {\n  qa: 'Toolbar',\n  role: 'toolbar',\n  styles: {\n    container: 'none',\n    height: 'min 5x',\n    flexShrink: 0,\n    flexGrow: 0,\n\n    Inner: {\n      display: 'flex',\n      flow: 'row nowrap',\n      placeContent: 'center space-between',\n      placeItems: 'center stretch',\n      gap: '1x',\n      padding: '0 ($content-padding, 1x)',\n    },\n  },\n});\n\nexport interface CubeLayoutToolbarProps extends CubeLayoutContentProps {}\n\nfunction LayoutToolbar(\n  props: CubeLayoutToolbarProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { children, scrollbar = 'tiny', ...otherProps } = props;\n\n  return (\n    <ToolbarElement {...otherProps} ref={ref} scrollbar={scrollbar}>\n      {children}\n    </ToolbarElement>\n  );\n}\n\nconst _LayoutToolbar = forwardRef(LayoutToolbar);\n\n_LayoutToolbar.displayName = 'Layout.Toolbar';\n\nexport { _LayoutToolbar as LayoutToolbar };\n"],"mappings":";;;;;;;AAMA,MAAM,iBAAiB,MAAMA,gBAAe;CAC1C,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,WAAW;EACX,QAAQ;EACR,YAAY;EACZ,UAAU;EAEV,OAAO;GACL,SAAS;GACT,MAAM;GACN,cAAc;GACd,YAAY;GACZ,KAAK;GACL,SAAS;GACV;EACF;CACF,CAAC;AAIF,SAAS,cACP,OACA,KACA;CACA,MAAM,EAAE,UAAU,YAAY,QAAQ,GAAG,eAAe;AAExD,QACE,oBAAC;EAAe,GAAI;EAAiB;EAAgB;EAClD;GACc;;AAIrB,MAAM,iBAAiB,WAAW,cAAc;AAEhD,eAAe,cAAc"}
+{"version":3,"file":"LayoutToolbar.js","names":["LayoutContent"],"sources":["../../../../src/components/content/Layout/LayoutToolbar.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeLayoutContentProps, LayoutContent } from './LayoutContent';\n\nconst ToolbarElement = tasty(LayoutContent, {\n  qa: 'Toolbar',\n  role: 'toolbar',\n  styles: {\n    container: 'none',\n    height: 'min 5x',\n    flexShrink: 0,\n    flexGrow: 0,\n\n    Inner: {\n      display: 'flex',\n      flow: 'row nowrap',\n      placeContent: 'center space-between',\n      placeItems: 'center stretch',\n      gap: '1x',\n      padding: '0 ($content-padding, 1x)',\n    },\n  },\n});\n\nexport interface CubeLayoutToolbarProps extends CubeLayoutContentProps {}\n\nfunction LayoutToolbar(\n  props: CubeLayoutToolbarProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { children, scrollbar = 'tiny', ...otherProps } = props;\n\n  return (\n    <ToolbarElement {...otherProps} ref={ref} scrollbar={scrollbar}>\n      {children}\n    </ToolbarElement>\n  );\n}\n\nconst _LayoutToolbar = forwardRef(LayoutToolbar);\n\n_LayoutToolbar.displayName = 'Layout.Toolbar';\n\nexport { _LayoutToolbar as LayoutToolbar };\n"],"mappings":";;;;;;;AAKA,MAAM,iBAAiB,MAAMA,gBAAe;CAC1C,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,WAAW;EACX,QAAQ;EACR,YAAY;EACZ,UAAU;EAEV,OAAO;GACL,SAAS;GACT,MAAM;GACN,cAAc;GACd,YAAY;GACZ,KAAK;GACL,SAAS;GACV;EACF;CACF,CAAC;AAIF,SAAS,cACP,OACA,KACA;CACA,MAAM,EAAE,UAAU,YAAY,QAAQ,GAAG,eAAe;AAExD,QACE,oBAAC;EAAe,GAAI;EAAiB;EAAgB;EAClD;GACc;;AAIrB,MAAM,iBAAiB,WAAW,cAAc;AAEhD,eAAe,cAAc"}

package/dist/components/content/Layout/hooks/useTinyScrollbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.1 | Cube Dev Team */
 import { useCallback, useEffect, useRef, useState } from "react";
 
 //#region src/components/content/Layout/hooks/useTinyScrollbar.ts

package/dist/components/content/Layout/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.1 | Cube Dev Team */
 import { LayoutActionsContext, LayoutContextReset, LayoutPanelContext, LayoutRefsContext, LayoutStateContext, useLayoutActionsContext, useLayoutPanelContext, useLayoutRefsContext, useLayoutStateContext } from "./LayoutContext.js";
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";

package/dist/components/content/Layout/utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.1 | Cube Dev Team */
 //#region src/components/content/Layout/utils.ts
 /**
 * Clamps a size value within min/max constraints.

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

@@ -1,7 +1,6 @@
 
-import { ContainerStyleProps } from "../../tasty/types.js";
-import "../../tasty/index.js";
 import { CubeTextProps } from "./Text.js";
+import { ContainerStyleProps } from "@tenphi/tasty";
 import * as react from "react";
 
 //#region src/components/content/Paragraph.d.ts

package/dist/components/content/Paragraph.js

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { extractStyles } from "../../tasty/utils/styles.js";
-import { CONTAINER_STYLES, TEXT_STYLES } from "../../tasty/styles/list.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.1 | Cube Dev Team */
 import { _Text } from "./Text.js";
+import { CONTAINER_STYLES, TEXT_STYLES, extractStyles } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.js","names":["Text"],"sources":["../../../src/components/content/Paragraph.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport {\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  Styles,\n  TEXT_STYLES,\n} from '../../tasty';\n\nimport { CubeTextProps, Text } from './Text';\n\nconst DEFAULT_STYLES: Styles = {\n  preset: 'p3',\n  color: '#dark-02',\n  display: 'block',\n};\n\nconst STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nexport interface CubeParagraphProps\n  extends CubeTextProps,\n    ContainerStyleProps {}\n\nexport const Paragraph = forwardRef<HTMLElement, CubeParagraphProps>(\n  function Paragraph(props, ref) {\n    const styles = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);\n\n    return <Text as=\"p\" qa=\"Paragraph\" {...props} ref={ref} styles={styles} />;\n  },\n);\n"],"mappings":";;;;;;;;AAYA,MAAM,iBAAyB;CAC7B,QAAQ;CACR,OAAO;CACP,SAAS;CACV;AAED,MAAM,cAAc,CAAC,GAAG,kBAAkB,GAAG,YAAY;AAMzD,MAAa,YAAY,WACvB,SAAS,UAAU,OAAO,KAAK;CAC7B,MAAM,SAAS,cAAc,OAAO,aAAa,eAAe;AAEhE,QAAO,oBAACA;EAAK,IAAG;EAAI,IAAG;EAAY,GAAI;EAAY;EAAa;GAAU;EAE7E"}
+{"version":3,"file":"Paragraph.js","names":["Text"],"sources":["../../../src/components/content/Paragraph.tsx"],"sourcesContent":["import {\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  Styles,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { CubeTextProps, Text } from './Text';\n\nconst DEFAULT_STYLES: Styles = {\n  preset: 'p3',\n  color: '#dark-02',\n  display: 'block',\n};\n\nconst STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];\n\nexport interface CubeParagraphProps\n  extends CubeTextProps,\n    ContainerStyleProps {}\n\nexport const Paragraph = forwardRef<HTMLElement, CubeParagraphProps>(\n  function Paragraph(props, ref) {\n    const styles = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);\n\n    return <Text as=\"p\" qa=\"Paragraph\" {...props} ref={ref} styles={styles} />;\n  },\n);\n"],"mappings":";;;;;;;AAWA,MAAM,iBAAyB;CAC7B,QAAQ;CACR,OAAO;CACP,SAAS;CACV;AAED,MAAM,cAAc,CAAC,GAAG,kBAAkB,GAAG,YAAY;AAMzD,MAAa,YAAY,WACvB,SAAS,UAAU,OAAO,KAAK;CAC7B,MAAM,SAAS,cAAc,OAAO,aAAa,eAAe;AAEhE,QAAO,oBAACA;EAAK,IAAG;EAAI,IAAG;EAAY,GAAI;EAAY;EAAa;GAAU;EAE7E"}

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

@@ -1,7 +1,5 @@
 
-import { Styles } from "../../../tasty/styles/types.js";
-import { BaseProps, ContainerStyleProps } from "../../../tasty/types.js";
-import "../../../tasty/index.js";
+import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
 import * as react from "react";
 
 //#region src/components/content/Placeholder/Placeholder.d.ts

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

@@ -1,9 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { extractStyles } from "../../../tasty/utils/styles.js";
-import { keyframes } from "../../../tasty/injector/index.js";
-import { CONTAINER_STYLES } from "../../../tasty/styles/list.js";
-import { tasty } from "../../../tasty/tasty.js";
-import { filterBaseProps } from "../../../tasty/utils/filter-base-props.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.1 | Cube Dev Team */
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, keyframes, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 

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 { forwardRef } from 'react';\n\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  keyframes,\n  Styles,\n  tasty,\n} from '../../../tasty';\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  'aria-label': 'Content is loading',\n  styles: {\n    display: 'block',\n    fill: '#dark.10',\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    backgroundColor: '#dark.15',\n\n    // Animated state styling\n    animation: {\n      '': 'none',\n      animated: `${placeholderAnimation} $placeholder-animation-time linear infinite`,\n    },\n    backgroundImage: {\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  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <StyledPlaceholder\n      role=\"region\"\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":";;;;;;;;;;AAcA,MAAM,uBAAuB,UAAU;CACrC,MAAM,EACJ,uBAAuB,OACxB;CACD,QAAQ,EACN,uBAAuB,iCACxB;CACF,CAAC;AAEF,MAAM,oBAAoB,MAAM;CAC9B,MAAM;CACN,aAAa;CACb,cAAc;CACd,QAAQ;EACN,SAAS;EACT,MAAM;EACN,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,iBAAiB;EAGjB,WAAW;GACT,IAAI;GACJ,UAAU,GAAG,qBAAqB;GACnC;EACD,iBAAiB;GACf,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,IAAI,SAAS,cAAc,OAAO,iBAAiB;AAEnD,QACE,oBAAC;EACC,MAAK;EACL,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":[],"sources":["../../../../src/components/content/Placeholder/Placeholder.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  keyframes,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\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  'aria-label': 'Content is loading',\n  styles: {\n    display: 'block',\n    fill: '#dark.10',\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    backgroundColor: '#dark.15',\n\n    // Animated state styling\n    animation: {\n      '': 'none',\n      animated: `${placeholderAnimation} $placeholder-animation-time linear infinite`,\n    },\n    backgroundImage: {\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  let styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <StyledPlaceholder\n      role=\"region\"\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":";;;;;;AAaA,MAAM,uBAAuB,UAAU;CACrC,MAAM,EACJ,uBAAuB,OACxB;CACD,QAAQ,EACN,uBAAuB,iCACxB;CACF,CAAC;AAEF,MAAM,oBAAoB,MAAM;CAC9B,MAAM;CACN,aAAa;CACb,cAAc;CACd,QAAQ;EACN,SAAS;EACT,MAAM;EACN,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,iBAAiB;EAGjB,WAAW;GACT,IAAI;GACJ,UAAU,GAAG,qBAAqB;GACnC;EACD,iBAAiB;GACf,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,IAAI,SAAS,cAAc,OAAO,iBAAiB;AAEnD,QACE,oBAAC;EACC,MAAK;EACL,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACL,MAAM;GAAE,UAAU,CAAC;GAAU;GAAQ;EACrC,QAAQ;GACN,QAAQ;GACR,GAAG;GACJ;GACD;EAEJ"}

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

@@ -1,7 +1,5 @@
 
-import { Styles } from "../../../tasty/styles/types.js";
-import { BaseProps, ContainerStyleProps } from "../../../tasty/types.js";
-import "../../../tasty/index.js";
+import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
 import * as react from "react";
 import "prismjs/components/prism-javascript.js";
 import "prismjs/components/prism-yaml.js";

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

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { CONTAINER_STYLES } from "../../../tasty/styles/list.js";
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.1 | Cube Dev Team */
 import { RendererPrism, ensureYamlSqlExtensions } from "./prismSetup.js";
+import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Highlight } from "prism-react-renderer";

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 { Highlight } from 'prism-react-renderer';\nimport { forwardRef } from 'react';\n\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n  tasty,\n} from '../../../tasty';\n\nimport { ensureYamlSqlExtensions, Prism } from './prismSetup';\n\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\n    Code: {\n      display: 'block',\n    },\n  },\n});\n\nexport interface CubePrismCodeProps extends ContainerStyleProps {\n  /** The CSS style map */\n  style?: BaseProps['style'];\n  styles?: Styles;\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', ...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}>\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;EAEX,MAAM,EACJ,SAAS,SACV;EACF;CACF,CAAC;AAwBF,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,GAAG,eAAe;AAE5D,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;YACxB,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":["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-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\n    Code: {\n      display: 'block',\n    },\n  },\n});\n\nexport interface CubePrismCodeProps extends ContainerStyleProps {\n  /** The CSS style map */\n  style?: BaseProps['style'];\n  styles?: Styles;\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', ...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}>\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":";;;;;;;;;;;;AAiBA,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;EAEX,MAAM,EACJ,SAAS,SACV;EACF;CACF,CAAC;AAwBF,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,GAAG,eAAe;AAE5D,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;YACxB,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"}

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

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

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

@@ -1,7 +1,5 @@
 
-import { Styles } from "../../../tasty/styles/types.js";
-import { BaseProps } from "../../../tasty/types.js";
-import "../../../tasty/index.js";
+import { BaseProps, Styles } from "@tenphi/tasty";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/content/PrismDiffCode/PrismDiffCode.d.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.1 | Cube Dev Team */
 import { _PrismCode } from "../PrismCode/PrismCode.js";
 import { jsx } from "react/jsx-runtime";
 import { diffLines } from "diff";

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 { diffLines } from 'diff';\n\nimport { BaseProps, Styles } from '../../../tasty/index';\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":["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"}

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

@@ -1,6 +1,5 @@
 
-import { BaseProps, ContainerStyleProps } from "../../../tasty/types.js";
-import "../../../tasty/index.js";
+import { BaseProps, ContainerStyleProps } from "@tenphi/tasty";
 import * as react from "react";
 import { ReactNode } from "react";
 

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

@@ -1,11 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { extractStyles } from "../../../tasty/utils/styles.js";
-import { CONTAINER_STYLES } from "../../../tasty/styles/list.js";
-import { tasty } from "../../../tasty/tasty.js";
-import { filterBaseProps } from "../../../tasty/utils/filter-base-props.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.1 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
 import { _Title } from "../Title.js";
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { IconAlertTriangleFilled, IconCircleCheckFilled, IconCircleXFilled, IconInfoCircleFilled } from "@tabler/icons-react";

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 { ComponentType, forwardRef, ReactNode, useMemo } from 'react';\n\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  filterBaseProps,\n  tasty,\n} from '../../../tasty';\nimport { mergeProps, wrapNodeIfPlain } from '../../../utils/react';\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: 'Result_Container',\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    '--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    },\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,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;GACZ;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":["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  extractStyles,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { ComponentType, forwardRef, ReactNode, useMemo } from 'react';\n\nimport { mergeProps, wrapNodeIfPlain } from '../../../utils/react';\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: 'Result_Container',\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    '--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    },\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,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;GACZ;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"}

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

@@ -1,8 +1,7 @@
 
-import { BaseProps, ContainerStyleProps } from "../../../tasty/types.js";
-import "../../../tasty/index.js";
 import { CubeGridProps } from "../../layout/Grid.js";
 import { CubePlaceholderProps } from "../Placeholder/Placeholder.js";
+import { BaseProps, ContainerStyleProps } from "@tenphi/tasty";
 import { ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.1 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";

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 { ReactNode } from 'react';\n\nimport { BaseProps, ContainerStyleProps } from '../../../tasty';\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":[],"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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"}

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

@@ -1,8 +1,7 @@
 
-import { Styles } from "../../../tasty/styles/types.js";
-import "../../../tasty/index.js";
 import "../Item/index.js";
 import { CubeItemProps } from "../Item/Item.js";
+import { Styles } from "@tenphi/tasty";
 import * as react from "react";
 
 //#region src/components/content/Tag/Tag.d.ts

package/dist/components/content/Tag/Tag.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.1 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
+import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["Item"],"sources":["../../../../src/components/content/Tag/Tag.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { ItemVariant } from 'src/data/item-themes';\n\nimport { CloseIcon } from '../../../icons';\nimport { Styles, tasty } from '../../../tasty';\nimport { CubeItemProps, Item } from '../Item';\n\nconst TagElement = tasty(Item, {\n  qa: 'Tag',\n  role: 'status',\n  styles: {\n    padding: 0,\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n\n    '$min-inline-padding': '.5x',\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center',\n    },\n  },\n});\n\nexport interface CubeTagProps extends CubeItemProps {\n  theme?: 'default' | 'danger' | 'success' | 'warning' | 'note' | 'special';\n  isClosable?: boolean;\n  onClose?: () => void;\n  closeButtonStyles?: Styles;\n}\n\nfunction Tag(allProps: CubeTagProps, ref) {\n  let {\n    theme = 'default',\n    isClosable,\n    onClose,\n    closeButtonStyles,\n    children,\n    size = 'inline',\n    mods,\n    ...props\n  } = allProps;\n\n  let type = 'card';\n\n  if (theme === 'special') {\n    theme = 'default';\n    type = 'primary';\n  }\n\n  return (\n    <TagElement\n      ref={ref}\n      size={size}\n      data-type={type}\n      variant={`${theme}.${type}` as ItemVariant}\n      mods={mods}\n      actions={\n        isClosable ? (\n          <Item.Action\n            aria-label=\"Close\"\n            styles={{ color: 'currentColor', ...closeButtonStyles }}\n            icon={<CloseIcon />}\n            onPress={onClose}\n          />\n        ) : undefined\n      }\n      {...props}\n    >\n      {children}\n    </TagElement>\n  );\n}\n\nconst _Tag = forwardRef(Tag);\n\n_Tag.displayName = 'Tag';\n\nexport { _Tag as Tag };\n"],"mappings":";;;;;;;;AAOA,MAAM,aAAa,MAAMA,OAAM;CAC7B,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,SAAS;EACT,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;GAC7B;EAED,uBAAuB;EAEvB,OAAO;GACL,WAAW;GACX,WAAW;GACZ;EACF;CACF,CAAC;AASF,SAAS,IAAI,UAAwB,KAAK;CACxC,IAAI,EACF,QAAQ,WACR,YACA,SACA,mBACA,UACA,OAAO,UACP,MACA,GAAG,UACD;CAEJ,IAAI,OAAO;AAEX,KAAI,UAAU,WAAW;AACvB,UAAQ;AACR,SAAO;;AAGT,QACE,oBAAC;EACM;EACC;EACN,aAAW;EACX,SAAS,GAAG,MAAM,GAAG;EACf;EACN,SACE,aACE,oBAACA,MAAK;GACJ,cAAW;GACX,QAAQ;IAAE,OAAO;IAAgB,GAAG;IAAmB;GACvD,MAAM,oBAAC,cAAY;GACnB,SAAS;IACT,GACA;EAEN,GAAI;EAEH;GACU;;AAIjB,MAAM,OAAO,WAAW,IAAI;AAE5B,KAAK,cAAc"}
+{"version":3,"file":"Tag.js","names":["Item"],"sources":["../../../../src/components/content/Tag/Tag.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\nimport { ItemVariant } from 'src/data/item-themes';\n\nimport { CloseIcon } from '../../../icons';\nimport { CubeItemProps, Item } from '../Item';\n\nconst TagElement = tasty(Item, {\n  qa: 'Tag',\n  role: 'status',\n  styles: {\n    padding: 0,\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n\n    '$min-inline-padding': '.5x',\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center',\n    },\n  },\n});\n\nexport interface CubeTagProps extends CubeItemProps {\n  theme?: 'default' | 'danger' | 'success' | 'warning' | 'note' | 'special';\n  isClosable?: boolean;\n  onClose?: () => void;\n  closeButtonStyles?: Styles;\n}\n\nfunction Tag(allProps: CubeTagProps, ref) {\n  let {\n    theme = 'default',\n    isClosable,\n    onClose,\n    closeButtonStyles,\n    children,\n    size = 'inline',\n    mods,\n    ...props\n  } = allProps;\n\n  let type = 'card';\n\n  if (theme === 'special') {\n    theme = 'default';\n    type = 'primary';\n  }\n\n  return (\n    <TagElement\n      ref={ref}\n      size={size}\n      data-type={type}\n      variant={`${theme}.${type}` as ItemVariant}\n      mods={mods}\n      actions={\n        isClosable ? (\n          <Item.Action\n            aria-label=\"Close\"\n            styles={{ color: 'currentColor', ...closeButtonStyles }}\n            icon={<CloseIcon />}\n            onPress={onClose}\n          />\n        ) : undefined\n      }\n      {...props}\n    >\n      {children}\n    </TagElement>\n  );\n}\n\nconst _Tag = forwardRef(Tag);\n\n_Tag.displayName = 'Tag';\n\nexport { _Tag as Tag };\n"],"mappings":";;;;;;;;AAOA,MAAM,aAAa,MAAMA,OAAM;CAC7B,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,SAAS;EACT,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;GAC7B;EAED,uBAAuB;EAEvB,OAAO;GACL,WAAW;GACX,WAAW;GACZ;EACF;CACF,CAAC;AASF,SAAS,IAAI,UAAwB,KAAK;CACxC,IAAI,EACF,QAAQ,WACR,YACA,SACA,mBACA,UACA,OAAO,UACP,MACA,GAAG,UACD;CAEJ,IAAI,OAAO;AAEX,KAAI,UAAU,WAAW;AACvB,UAAQ;AACR,SAAO;;AAGT,QACE,oBAAC;EACM;EACC;EACN,aAAW;EACX,SAAS,GAAG,MAAM,GAAG;EACf;EACN,SACE,aACE,oBAACA,MAAK;GACJ,cAAW;GACX,QAAQ;IAAE,OAAO;IAAgB,GAAG;IAAmB;GACvD,MAAM,oBAAC,cAAY;GACnB,SAAS;IACT,GACA;EAEN,GAAI;EAEH;GACU;;AAIjB,MAAM,OAAO,WAAW,IAAI;AAE5B,KAAK,cAAc"}