@gustavo-valsechi/client 1.3.28 → 1.3.30

package/dist/components/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RowContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/styles.js

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

@@ -0,0 +1,19 @@
+"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.d.ts

@@ -0,0 +1,2 @@
+import { IAvatar } from "@interfaces";
+export declare function Avatar(props: IAvatar): import("react/jsx-runtime").JSX.Element;

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

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

@@ -0,0 +1,29 @@
+"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.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

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

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

@@ -0,0 +1,59 @@
+"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.d.ts

@@ -0,0 +1,2 @@
+import { IBadge } from "@interfaces";
+export declare function Badge(props: IBadge): import("react/jsx-runtime").JSX.Element;

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

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

@@ -0,0 +1,20 @@
+"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.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

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

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

@@ -0,0 +1,37 @@
+"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.d.ts

@@ -0,0 +1,2 @@
+import { IBlock } from "@interfaces";
+export declare function Block(props: IBlock): import("react/jsx-runtime").JSX.Element;

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

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

@@ -0,0 +1,20 @@
+"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.d.ts

@@ -0,0 +1,2 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,65 @@
+"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
+});