@gustavo-valsechi/client 1.3.31 → 1.3.32

package/dist/interfaces/index.js

@@ -12,14 +12,8 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// interfaces/index.tsx
 var interfaces_exports = {};
 module.exports = __toCommonJS(interfaces_exports);
-__reExport(interfaces_exports, require("./components"), module.exports);
-__reExport(interfaces_exports, require("./contexts"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./components"),
-  ...require("./contexts")
-});

package/dist/interfaces/index.mjs

@@ -1,3 +1 @@
 "use client";
-export * from "./components";
-export * from "./contexts";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gustavo-valsechi/client",
-  "version": "1.3.31",
+  "version": "1.3.32",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -11,7 +11,7 @@
   "scripts": {
     "clean": "rimraf dist && rimraf node_modules/.cache",
     "build:types": "tsc -p tsconfig.json",
-    "build:js": "tsup && tsc-alias",
+    "build:js": "tsup",
     "build": "npm run clean && npm run build:js && npm run build:types",
     "publish": "npm publish --access public"
   },

package/dist/components/styles.js

@@ -1,54 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var styles_exports = {};
-__export(styles_exports, {
-  Container: () => Container,
-  RowContainer: () => RowContainer
-});
-module.exports = __toCommonJS(styles_exports);
-var import_styled_components = __toESM(require("styled-components"));
-const Container = import_styled_components.default.div`
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-`;
-const RowContainer = import_styled_components.default.div`
-    display: flex;
-    flex-direction: row;
-    align-items: stretch;
-    gap: 1rem;
-    flex-wrap: wrap;
-`;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Container,
-  RowContainer
-});

package/dist/components/styles.mjs

@@ -1,19 +0,0 @@
-"use client";
-"use client";
-import styled from "styled-components";
-const Container = styled.div`
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-`;
-const RowContainer = styled.div`
-    display: flex;
-    flex-direction: row;
-    align-items: stretch;
-    gap: 1rem;
-    flex-wrap: wrap;
-`;
-export {
-  Container,
-  RowContainer
-};

package/dist/components/types/avatar/index.js

@@ -1,63 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var avatar_exports = {};
-__export(avatar_exports, {
-  Avatar: () => Avatar
-});
-module.exports = __toCommonJS(avatar_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_styles = require("./styles");
-var import_lodash = __toESM(require("lodash"));
-function Avatar(props) {
-  const containerRef = (0, import_react.useRef)({});
-  const [color, setColor] = (0, import_react.useState)("");
-  const name = () => {
-    const [first, secound] = import_lodash.default.split(props.name, " ") || [];
-    if (first && secound) return `${first} ${secound}`;
-    if (first) return first;
-    return "IZ";
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_styles.Container,
-    {
-      ref: containerRef,
-      color,
-      width: containerRef.current.offsetWidth,
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: import_lodash.default.upperCase(name()) })
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Avatar
-});

package/dist/components/types/avatar/index.mjs

@@ -1,29 +0,0 @@
-"use client";
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { useRef, useState } from "react";
-import { Container } from "./styles";
-import _ from "lodash";
-function Avatar(props) {
-  const containerRef = useRef({});
-  const [color, setColor] = useState("");
-  const name = () => {
-    const [first, secound] = _.split(props.name, " ") || [];
-    if (first && secound) return `${first} ${secound}`;
-    if (first) return first;
-    return "IZ";
-  };
-  return /* @__PURE__ */ jsx(
-    Container,
-    {
-      ref: containerRef,
-      color,
-      width: containerRef.current.offsetWidth,
-      ...props,
-      children: /* @__PURE__ */ jsx("span", { children: _.upperCase(name()) })
-    }
-  );
-}
-export {
-  Avatar
-};

package/dist/components/types/avatar/styles.js

