@clickhouse/click-ui 0.0.176 → 0.0.177

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/click-ui.es.js +91 -0
  2. package/dist/click-ui.umd.js +91 -0
  3. package/dist/components/Icon/IconCommon.d.ts +2 -0
  4. package/dist/components/Icon/types.d.ts +1 -1
  5. package/dist/components/icons/LightBulbOn.d.ts +4 -0
  6. package/dist/components/icons/Moon.d.ts +4 -0
  7. package/package.json +1 -1
package/dist/click-ui.es.js CHANGED
@@ -294,6 +294,17 @@ const LightBulb = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3
294
294
  /* @__PURE__ */ jsx("rect", { width: 18.008, height: 18.008, x: 2.996, y: 2.997, stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, rx: 5 }),
295
295
  /* @__PURE__ */ jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15.386 13.316a4.251 4.251 0 1 0-6.772 0" })
296
296
  ] });
297
+ const LightBulbOn = (props) => /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
298
+ /* @__PURE__ */ jsx("path", { d: "M15 15.1899H9", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
299
+ /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.54094 14.8962C6.76494 13.6412 5.69994 11.4502 6.07494 9.03819C6.48094 6.43119 8.65394 4.35019 11.2749 4.04319C14.9129 3.61619 17.9999 6.44819 17.9999 10.0002C17.9999 12.0252 16.9939 13.8122 15.4569 14.8982C15.1809 15.0932 14.9999 15.3952 14.9999 15.7332V18.5002C14.9999 19.8812 13.8809 21.0002 12.4999 21.0002H11.4999C10.1189 21.0002 8.99994 19.8812 8.99994 18.5002V15.7372C8.99994 15.3962 8.81794 15.0922 8.54094 14.8962Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
300
+ /* @__PURE__ */ jsx("path", { d: "M20 5.00006L21.19 3.81006", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
301
+ /* @__PURE__ */ jsx("path", { d: "M3.99957 15L2.80957 16.19", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
302
+ /* @__PURE__ */ jsx("path", { d: "M4.99957 4.00006L3.80957 2.81006", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
303
+ /* @__PURE__ */ jsx("path", { d: "M20 15L21.19 16.19", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
304
+ /* @__PURE__ */ jsx("path", { d: "M21 10H22.69", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
305
+ /* @__PURE__ */ jsx("path", { d: "M1.30957 10H2.99957", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
306
+ /* @__PURE__ */ jsx("path", { d: "M9 18H14.87", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
307
+ ] });
297
308
  const Lightening = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ...props, children: [
298
309
  /* @__PURE__ */ jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m13 8-3 3 4 2-3 3" }),
299
310
  /* @__PURE__ */ jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2Z", clipRule: "evenodd" })
@@ -332,6 +343,7 @@ const MetricsAlt = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w
332
343
  /* @__PURE__ */ jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M17 21H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4Z", clipRule: "evenodd" }),
333
344
  /* @__PURE__ */ jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m3 15 7-5 4 4 7-5" })
334
345
  ] });
346
+ const Moon = (props) => /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.3945 13.0269C18.7245 12.8719 19.0765 13.1969 18.9845 13.5499C18.6705 14.7519 18.0535 15.8959 17.1035 16.8459C14.2825 19.6669 9.76953 19.7259 7.02153 16.9779C4.27353 14.2299 4.33353 9.71589 7.15453 6.89489C8.10453 5.94489 9.24753 5.32789 10.4505 5.01389C10.8035 4.92189 11.1275 5.27389 10.9735 5.60389C9.97153 7.74289 10.3005 10.3049 11.9975 12.0019C13.6935 13.6999 16.2555 14.0289 18.3945 13.0269V13.0269Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
335
347
  const Pause = (props) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ...props, children: [
336
348
  /* @__PURE__ */ jsx("rect", { x: "5.75", y: "3.75", width: "3.5", height: "16.5", rx: "1.25", stroke: "white", strokeWidth: "1.5" }),
337
349
  /* @__PURE__ */ jsx("rect", { x: "14.75", y: "3.75", width: "3.5", height: "16.5", rx: "1.25", stroke: "white", strokeWidth: "1.5" })
@@ -761,6 +773,7 @@ const ICONS_MAP = {
761
773
  keys: Keys,
762
774
  lifebuoy: Lifebuoy,
763
775
  "light-bulb": LightBulb,
776
+ "light-bulb-on": LightBulbOn,
764
777
  lightening: Lightening,
765
778
  "line-in-circle": LineInCircle,
766
779
  loading: LoadingFlipped,
@@ -769,6 +782,7 @@ const ICONS_MAP = {
769
782
  metrics: Metrics,
770
783
  "metrics-alt": MetricsAlt,
771
784
  minus: Minus,
785
+ moon: Moon,
772
786
  "no-cloud": NoCloud,
773
787
  pause: Pause,
774
788
  payment: Payment,
@@ -13548,6 +13562,70 @@ function _assertThisInitialized(self2) {
13548
13562
  }
13549
13563
  var SyntaxHighlighter = highlight$2(core$1, {});
13550
13564
  SyntaxHighlighter.registerLanguage = core$1.registerLanguage;
13565
+ var typescript_1;
13566
+ var hasRequiredTypescript;
13567
+ function requireTypescript() {
13568
+ if (hasRequiredTypescript)
13569
+ return typescript_1;
13570
+ hasRequiredTypescript = 1;
13571
+ typescript_1 = typescript2;
13572
+ typescript2.displayName = "typescript";
13573
+ typescript2.aliases = ["ts"];
13574
+ function typescript2(Prism) {
13575
+ (function(Prism2) {
13576
+ Prism2.languages.typescript = Prism2.languages.extend("javascript", {
13577
+ "class-name": {
13578
+ pattern: /(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,
13579
+ lookbehind: true,
13580
+ greedy: true,
13581
+ inside: null
13582
+ // see below
13583
+ },
13584
+ builtin: /\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/
13585
+ });
13586
+ Prism2.languages.typescript.keyword.push(
13587
+ /\b(?:abstract|declare|is|keyof|readonly|require)\b/,
13588
+ // keywords that have to be followed by an identifier
13589
+ /\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,
13590
+ // This is for `import type *, {}`
13591
+ /\btype\b(?=\s*(?:[\{*]|$))/
13592
+ );
13593
+ delete Prism2.languages.typescript["parameter"];
13594
+ delete Prism2.languages.typescript["literal-property"];
13595
+ var typeInside = Prism2.languages.extend("typescript", {});
13596
+ delete typeInside["class-name"];
13597
+ Prism2.languages.typescript["class-name"].inside = typeInside;
13598
+ Prism2.languages.insertBefore("typescript", "function", {
13599
+ decorator: {
13600
+ pattern: /@[$\w\xA0-\uFFFF]+/,
13601
+ inside: {
13602
+ at: {
13603
+ pattern: /^@/,
13604
+ alias: "operator"
13605
+ },
13606
+ function: /^[\s\S]+/
13607
+ }
13608
+ },
13609
+ "generic-function": {
13610
+ // e.g. foo<T extends "bar" | "baz">( ...
13611
+ pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,
13612
+ greedy: true,
13613
+ inside: {
13614
+ function: /^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,
13615
+ generic: {
13616
+ pattern: /<[\s\S]+/,
13617
+ // everything after the first <
13618
+ alias: "class-name",
13619
+ inside: typeInside
13620
+ }
13621
+ }
13622
+ }
13623
+ });
13624
+ Prism2.languages.ts = Prism2.languages.typescript;
13625
+ })(Prism);
13626
+ }
13627
+ return typescript_1;
13628
+ }
13551
13629
  const useColorStyle = (defaultTheme) => {
13552
13630
  const theme2 = useTheme();
13553
13631
  const inheritedThemeName = theme2.name !== "classic" ? theme2.name : "light";
@@ -13713,9 +13791,22 @@ var json$1 = {};
13713
13791
  exports["default"] = _default2;
13714
13792
  })(json$1);
13715
13793
  const json = /* @__PURE__ */ getDefaultExportFromCjs(json$1);
13794
+ var typescript = {};
13795
+ (function(exports) {
13796
+ var _interopRequireDefault = interopRequireDefaultExports;
13797
+ Object.defineProperty(exports, "__esModule", {
13798
+ value: true
13799
+ });
13800
+ exports["default"] = void 0;
13801
+ var _typescript = _interopRequireDefault(requireTypescript());
13802
+ var _default2 = _typescript["default"];
13803
+ exports["default"] = _default2;
13804
+ })(typescript);
13805
+ const tsx = /* @__PURE__ */ getDefaultExportFromCjs(typescript);
13716
13806
  SyntaxHighlighter.registerLanguage("sql", sql);
13717
13807
  SyntaxHighlighter.registerLanguage("bash", bash);
13718
13808
  SyntaxHighlighter.registerLanguage("json", json);
13809
+ SyntaxHighlighter.registerLanguage("text", tsx);
13719
13810
  const CodeBlockContainer = styled.div.withConfig({
13720
13811
  componentId: "sc-18gnqgi-0"
13721
13812
  })(["width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;position:relative;cursor:pointer;", ""], ({
package/dist/click-ui.umd.js CHANGED
@@ -310,6 +310,17 @@ var __publicField = (obj, key, value) => {
310
310
  /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 18.008, height: 18.008, x: 2.996, y: 2.997, stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, rx: 5 }),
311
311
  /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15.386 13.316a4.251 4.251 0 1 0-6.772 0" })
312
312
  ] });
313
+ const LightBulbOn = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
314
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 15.1899H9", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
315
+ /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.54094 14.8962C6.76494 13.6412 5.69994 11.4502 6.07494 9.03819C6.48094 6.43119 8.65394 4.35019 11.2749 4.04319C14.9129 3.61619 17.9999 6.44819 17.9999 10.0002C17.9999 12.0252 16.9939 13.8122 15.4569 14.8982C15.1809 15.0932 14.9999 15.3952 14.9999 15.7332V18.5002C14.9999 19.8812 13.8809 21.0002 12.4999 21.0002H11.4999C10.1189 21.0002 8.99994 19.8812 8.99994 18.5002V15.7372C8.99994 15.3962 8.81794 15.0922 8.54094 14.8962Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
316
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 5.00006L21.19 3.81006", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
317
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.99957 15L2.80957 16.19", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
318
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.99957 4.00006L3.80957 2.81006", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
319
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 15L21.19 16.19", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
320
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 10H22.69", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
321
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1.30957 10H2.99957", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
322
+ /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 18H14.87", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
323
+ ] });
313
324
  const Lightening = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ...props, children: [
314
325
  /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m13 8-3 3 4 2-3 3" }),
315
326
  /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2Z", clipRule: "evenodd" })
@@ -348,6 +359,7 @@ var __publicField = (obj, key, value) => {
348
359
  /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M17 21H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4Z", clipRule: "evenodd" }),
349
360
  /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "#161517", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m3 15 7-5 4 4 7-5" })
350
361
  ] });
362
+ const Moon = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.3945 13.0269C18.7245 12.8719 19.0765 13.1969 18.9845 13.5499C18.6705 14.7519 18.0535 15.8959 17.1035 16.8459C14.2825 19.6669 9.76953 19.7259 7.02153 16.9779C4.27353 14.2299 4.33353 9.71589 7.15453 6.89489C8.10453 5.94489 9.24753 5.32789 10.4505 5.01389C10.8035 4.92189 11.1275 5.27389 10.9735 5.60389C9.97153 7.74289 10.3005 10.3049 11.9975 12.0019C13.6935 13.6999 16.2555 14.0289 18.3945 13.0269V13.0269Z", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
351
363
  const Pause = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", ...props, children: [
352
364
  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "5.75", y: "3.75", width: "3.5", height: "16.5", rx: "1.25", stroke: "white", strokeWidth: "1.5" }),
353
365
  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14.75", y: "3.75", width: "3.5", height: "16.5", rx: "1.25", stroke: "white", strokeWidth: "1.5" })
@@ -777,6 +789,7 @@ var __publicField = (obj, key, value) => {
777
789
  keys: Keys,
778
790
  lifebuoy: Lifebuoy,
779
791
  "light-bulb": LightBulb,
792
+ "light-bulb-on": LightBulbOn,
780
793
  lightening: Lightening,
781
794
  "line-in-circle": LineInCircle,
782
795
  loading: LoadingFlipped,
@@ -785,6 +798,7 @@ var __publicField = (obj, key, value) => {
785
798
  metrics: Metrics,
786
799
  "metrics-alt": MetricsAlt,
787
800
  minus: Minus,
801
+ moon: Moon,
788
802
  "no-cloud": NoCloud,
789
803
  pause: Pause,
790
804
  payment: Payment,
@@ -13564,6 +13578,70 @@ var __publicField = (obj, key, value) => {
13564
13578
  }
13565
13579
  var SyntaxHighlighter = highlight$2(core$1, {});
13566
13580
  SyntaxHighlighter.registerLanguage = core$1.registerLanguage;
13581
+ var typescript_1;
13582
+ var hasRequiredTypescript;
13583
+ function requireTypescript() {
13584
+ if (hasRequiredTypescript)
13585
+ return typescript_1;
13586
+ hasRequiredTypescript = 1;
13587
+ typescript_1 = typescript2;
13588
+ typescript2.displayName = "typescript";
13589
+ typescript2.aliases = ["ts"];
13590
+ function typescript2(Prism) {
13591
+ (function(Prism2) {
13592
+ Prism2.languages.typescript = Prism2.languages.extend("javascript", {
13593
+ "class-name": {
13594
+ pattern: /(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,
13595
+ lookbehind: true,
13596
+ greedy: true,
13597
+ inside: null
13598
+ // see below
13599
+ },
13600
+ builtin: /\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/
13601
+ });
13602
+ Prism2.languages.typescript.keyword.push(
13603
+ /\b(?:abstract|declare|is|keyof|readonly|require)\b/,
13604
+ // keywords that have to be followed by an identifier
13605
+ /\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,
13606
+ // This is for `import type *, {}`
13607
+ /\btype\b(?=\s*(?:[\{*]|$))/
13608
+ );
13609
+ delete Prism2.languages.typescript["parameter"];
13610
+ delete Prism2.languages.typescript["literal-property"];
13611
+ var typeInside = Prism2.languages.extend("typescript", {});
13612
+ delete typeInside["class-name"];
13613
+ Prism2.languages.typescript["class-name"].inside = typeInside;
13614
+ Prism2.languages.insertBefore("typescript", "function", {
13615
+ decorator: {
13616
+ pattern: /@[$\w\xA0-\uFFFF]+/,
13617
+ inside: {
13618
+ at: {
13619
+ pattern: /^@/,
13620
+ alias: "operator"
13621
+ },
13622
+ function: /^[\s\S]+/
13623
+ }
13624
+ },
13625
+ "generic-function": {
13626
+ // e.g. foo<T extends "bar" | "baz">( ...
13627
+ pattern: /#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,
13628
+ greedy: true,
13629
+ inside: {
13630
+ function: /^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,
13631
+ generic: {
13632
+ pattern: /<[\s\S]+/,
13633
+ // everything after the first <
13634
+ alias: "class-name",
13635
+ inside: typeInside
13636
+ }
13637
+ }
13638
+ }
13639
+ });
13640
+ Prism2.languages.ts = Prism2.languages.typescript;
13641
+ })(Prism);
13642
+ }
13643
+ return typescript_1;
13644
+ }
13567
13645
  const useColorStyle = (defaultTheme) => {
13568
13646
  const theme2 = styled.useTheme();
13569
13647
  const inheritedThemeName = theme2.name !== "classic" ? theme2.name : "light";
@@ -13729,9 +13807,22 @@ var __publicField = (obj, key, value) => {
13729
13807
  exports3["default"] = _default2;
13730
13808
  })(json$1);
13731
13809
  const json = /* @__PURE__ */ getDefaultExportFromCjs(json$1);
13810
+ var typescript = {};
13811
+ (function(exports3) {
13812
+ var _interopRequireDefault = interopRequireDefaultExports;
13813
+ Object.defineProperty(exports3, "__esModule", {
13814
+ value: true
13815
+ });
13816
+ exports3["default"] = void 0;
13817
+ var _typescript = _interopRequireDefault(requireTypescript());
13818
+ var _default2 = _typescript["default"];
13819
+ exports3["default"] = _default2;
13820
+ })(typescript);
13821
+ const tsx = /* @__PURE__ */ getDefaultExportFromCjs(typescript);
13732
13822
  SyntaxHighlighter.registerLanguage("sql", sql);
13733
13823
  SyntaxHighlighter.registerLanguage("bash", bash);
13734
13824
  SyntaxHighlighter.registerLanguage("json", json);
13825
+ SyntaxHighlighter.registerLanguage("text", tsx);
13735
13826
  const CodeBlockContainer = styled.styled.div.withConfig({
13736
13827
  componentId: "sc-18gnqgi-0"
13737
13828
  })(["width:100%;width:-webkit-fill-available;width:fill-available;width:stretch;position:relative;cursor:pointer;", ""], ({
package/dist/components/Icon/IconCommon.d.ts CHANGED
@@ -85,6 +85,7 @@ export declare const ICONS_MAP: {
85
85
  keys: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
86
86
  lifebuoy: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
87
87
  "light-bulb": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
88
+ "light-bulb-on": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
88
89
  lightening: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
89
90
  "line-in-circle": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
90
91
  loading: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').SVGAttributes<SVGElement>, never>> & string & Omit<(props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
@@ -93,6 +94,7 @@ export declare const ICONS_MAP: {
93
94
  metrics: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
94
95
  "metrics-alt": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
95
96
  minus: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
97
+ moon: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
96
98
  "no-cloud": (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
97
99
  pause: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
98
100
  payment: (props: import('react').SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
package/dist/components/Icon/types.d.ts CHANGED
@@ -6,7 +6,7 @@ import { PaymentName, PaymentProps } from '../icons/Payments';
6
6
 
7
7
  export type IconSize = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
8
8
  export type IconState = "default" | "success" | "warning" | "danger" | "info";
9
- export declare const ICON_NAMES: readonly ["activity", "alarm", "arrow-down", "arrow-left", "arrow-right", "arrow-triangle", "arrow-directions", "arrow-up", "auth-app", "auth-sms", "backups", "bar-chart", "bell", "beta", "blog", "book", "brackets", "briefcase", "building", "burger-menu", "calendar", "calendar-with-time", "cards", "cell-tower", "chat", "check", "check-in-circle", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle", "clock", "cloud", "cloud-keys", "code", "code-in-square", "connect", "connect-alt", "console", "copy", "cpu", "cross", "credit-card", "data", "database", "disk", "display", "document", "dot", "dots-horizontal", "dots-triangle", "dots-vertical", "dots-vertical-double", "double-check", "download", "download-in-circle", "email", "empty", "enter", "eye", "eye-closed", "filter", "fire", "flag", "flask", "folder-closed", "folder-open", "gear", "gift", "git-merge", "globe", "hexagon", "history", "horizontal-loading", "home", "http", "http-monitoring", "info-in-circle", "information", "insert-row", "integrations", "key", "keys", "lifebuoy", "light-bulb", "lightening", "line-in-circle", "loading", "loading-animated", "lock", "metrics", "metrics-alt", "minus", "no-cloud", "pause", "payment", "pencil", "pie-chart", "pipe", "play", "play-in-circle", "plus", "popout", "puzzle-piece", "query", "question", "refresh", "rocket", "sandglass", "search", "secure", "server", "services", "settings", "share", "share-arrow", "share-network", "slide-in", "slide-out", "sort-alt", "sort", "sparkle", "speaker", "speed", "square", "star", "stop", "support", "table", "taxi", "trash", "tree-structure", "upload", "url", "user", "users", "warning", "waves"];
9
+ export declare const ICON_NAMES: readonly ["activity", "alarm", "arrow-down", "arrow-left", "arrow-right", "arrow-triangle", "arrow-directions", "arrow-up", "auth-app", "auth-sms", "backups", "bar-chart", "bell", "beta", "blog", "book", "brackets", "briefcase", "building", "burger-menu", "calendar", "calendar-with-time", "cards", "cell-tower", "chat", "check", "check-in-circle", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "circle", "clock", "cloud", "cloud-keys", "code", "code-in-square", "connect", "connect-alt", "console", "copy", "cpu", "cross", "credit-card", "data", "database", "disk", "display", "document", "dot", "dots-horizontal", "dots-triangle", "dots-vertical", "dots-vertical-double", "double-check", "download", "download-in-circle", "email", "empty", "enter", "eye", "eye-closed", "filter", "fire", "flag", "flask", "folder-closed", "folder-open", "gear", "gift", "git-merge", "globe", "hexagon", "history", "horizontal-loading", "home", "http", "http-monitoring", "info-in-circle", "information", "insert-row", "integrations", "key", "keys", "lifebuoy", "light-bulb", "light-bulb-on", "lightening", "line-in-circle", "loading", "loading-animated", "lock", "metrics", "metrics-alt", "minus", "moon", "no-cloud", "pause", "payment", "pencil", "pie-chart", "pipe", "play", "play-in-circle", "plus", "popout", "puzzle-piece", "query", "question", "refresh", "rocket", "sandglass", "search", "secure", "server", "services", "settings", "share", "share-arrow", "share-network", "slide-in", "slide-out", "sort-alt", "sort", "sparkle", "speaker", "speed", "square", "star", "stop", "support", "table", "taxi", "trash", "tree-structure", "upload", "url", "user", "users", "warning", "waves"];
10
10
  export type IconName = (typeof ICON_NAMES)[number];
11
11
  export interface IconProps extends SVGAttributes<HTMLOrSVGElement> {
12
12
  name: IconName;
package/dist/components/icons/LightBulbOn.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SVGAttributes } from 'react';
2
+
3
+ declare const LightBulbOn: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
4
+ export default LightBulbOn;
package/dist/components/icons/Moon.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SVGAttributes } from 'react';
2
+
3
+ declare const Moon: (props: SVGAttributes<SVGElement>) => import("react/jsx-runtime").JSX.Element;
4
+ export default Moon;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clickhouse/click-ui",
3
- "version": "0.0.176",
3
+ "version": "0.0.177",
4
4
  "description": "Official ClickHouse design system react library",
5
5
  "type": "module",
6
6
  "license": "Apache-2.0",