@cube-dev/ui-kit 0.114.0 → 0.115.0

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

@@ -0,0 +1,148 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { Prism as RendererPrism } from "prism-react-renderer";
+
+//#region src/components/content/PrismCode/prismSetup.tsx
+globalThis.Prism = RendererPrism;
+(function(Prism) {
+	Prism.languages.diff = { coord: [
+		/^(?:\*{3}|-{3}|\+{3}).*$/m,
+		/^@@.*@@$/m,
+		/^\d.*$/m
+	] };
+	/**
+	* A map from the name of a block to its line prefix.
+	*
+	* @type {Object<string, string>}
+	*/
+	var PREFIXES = {
+		"deleted-sign": "-",
+		"deleted-arrow": "<",
+		"inserted-sign": "+",
+		"inserted-arrow": ">",
+		unchanged: " ",
+		diff: "!"
+	};
+	Object.keys(PREFIXES).forEach(function(name) {
+		var prefix = PREFIXES[name];
+		var alias = [];
+		if (!/^\w+$/.test(name)) alias.push(/\w+/.exec(name)[0]);
+		if (name === "diff") alias.push("bold");
+		Prism.languages.diff[name] = {
+			pattern: RegExp("^(?:[" + prefix + "].*(?:\r\n?|\n|(?![\\s\\S])))+", "m"),
+			alias,
+			inside: {
+				line: {
+					pattern: /(.)(?=[\s\S]).*(?:\r\n?|\n)?/,
+					lookbehind: true
+				},
+				prefix: {
+					pattern: /[\s\S]/,
+					alias: /\w+/.exec(name)[0]
+				}
+			}
+		};
+	});
+	Object.defineProperty(Prism.languages.diff, "PREFIXES", { value: PREFIXES });
+})(RendererPrism);
+(function(Prism) {
+	if (typeof Prism === "undefined") return;
+	var LANGUAGE_REGEX = /^diff-([\w-]+)/i;
+	var HTML_TAG = /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/g;
+	RegExp(/(?:__|[^\r\n<])*(?:\r\n?|\n|(?:__|[^\r\n<])(?![^\r\n]))/.source.replace(/__/g, function() {
+		return HTML_TAG.source;
+	}), "gi");
+	var warningLogged = false;
+	Prism.hooks.add("before-sanity-check", function(env) {
+		var lang = env.language;
+		if (LANGUAGE_REGEX.test(lang) && !env.grammar) env.grammar = Prism.languages[lang] = Prism.languages.diff;
+	});
+	Prism.hooks.add("before-tokenize", function(env) {
+		if (!warningLogged && !Prism.languages.diff && !Prism.plugins.autoloader) {
+			warningLogged = true;
+			console.warn("Prism's Diff Highlight plugin requires the Diff language definition (prism-diff.js).Make sure the language definition is loaded or use Prism's Autoloader plugin.");
+		}
+		var lang = env.language;
+		if (LANGUAGE_REGEX.test(lang) && !Prism.languages[lang]) Prism.languages[lang] = Prism.languages.diff;
+		if (LANGUAGE_REGEX.test(lang)) env.grammar = Prism.languages.diff;
+	});
+	/**
+	* The original diff-highlight plugin relies on the `wrap` hook which is
+	* executed during `Token.stringify()`. `prism-react-renderer`, however,
+	* never calls `Token.stringify()` – it works directly with Prism tokens.
+	* This means the original plugin is effectively a no-op and nested
+	* highlighting inside diff blocks (e.g. `diff-sql`) is lost.
+	*
+	* To make the plugin compatible with prism-react-renderer we re-implement
+	* the essential logic inside an `after-tokenize` hook. The algorithm
+	* iterates over all tokens, detects diff line tokens ("inserted-sign",
+	* "deleted-sign", …) and replaces their textual content with a
+	* token sequence consisting of:
+	*    1. a `prefix` token (so "+" or "-" can still be styled)
+	*    2. the result of tokenising the rest of the line using the proper
+	*       grammar (sql, js, …)
+	*
+	* The end result is *pure tokens*, so prism-react-renderer can render
+	* them just like any other language.
+	*/
+	Prism.hooks.add("after-tokenize", function(env) {
+		var langMatch = LANGUAGE_REGEX.exec(env.language || "");
+		var isGenericDiff = env.language === "diff";
+		if (!isGenericDiff && !langMatch) return;
+		var diffLanguage = isGenericDiff ? null : langMatch[1];
+		var diffGrammar = diffLanguage ? Prism.languages[diffLanguage] : null;
+		if (!diffGrammar && diffLanguage === "js") diffGrammar = Prism.languages["javascript"];
+		if (!(Prism.languages.diff && Prism.languages.diff.PREFIXES)) return;
+		/**
+		* Recursively walk all tokens. Whenever we encounter a token of type
+		* `line` (those are produced by the built-in diff grammar for the
+		* part **after** the +/-/!/␠ prefix) we re-tokenise its text with the
+		* real language grammar (sql, js, …) and replace the string with the
+		* resulting token array.  This keeps the original diff token tree –
+		* including the `prefix` sub-token – intact while adding proper
+		* syntax colours to the remainder of the line.
+		*/
+		function enhance(tokens) {
+			for (var i = 0; i < tokens.length; i++) {
+				var t = tokens[i];
+				if (typeof t === "string") continue;
+				if (Array.isArray(t.content)) enhance(t.content);
+				else if (t.type === "line" && typeof t.content === "string") {
+					if (diffGrammar) t.content = Prism.tokenize(t.content, diffGrammar);
+				}
+			}
+		}
+		enhance(env.tokens);
+	});
+})(RendererPrism);
+function ensureYamlSqlExtensions() {
+	if (RendererPrism.languages.yaml && RendererPrism.languages.yaml["sql-scalar"]) return;
+	if (RendererPrism.languages.yaml && RendererPrism.languages.sql) {
+		RendererPrism.languages.insertBefore("yaml", "key", { "sql-inline": {
+			pattern: /((?:^|\n)\s*sql\s*:\s*)([^\n\r|>]+)/,
+			lookbehind: true,
+			inside: RendererPrism.languages.sql
+		} });
+		RendererPrism.languages.insertBefore("yaml", "key", { "sql-multiline": {
+			pattern: /((?:^|\n)\s*sql\s*:\s*[|>][-+]?\s*\n)((?:\s{2,}[^\n\r]+(?:\n|$))+)/,
+			lookbehind: true,
+			inside: { "sql-content": {
+				pattern: /^(\s+)(.+)/gm,
+				inside: {
+					indent: /^\s+/,
+					"sql-code": {
+						pattern: /.+/,
+						inside: RendererPrism.languages.sql
+					}
+				}
+			} }
+		} });
+		RendererPrism.languages.insertBefore("yaml", "scalar", { "sql-scalar": {
+			pattern: /^\s*(SELECT|INSERT|UPDATE|DELETE|WITH|CREATE|DROP|ALTER|UNION|FROM|WHERE|JOIN|GROUP|ORDER|HAVING)[\s\S]*$/im,
+			inside: RendererPrism.languages.sql
+		} });
+	}
+}
+
+//#endregion
+export { RendererPrism, ensureYamlSqlExtensions };
+//# sourceMappingURL=prismSetup.js.map

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

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

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