@@ -1,93 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var styles_exports = {};
-__export(styles_exports, {
-  Container: () => Container
-});
-module.exports = __toCommonJS(styles_exports);
-var import_styled_components = __toESM(require("styled-components"));
-const Container = import_styled_components.default.div`
-  width: ${({ size }) => size || "2.3rem"};
-  height: ${({ size }) => size || "2.3rem"};
-  border-radius: ${({ size }) => size || "2.3rem"};
-  border: 2px solid ${({ theme }) => theme.t1};
-  background: ${({ color }) => color};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: ${({ onClick }) => onClick ? "pointer" : "default"};
-  transition: ease .2s;
-  position: relative;
-  font-size: ${({ width }) => width / 2.5}px;
-  font-weight: 500;
-  color: ${({ theme }) => theme.primary};
-
-  span {
-    position: relative;
-    z-index: 1;
-  }
-
-  &::before {
-    content: "";
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    transition: ease .2s;
-    background: ${({ theme }) => theme.t03};
-    border-radius: ${({ size }) => size || "2.3rem"};
-    z-index: 0;
-  }
-
-  &::after {
-    content: "";
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    transition: ease .2s;
-    background: ${({ theme }) => theme.t05};
-    border-radius: ${({ size }) => size || "2.3rem"};
-    z-index: 0;
-  }
-
-  &:hover {
-    &::before {
-      transform: scale(1.6);
-    }
-
-    &::after {
-      transform: scale(1.3);
-    }
-  }
-`;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Container
-});

package/dist/components/types/avatar/styles.mjs

@@ -1,59 +0,0 @@
-"use client";
-"use client";
-import styled from "styled-components";
-const Container = styled.div`
-  width: ${({ size }) => size || "2.3rem"};
-  height: ${({ size }) => size || "2.3rem"};
-  border-radius: ${({ size }) => size || "2.3rem"};
-  border: 2px solid ${({ theme }) => theme.t1};
-  background: ${({ color }) => color};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: ${({ onClick }) => onClick ? "pointer" : "default"};
-  transition: ease .2s;
-  position: relative;
-  font-size: ${({ width }) => width / 2.5}px;
-  font-weight: 500;
-  color: ${({ theme }) => theme.primary};
-
-  span {
-    position: relative;
-    z-index: 1;
-  }
-
-  &::before {
-    content: "";
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    transition: ease .2s;
-    background: ${({ theme }) => theme.t03};
-    border-radius: ${({ size }) => size || "2.3rem"};
-    z-index: 0;
-  }
-
-  &::after {
-    content: "";
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    transition: ease .2s;
-    background: ${({ theme }) => theme.t05};
-    border-radius: ${({ size }) => size || "2.3rem"};
-    z-index: 0;
-  }
-
-  &:hover {
-    &::before {
-      transform: scale(1.6);
-    }
-
-    &::after {
-      transform: scale(1.3);
-    }
-  }
-`;
-export {
-  Container
-};

package/dist/components/types/badge/index.js

@@ -1,54 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var badge_exports = {};
-__export(badge_exports, {
-  Badge: () => Badge
-});
-module.exports = __toCommonJS(badge_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_styles = require("./styles");
-var import_contexts = require("../../../contexts");
-var import_lodash = __toESM(require("lodash"));
-function Badge(props) {
-  const { content } = (0, import_contexts.useTheme)();
-  const status = {
-    ATIVO: "positive",
-    DESATIVADO: "negative",
-    ESTAVEL: "positive",
-    INSTAVEL: "negative",
-    REGULAR: "negative"
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { color: status[props.value] || content.t3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: import_lodash.default.lowerCase(props.value) }) }) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Badge
-});

package/dist/components/types/badge/index.mjs

@@ -1,20 +0,0 @@
-"use client";
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { Container } from "./styles";
-import { useTheme } from "../../../contexts";
-import _ from "lodash";
-function Badge(props) {
-  const { content } = useTheme();
-  const status = {
-    ATIVO: "positive",
-    DESATIVADO: "negative",
-    ESTAVEL: "positive",
-    INSTAVEL: "negative",
-    REGULAR: "negative"
-  };
-  return /* @__PURE__ */ jsx(Container, { color: status[props.value] || content.t3, children: /* @__PURE__ */ jsx("div", { className: "content", children: /* @__PURE__ */ jsx("div", { children: _.lowerCase(props.value) }) }) });
-}
-export {
-  Badge
-};

