@semcore/illustration 16.0.12 → 17.0.0-prerelease.2

package/lib/DeletedAccount/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+import { Intergalactic } from '@semcore/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;

package/{DeletedAccount → lib/DeletedAccount}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@semcore/core");
-var import_flex_box = require("@semcore/flex-box");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const DeletedAccount = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#6EDAFF", secondaryColor = "#000", ...props }, ref) => {
   const colorResolver = (0, import_useColorResolver.useColorResolver)();
   const resolvedPrimaryColor = colorResolver(primaryColor);
   const resolvedSecondaryColor = colorResolver(secondaryColor);
-  return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{DeletedAccount → lib/DeletedAccount}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const DeletedAccount = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#6EDAFF", secondaryColor = "#000", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/DeletedPage/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+import { Intergalactic } from '@semcore/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;

package/{DeletedPage → lib/DeletedPage}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@semcore/core");
-var import_flex_box = require("@semcore/flex-box");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const DeletedPage = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = (0, import_useColorResolver.useColorResolver)();
   const resolvedPrimaryColor = colorResolver(primaryColor);
   const resolvedSecondaryColor = colorResolver(secondaryColor);
-  return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{DeletedPage → lib/DeletedPage}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const DeletedPage = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/Dns/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+import { Intergalactic } from '@semcore/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;

package/{Dns → lib/Dns}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@semcore/core");
-var import_flex_box = require("@semcore/flex-box");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const Dns = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#45E0A8", secondaryColor = "#000", ...props }, ref) => {
   const colorResolver = (0, import_useColorResolver.useColorResolver)();
   const resolvedPrimaryColor = colorResolver(primaryColor);
   const resolvedSecondaryColor = colorResolver(secondaryColor);
-  return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{Dns → lib/Dns}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const Dns = ({ fill = "none", width = "260", height = "260", viewBox = "0 0 260 260", primaryColor = "#45E0A8", secondaryColor = "#000", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/DonutChart/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+import { Intergalactic } from '@semcore/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;

package/{DonutChart → lib/DonutChart}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@semcore/core");
-var import_flex_box = require("@semcore/flex-box");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const DonutChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = (0, import_useColorResolver.useColorResolver)();
   const resolvedPrimaryColor = colorResolver(primaryColor);
   const resolvedSecondaryColor = colorResolver(secondaryColor);
-  return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{DonutChart → lib/DonutChart}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const DonutChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/Duplicates/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+import { Intergalactic } from '@semcore/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;

package/{Duplicates → lib/Duplicates}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@semcore/core");
-var import_flex_box = require("@semcore/flex-box");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const Duplicates = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = (0, import_useColorResolver.useColorResolver)();
   const resolvedPrimaryColor = colorResolver(primaryColor);
   const resolvedSecondaryColor = colorResolver(secondaryColor);
-  return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{Duplicates → lib/Duplicates}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const Duplicates = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/Feedback/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+import { Intergalactic } from '@semcore/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;

package/{Feedback → lib/Feedback}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@semcore/core");
-var import_flex_box = require("@semcore/flex-box");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const Feedback = ({ fill = "none", width = "40", height = "40", viewBox = "0 0 40 40", primaryColor = "#6EDBFF", secondaryColor = "#000", ...props }, ref) => {
   const colorResolver = (0, import_useColorResolver.useColorResolver)();
   const resolvedPrimaryColor = colorResolver(primaryColor);
   const resolvedSecondaryColor = colorResolver(secondaryColor);
-  return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{Feedback → lib/Feedback}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const Feedback = ({ fill = "none", width = "40", height = "40", viewBox = "0 0 40 40", primaryColor = "#6EDBFF", secondaryColor = "#000", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/FunnelChart/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+import { Intergalactic } from '@semcore/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;

package/{FunnelChart → lib/FunnelChart}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@semcore/core");
-var import_flex_box = require("@semcore/flex-box");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const FunnelChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = (0, import_useColorResolver.useColorResolver)();
   const resolvedPrimaryColor = colorResolver(primaryColor);
   const resolvedSecondaryColor = colorResolver(secondaryColor);
-  return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{FunnelChart → lib/FunnelChart}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const FunnelChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/Good/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+import { Intergalactic } from '@semcore/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;

package/{Good → lib/Good}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@semcore/core");
-var import_flex_box = require("@semcore/flex-box");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const Good = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = (0, import_useColorResolver.useColorResolver)();
   const resolvedPrimaryColor = colorResolver(primaryColor);
   const resolvedSecondaryColor = colorResolver(secondaryColor);
-  return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{Good → lib/Good}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const Good = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/HeatMapChart/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+import { Intergalactic } from '@semcore/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;

package/{HeatMapChart → lib/HeatMapChart}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@semcore/core");
-var import_flex_box = require("@semcore/flex-box");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const HeatMapChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = (0, import_useColorResolver.useColorResolver)();
   const resolvedPrimaryColor = colorResolver(primaryColor);
   const resolvedSecondaryColor = colorResolver(secondaryColor);
-  return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{HeatMapChart → lib/HeatMapChart}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const HeatMapChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/HorizontalBarChart/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+import { Intergalactic } from '@semcore/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;

package/{HorizontalBarChart → lib/HorizontalBarChart}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@semcore/core");
-var import_flex_box = require("@semcore/flex-box");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const HorizontalBarChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = (0, import_useColorResolver.useColorResolver)();
   const resolvedPrimaryColor = colorResolver(primaryColor);
   const resolvedSecondaryColor = colorResolver(secondaryColor);
-  return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{HorizontalBarChart → lib/HorizontalBarChart}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const HorizontalBarChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/KagiChart/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+import { Intergalactic } from '@semcore/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;

package/{KagiChart → lib/KagiChart}/index.js

@@ -25,13 +25,13 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_react = __toESM(require("react"));
 var import_core = require("@semcore/core");
-var import_flex_box = require("@semcore/flex-box");
+var import_base_components = require("@semcore/base-components");
 var import_useColorResolver = require("@semcore/core/lib/utils/use/useColorResolver");
 const KagiChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = (0, import_useColorResolver.useColorResolver)();
   const resolvedPrimaryColor = colorResolver(primaryColor);
   const resolvedSecondaryColor = colorResolver(secondaryColor);
-  return /* @__PURE__ */ import_react.default.createElement(import_flex_box.Box, {
+  return /* @__PURE__ */ import_react.default.createElement(import_base_components.Box, {
     ref,
     width,
     height,

package/{KagiChart → lib/KagiChart}/index.mjs

@@ -1,6 +1,6 @@
 import React from "react";
 import { createBaseComponent } from "@semcore/core";
-import { Box } from "@semcore/flex-box";
+import { Box } from "@semcore/base-components";
 import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 const KagiChart = ({ fill = "none", width = "80", height = "80", viewBox = "0 0 80 80", primaryColor = "#E0E1E9", secondaryColor = "#6C6E79", ...props }, ref) => {
   const colorResolver = useColorResolver();

package/lib/LineChart/index.d.ts

@@ -0,0 +1,28 @@
+
+import { BoxProps } from '@semcore/base-components';
+import { Intergalactic } from '@semcore/core';
+
+type IllustrationProps = BoxProps & {
+    /**
+     * Main color of the illustration
+     **/
+    primaryColor?: string;
+    /**
+     * Secondary color of the illustration
+     **/
+    secondaryColor?: string;
+    /**
+     * Changes background fill of the illustration
+     **/
+    fill?: string;
+    /**
+     * Width of the illustration
+     **/
+    width?: string | number;
+    /**
+     * Height of the illustration
+     **/
+    height?: string | number;
+}
+declare const Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+export default Illustration;