@@ -0,0 +1,25 @@
+
+import { Styles } from "../../../tasty/styles/types.js";
+import { BaseProps } from "../../../tasty/types.js";
+import "../../../tasty/index.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/content/PrismDiffCode/PrismDiffCode.d.ts
+interface CubePrismDiffCodeProps {
+  style?: BaseProps['style'];
+  styles?: Styles;
+  /** Original code string */
+  original: string;
+  /** Modified code string */
+  modified: string;
+  /** 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_runtime0.JSX.Element;
+//#endregion
+export { CubePrismDiffCodeProps, PrismDiffCode };
+//# sourceMappingURL=PrismDiffCode.d.ts.map

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

@@ -0,0 +1,27 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { _PrismCode } from "../PrismCode/PrismCode.js";
+import { jsx } from "react/jsx-runtime";
+import { diffLines } from "diff";
+
+//#region src/components/content/PrismDiffCode/PrismDiffCode.tsx
+function PrismDiffCode({ original, modified, ...props }) {
+	return /* @__PURE__ */ jsx(_PrismCode, {
+		code: diffLines(original, modified).map((part) => {
+			const value = part.value.trimEnd();
+			if (part.added) return value.split("\n").map((val) => {
+				return val ? `+${val}` : "";
+			}).join("\n");
+			if (part.removed) return value.split("\n").map((val) => {
+				return val ? `-${val}` : "";
+			}).join("\n");
+			return value.split("\n").map((val) => {
+				return val ? ` ${val}` : "";
+			}).join("\n");
+		}).join("\n"),
+		...props
+	});
+}
+
+//#endregion
+export { PrismDiffCode };
+//# sourceMappingURL=PrismDiffCode.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,36 @@
+
+import { BaseProps, ContainerStyleProps } from "../../../tasty/types.js";
+import "../../../tasty/index.js";
+import * as react from "react";
+import { ReactNode } from "react";
+
+//#region src/components/content/Result/Result.d.ts
+interface CubeResultProps extends BaseProps, ContainerStyleProps {
+  /** Additional block content. For example, a set of buttons */
+  children?: ReactNode;
+  /** Custom icon element */
+  icon?: ReactNode;
+  /**
+   * Result status from ready-made templates
+   * @default 'info'
+   */
+  status?: CubeResultStatus;
+  /**
+   * The subTitle
+   * @deprecated The subTitle prop is deprecated and will be removed in next major release. consider using subtitle instead
+   */
+  subTitle?: ReactNode;
+  /**
+   * Subtitle of the Result component
+   */
+  subtitle?: ReactNode;
+  /** The title */
+  title?: ReactNode;
+  /** Whether the result component has a compact presentation */
+  isCompact?: boolean;
+}
+type CubeResultStatus = 'success' | 'error' | 'info' | 'warning' | 404 | 403 | 500;
+declare const _Result: react.ForwardRefExoticComponent<CubeResultProps & react.RefAttributes<unknown>>;
+//#endregion
+export { CubeResultProps, CubeResultStatus, _Result };
+//# sourceMappingURL=Result.d.ts.map

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