package/dist/components/types/badge/styles.js

@@ -1,71 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var styles_exports = {};
-__export(styles_exports, {
-  Container: () => Container
-});
-module.exports = __toCommonJS(styles_exports);
-var import_styled_components = __toESM(require("styled-components"));
-const Container = import_styled_components.default.div`
-  .content {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    height: 1.8rem;
-    padding: 0 2rem;
-    position: relative;
-
-    div {
-      position: relative;
-      z-index: 1;
-      color: ${({ theme, color }) => theme[color]};
-      font-size: .8rem;
-      font-weight: 500;
-      text-transform: capitalize;
-    }
-
-    &:before {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border-radius: 5px;
-      background: ${({ theme, color }) => theme[color]};
-      opacity: .2;
-    }
-  }
-`;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Container
-});

package/dist/components/types/badge/styles.mjs

@@ -1,37 +0,0 @@
-"use client";
-"use client";
-import styled from "styled-components";
-const Container = styled.div`
-  .content {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    height: 1.8rem;
-    padding: 0 2rem;
-    position: relative;
-
-    div {
-      position: relative;
-      z-index: 1;
-      color: ${({ theme, color }) => theme[color]};
-      font-size: .8rem;
-      font-weight: 500;
-      text-transform: capitalize;
-    }
-
-    &:before {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border-radius: 5px;
-      background: ${({ theme, color }) => theme[color]};
-      opacity: .2;
-    }
-  }
-`;
-export {
-  Container
-};

package/dist/components/types/block/index.js

@@ -1,44 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var block_exports = {};
-__export(block_exports, {
-  Block: () => Block
-});
-module.exports = __toCommonJS(block_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_styles = require("./styles");
-var import__ = require("../..");
-function Block(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { children: [
-    (!!props.icon || !!props.label) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { children: [
-      !!props.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: props.icon }),
-      !!props.label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: props.label })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Content, { children: [
-      !!props.component && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Component, { content: props.component }),
-      props.children
-    ] })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Block
-});

package/dist/components/types/block/index.mjs

@@ -1,20 +0,0 @@
-"use client";
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Container, Content } from "./styles";
-import { Component } from "../..";
-function Block(props) {
-  return /* @__PURE__ */ jsxs(Container, { children: [
-    (!!props.icon || !!props.label) && /* @__PURE__ */ jsxs("header", { children: [
-      !!props.icon && /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: props.icon }),
-      !!props.label && /* @__PURE__ */ jsx("span", { children: props.label })
-    ] }),
-    /* @__PURE__ */ jsxs(Content, { children: [
-      !!props.component && /* @__PURE__ */ jsx(Component, { content: props.component }),
-      props.children
-    ] })
-  ] });
-}
-export {
-  Block
-};

package/dist/components/types/block/styles.js

@@ -1,65 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var styles_exports = {};
-__export(styles_exports, {
-  Container: () => Container,
-  Content: () => Content
-});
-module.exports = __toCommonJS(styles_exports);
-var import_styled_components = __toESM(require("styled-components"));
-const Container = import_styled_components.default.div`
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    padding: 1.3rem 1.5rem;
-    border-radius: 5px;
-    background: ${({ theme }) => theme.t05};
-    flex: 1 1 20rem;
-
-    header {
-        display: flex;
-        align-items: center;
-        gap: .5rem;
-        font-size: .9rem;
-        font-weight: 600;
-        color: ${({ theme }) => theme.t6};
-    }
-`;
-const Content = import_styled_components.default.div`
-    font-size: 1.5rem;
-    font-weight: 500;
-    color: ${({ theme }) => theme.t7};
-`;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Container,
-  Content
-});