@@ -0,0 +1,146 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.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";
+import { mergeProps } from "../../../utils/react/mergeProps.js";
+import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
+import { _Title } from "../Title.js";
+import { forwardRef, useMemo } 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: "Result_Container",
+	as: "section",
+	styles: {
+		display: {
+			"": "flex",
+			compact: "grid"
+		},
+		gridAreas: "\"icon title\" \"content content\"",
+		flow: "column",
+		placeContent: {
+			"": "center",
+			compact: "start"
+		},
+		placeItems: {
+			"": "center",
+			compact: "start"
+		},
+		gap: {
+			"": "3x",
+			compact: "2x 1x"
+		},
+		padding: {
+			"": "6x 4x",
+			compact: "0"
+		},
+		textAlign: {
+			"": "center",
+			compact: "left"
+		},
+		"--icon-size": "6x",
+		Icon: {
+			$: ">",
+			display: "grid",
+			gridArea: "icon"
+		},
+		Content: {
+			$: ">",
+			gridArea: "content",
+			display: "block"
+		},
+		Title: {
+			$: ">",
+			gridArea: "title",
+			display: "flex",
+			flow: "column",
+			placeItems: "inherit",
+			gap: "1x",
+			placeSelf: "center"
+		}
+	}
+});
+const statusIconMap = {
+	success: {
+		color: "success",
+		component: () => /* @__PURE__ */ jsx(IconCircleCheckFilled, {})
+	},
+	error: {
+		color: "danger",
+		component: () => /* @__PURE__ */ jsx(IconCircleXFilled, {})
+	},
+	info: {
+		color: "purple",
+		component: () => /* @__PURE__ */ jsx(IconInfoCircleFilled, {})
+	},
+	warning: {
+		color: "warning",
+		component: () => /* @__PURE__ */ jsx(IconAlertTriangleFilled, {})
+	},
+	404: {
+		color: "purple",
+		component: () => {
+			return null;
+		}
+	},
+	403: {
+		color: "purple",
+		component: () => {
+			return null;
+		}
+	},
+	500: {
+		color: "purple",
+		component: () => {
+			return null;
+		}
+	}
+};
+function Result(props, ref) {
+	let { children, isCompact, icon, status, subTitle, subtitle, title, ...otherProps } = props;
+	subtitle = subtitle ?? subTitle;
+	if (icon && status) console.warn("Don't use \"icon\" and \"status\" together, it can lead to possible errors.");
+	const iconNode = useMemo(() => {
+		if (icon) return icon;
+		const { color, component: Component } = status && statusIconMap.hasOwnProperty(status) ? statusIconMap[status] : statusIconMap.info;
+		return /* @__PURE__ */ jsx("div", {
+			"data-element": "Icon",
+			style: { color: `var(--${color}-color)` },
+			children: /* @__PURE__ */ jsx(Component, { "data-element": "Icon" })
+		});
+	}, [icon, status]);
+	const styles = extractStyles(otherProps, CONTAINER_STYLES);
+	return /* @__PURE__ */ jsxs(Container, {
+		...mergeProps(filterBaseProps(otherProps, { eventProps: true }), { mods: { compact: isCompact } }),
+		ref,
+		styles,
+		children: [
+			iconNode,
+			(title || subtitle) && /* @__PURE__ */ jsxs("div", {
+				"data-element": "Title",
+				children: [wrapNodeIfPlain(title, () => /* @__PURE__ */ jsx(_Title, {
+					level: 2,
+					preset: isCompact ? "h5" : "h4",
+					children: title
+				})), wrapNodeIfPlain(subtitle, () => /* @__PURE__ */ jsx(_Title, {
+					level: 3,
+					preset: isCompact ? "t3m" : "t2m",
+					children: subtitle
+				}))]
+			}),
+			children && /* @__PURE__ */ jsx("div", {
+				"data-element": "Content",
+				children
+			})
+		]
+	});
+}
+const _Result = forwardRef(Result);
+_Result.displayName = "Result";
+
+//#endregion
+export { _Result };
+//# sourceMappingURL=Result.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,89 @@
+
+import { BaseProps, ContainerStyleProps } from "../../../tasty/types.js";
+import "../../../tasty/index.js";
+import { CubeGridProps } from "../../layout/Grid.js";
+import { CubePlaceholderProps } from "../Placeholder/Placeholder.js";
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/content/Skeleton/Skeleton.d.ts
+declare const LAYOUT_MAP: {
+  readonly page: ({
+    lines,
+    children,
+    isStatic,
+    rootProps
+  }: CubeSkeletonLayoutProps) => react_jsx_runtime0.JSX.Element;
+  readonly content: ({
+    children,
+    lines,
+    isStatic,
+    rootProps
+  }: CubeSkeletonLayoutProps) => react_jsx_runtime0.JSX.Element;
+  readonly topbar: ({
+    isStatic,
+    rootProps
+  }: CubeSkeletonLayoutProps) => react_jsx_runtime0.JSX.Element;
+  readonly menu: ({
+    lines,
+    isStatic,
+    rootProps
+  }: CubeSkeletonLayoutProps) => react_jsx_runtime0.JSX.Element;
+  readonly stats: ({
+    cards,
+    isStatic,
+    rootProps
+  }: CubeSkeletonLayoutProps) => react_jsx_runtime0.JSX.Element;
+  readonly tabs: ({
+    tabs,
+    children,
+    lines,
+    isStatic,
+    rootProps
+  }: CubeSkeletonLayoutProps) => react_jsx_runtime0.JSX.Element;
+  readonly table: ({
+    rows,
+    columns,
+    isStatic,
+    rootProps
+  }: CubeSkeletonLayoutProps) => react_jsx_runtime0.JSX.Element;
+  readonly chart: ({
+    columns,
+    isStatic,
+    rootProps
+  }: CubeSkeletonLayoutProps) => react_jsx_runtime0.JSX.Element;
+};
+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 {
+  /** The number of columns for the table layout */
+  columns?: number;
+  /** The number of rows for the table layout */
+  rows?: number;
+  /** The number of placeholder lines */
+  lines?: number;
+  /** The number of tabs */
+  tabs?: number;
+  /** The number of cards */
+  cards?: number;
+  /** The static mode */
+  isStatic?: boolean;
+  rootProps?: CubeSkeletonRootProps;
+  children?: ReactNode;
+}
+declare function Skeleton({
+  layout,
+  isStatic,
+  columns,
+  rows,
+  lines,
+  tabs,
+  cards,
+  ...props
+}: CubeSkeletonProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CubeSkeletonProps, Skeleton };
+//# sourceMappingURL=Skeleton.d.ts.map