atenea-components 1.4.17

package/dist/components/icons/IconFile.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from "./IconBase";
+export declare const IconFile: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconFile.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconFile = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconFile = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuFile }, props));
+};
+exports.IconFile = IconFile;

package/dist/components/icons/IconFileScan.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from "./IconBase";
+export declare const IconFileScan: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconFileScan.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconFileScan = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconFileScan = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuFileScan }, props));
+};
+exports.IconFileScan = IconFileScan;

package/dist/components/icons/IconHouse.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from './IconBase';
+export declare const IconHouse: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconHouse.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconHouse = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconHouse = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuHouse }, props));
+};
+exports.IconHouse = IconHouse;

package/dist/components/icons/IconInformationCircle.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from './IconBase';
+export declare const IconInformationCircle: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconInformationCircle.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconInformationCircle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconInformationCircle = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuInfo }, props));
+};
+exports.IconInformationCircle = IconInformationCircle;

package/dist/components/icons/IconKanban.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from './IconBase';
+export declare const IconKanban: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconKanban.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconKanban = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconKanban = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuSquareKanban }, props));
+};
+exports.IconKanban = IconKanban;

package/dist/components/icons/IconLayout.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from "./IconBase";
+export declare const IconLayout: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconLayout.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconLayout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconLayout = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuLayoutDashboard }, props));
+};
+exports.IconLayout = IconLayout;

package/dist/components/icons/IconList.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from "./IconBase";
+export declare const IconList: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconList.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconList = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuList }, props));
+};
+exports.IconList = IconList;

package/dist/components/icons/IconListArrow.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from './IconBase';
+export declare const IconListArrow: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconListArrow.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconListArrow = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconListArrow = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuListStart }, props));
+};
+exports.IconListArrow = IconListArrow;

package/dist/components/icons/IconLogout.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from './IconBase';
+export declare const IconLogout: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconLogout.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconLogout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconLogout = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuLogOut }, props));
+};
+exports.IconLogout = IconLogout;

package/dist/components/icons/IconMessage.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from "./IconBase";
+export declare const IconMessage: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconMessage.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconMessage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconMessage = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuMessageSquareText }, props));
+};
+exports.IconMessage = IconMessage;

package/dist/components/icons/IconMessagePlus.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from './IconBase';
+export declare const IconMessagePlus: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconMessagePlus.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconMessagePlus = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconMessagePlus = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuMessageCirclePlus }, props));
+};
+exports.IconMessagePlus = IconMessagePlus;

package/dist/components/icons/IconPause.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from "./IconBase";
+export declare const IconPause: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconPause.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconPause = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconPause = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuPause }, props));
+};
+exports.IconPause = IconPause;

package/dist/components/icons/IconPencil.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from './IconBase';
+export declare const IconPencil: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconPencil.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconPencil = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconPencil = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuPencil }, props));
+};
+exports.IconPencil = IconPencil;

package/dist/components/icons/IconPlay.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from "./IconBase";
+export declare const IconPlay: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconPlay.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconPlay = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconPlay = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuPlay }, props));
+};
+exports.IconPlay = IconPlay;

package/dist/components/icons/IconSidebar.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from './IconBase';
+export declare const IconSidebar: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconSidebar.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconSidebar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const go_1 = require("react-icons/go");
+const IconBase_1 = require("./IconBase");
+const IconSidebar = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: go_1.GoSidebarExpand }, props));
+};
+exports.IconSidebar = IconSidebar;

package/dist/components/icons/IconSidebarCollapse.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from "./IconBase";
+export declare const IconSidebarCollapse: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconSidebarCollapse.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconSidebarCollapse = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const go_1 = require("react-icons/go");
+const IconBase_1 = require("./IconBase");
+const IconSidebarCollapse = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: go_1.GoSidebarCollapse }, props));
+};
+exports.IconSidebarCollapse = IconSidebarCollapse;

package/dist/components/icons/IconSidebarExpand.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from "./IconBase";
+export declare const IconSidebarExpand: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconSidebarExpand.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconSidebarExpand = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const go_1 = require("react-icons/go");
+const IconBase_1 = require("./IconBase");
+const IconSidebarExpand = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: go_1.GoSidebarExpand }, props));
+};
+exports.IconSidebarExpand = IconSidebarExpand;

package/dist/components/icons/IconTimer.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from './IconBase';
+export declare const IconTimer: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconTimer.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconTimer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconTimer = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuTimer }, props));
+};
+exports.IconTimer = IconTimer;

package/dist/components/icons/IconTrash.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from "./IconBase";
+export declare const IconTrash2: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconTrash.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconTrash2 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconTrash2 = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuTrash2 }, props));
+};
+exports.IconTrash2 = IconTrash2;

package/dist/components/icons/IconUser.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from './IconBase';
+export declare const IconUser: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconUser.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconUser = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconUser = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuUserRound }, props));
+};
+exports.IconUser = IconUser;

package/dist/components/icons/IconVerticalDots.d.ts

@@ -0,0 +1,2 @@
+import { IconBase } from './IconBase';
+export declare const IconVerticalDots: (props: Omit<React.ComponentProps<typeof IconBase>, "icon">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/IconVerticalDots.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconVerticalDots = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lu_1 = require("react-icons/lu");
+const IconBase_1 = require("./IconBase");
+const IconVerticalDots = (props) => {
+    return (0, jsx_runtime_1.jsx)(IconBase_1.IconBase, Object.assign({ icon: lu_1.LuEllipsisVertical }, props));
+};
+exports.IconVerticalDots = IconVerticalDots;

package/dist/components/molecules/AnswerOption.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+type OptionState = "default" | "hover" | "selected";
+type Correctness = "none" | "correct" | "incorrect";
+export interface AnswerOptionProps {
+    label: string;
+    letter?: string;
+    icon?: React.ReactNode;
+    state?: OptionState;
+    correctness?: Correctness;
+    onClick?: () => void;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const AnswerOption: React.FC<AnswerOptionProps>;
+export default AnswerOption;

package/dist/components/molecules/AnswerOption.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnswerOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const IconCheck_1 = require("../icons/IconCheck");
+const IconCancel_1 = require("../icons/IconCancel");
+const baseContainer = "w-full rounded-lg border transition-colors flex items-start gap-3 p-4 cursor-pointer group";
+function getContainerClasses(state, disabled, correctness) {
+    const defaultClasses = "bg-white-100 border-grey-200 hover:border-grey-300";
+    const selectedClasses = "bg-grey-50 border-grey-400";
+    const hoverOnly = "border-grey-400";
+    const disabledClasses = "opacity-60 cursor-not-allowed";
+    const correctClasses = "bg-primary-50 border-green-300";
+    const incorrectClasses = "bg-redDanger-50 border-red-300";
+    if (disabled)
+        return (0, clsx_1.default)(defaultClasses, disabledClasses);
+    if (correctness === "correct")
+        return correctClasses;
+    if (correctness === "incorrect")
+        return incorrectClasses;
+    if (state === "selected")
+        return selectedClasses;
+    if (state === "hover")
+        return hoverOnly;
+    return defaultClasses;
+}
+const circleBase = "flex-shrink-0 rounded-full w-6 h-6 transition-colors flex items-center justify-center text-textAtenea-900";
+function getCircleClasses(state, correctness) {
+    const neutral = "border border-grey-300 group-hover:border-grey-400";
+    const selected = "border border-grey-400";
+    const correct = "bg-green-500 text-white border border-green-500";
+    const incorrect = "bg-redDanger-500 text-white border border-redDanger-500";
+    if (correctness === "correct")
+        return correct;
+    if (correctness === "incorrect")
+        return incorrect;
+    if (state === "hover")
+        return selected;
+    return state === "selected" ? selected : neutral;
+}
+const AnswerOption = ({ label, letter, icon, state = "default", correctness = "none", onClick, disabled = false, className, }) => {
+    return ((0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: onClick, disabled: disabled, className: (0, clsx_1.default)(baseContainer, getContainerClasses(state, disabled, correctness), className), children: [(0, jsx_runtime_1.jsx)("span", { className: (0, clsx_1.default)(circleBase, getCircleClasses(state, correctness)), children: correctness === "correct" ? ((0, jsx_runtime_1.jsx)(IconCheck_1.IconCheck, { color: "white" })) : correctness === "incorrect" ? ((0, jsx_runtime_1.jsx)(IconCancel_1.IconCancel, { color: "white" })) : icon ? (icon) : (letter) }), (0, jsx_runtime_1.jsx)("span", { className: "text-textAtenea-900 text-b3 text-left", children: label })] }));
+};
+exports.AnswerOption = AnswerOption;
+exports.default = exports.AnswerOption;

package/dist/components/molecules/Avatar.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+type AvatarSize = "medium" | "small";
+type PresenceStatus = "online" | "offline";
+export interface AvatarProps {
+    name: string;
+    description?: string;
+    size?: AvatarSize;
+    icon?: React.ReactNode;
+    status?: PresenceStatus;
+    backgroundColor?: string;
+    showInfo?: boolean;
+    className?: string;
+}
+export declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/dist/components/molecules/Avatar.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const containerGapBySize = {
+    medium: "gap-4",
+    small: "gap-3",
+};
+const avatarDimensionBySize = {
+    medium: "w-12 h-12 text-xl",
+    small: "w-9 h-9 text-base",
+};
+const nameTextBySize = {
+    medium: "text-b2",
+    small: "text-b4",
+};
+const descTextBySize = {
+    medium: "text-b3",
+    small: "text-c1",
+};
+const Avatar = ({ name, description, size = "medium", icon, status, backgroundColor = "bg-primary-300", showInfo = true, className, }) => {
+    var _a, _b;
+    const initial = (_b = (_a = name === null || name === void 0 ? void 0 : name.trim()) === null || _a === void 0 ? void 0 : _a.charAt(0)) === null || _b === void 0 ? void 0 : _b.toUpperCase();
+    const showStatus = Boolean(status);
+    const isOnline = status === "online";
+    const circle = ((0, jsx_runtime_1.jsxs)("div", { className: "relative inline-block", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)("rounded-full flex items-center justify-center text-textAtenea-900", backgroundColor, avatarDimensionBySize[size]), children: icon ? ((0, jsx_runtime_1.jsx)("span", { className: "flex items-center justify-center", children: icon })) : ((0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: initial })) }), showStatus && ((0, jsx_runtime_1.jsx)("span", { className: (0, clsx_1.default)("absolute rounded-full border-2 border-white-100", size === "medium"
+                    ? "w-4 h-4 -right-0 -bottom-0"
+                    : "w-3 h-3 -right-0 -bottom-0", isOnline ? "bg-green-500" : "bg-gray-300") }))] }));
+    if (!showInfo) {
+        return circle;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)("flex items-center", containerGapBySize[size], className), children: [circle, (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0 flex-1 text-left", children: [(0, jsx_runtime_1.jsx)("p", { className: (0, clsx_1.default)("text-textAtenea-900 font-medium truncate", nameTextBySize[size]), children: name }), description && ((0, jsx_runtime_1.jsx)("p", { className: (0, clsx_1.default)("text-textAtenea-500 truncate", descTextBySize[size]), children: description }))] })] }));
+};
+exports.Avatar = Avatar;
+exports.default = exports.Avatar;

package/dist/components/molecules/Breadcrumb.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from "react";
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    icon?: ReactNode;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    separator?: ReactNode;
+    className?: string;
+    itemClassName?: string;
+    linkClassName?: string;
+    activeItemClassName?: string;
+    showHomeIcon?: boolean;
+    homeIcon?: ReactNode;
+    homeLabel?: string;
+    homeHref?: string;
+    currentPath?: string;
+    maxLength?: number;
+    LinkComponent?: React.ComponentType<{
+        href: string;
+        className?: string;
+        children: ReactNode;
+    }>;
+}
+export default function Breadcrumb({ items, separator, className, itemClassName, linkClassName, activeItemClassName, showHomeIcon, homeIcon, homeLabel, homeHref, currentPath, maxLength, LinkComponent, }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/Breadcrumb.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Breadcrumb;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function Breadcrumb({ items, separator = "/", className = "flex items-center space-x-2 text-sm text-gray-600 mb-4 px-4 pt-4", itemClassName = "flex items-center", linkClassName = "text-gray-500 hover:text-gray-700 transition-colors", activeItemClassName = "text-gray-900 font-medium", showHomeIcon = false, homeIcon, homeLabel = "Inicio", homeHref = "/", currentPath = "", maxLength = 8, LinkComponent, }) {
+    const truncateLabel = (label) => {
+        if (maxLength && label.length > maxLength) {
+            return label.substring(0, maxLength) + "...";
+        }
+        return label;
+    };
+    const allItems = showHomeIcon
+        ? [{ label: homeLabel, href: homeHref, icon: homeIcon }, ...items]
+        : items;
+    return ((0, jsx_runtime_1.jsx)("nav", { className: className, children: allItems.map((item, index) => {
+            const isLast = index === allItems.length - 1;
+            const isActive = !item.href || currentPath === item.href;
+            return ((0, jsx_runtime_1.jsxs)("div", { className: itemClassName, children: [item.href && !isActive ? (LinkComponent ? ((0, jsx_runtime_1.jsxs)(LinkComponent, { href: item.href, className: `${linkClassName} flex items-center justify-center`, children: [item.icon && ((0, jsx_runtime_1.jsx)("span", { className: "mr-1 flex items-center", children: item.icon })), (0, jsx_runtime_1.jsx)("span", { className: "flex items-center", title: item.label, children: truncateLabel(item.label) })] })) : ((0, jsx_runtime_1.jsxs)("a", { href: item.href, className: `${linkClassName} flex items-center justify-center`, children: [item.icon && ((0, jsx_runtime_1.jsx)("span", { className: "mr-1 flex items-center", children: item.icon })), (0, jsx_runtime_1.jsx)("span", { className: "flex items-center", title: item.label, children: truncateLabel(item.label) })] }))) : ((0, jsx_runtime_1.jsxs)("span", { className: `${isActive ? activeItemClassName : ""} flex items-center justify-center`, children: [item.icon && ((0, jsx_runtime_1.jsx)("span", { className: "mr-1 flex items-center", children: item.icon })), (0, jsx_runtime_1.jsx)("span", { className: `flex items-center ${isActive ? "truncate max-w-md" : ""}`, title: item.label, children: truncateLabel(item.label) })] })), !isLast && (0, jsx_runtime_1.jsx)("span", { className: "text-gray-400 mx-2", children: separator })] }, index));
+        }) }));
+}

package/dist/components/molecules/Card.d.ts

@@ -0,0 +1,46 @@
+import React from "react";
+interface CardProps {
+    icon?: React.ReactNode;
+    image?: string;
+    title: string;
+    description?: string;
+    date?: string;
+    time?: string;
+    author?: string;
+    disabled?: boolean;
+    link?: {
+        label: string;
+        onClick: () => void;
+    };
+    button?: {
+        label: string;
+        onClick: () => void;
+        isLoading?: boolean;
+    };
+    checkbox?: {
+        label: string;
+        checked: boolean;
+        onChange: (checked: boolean) => void;
+    };
+    dropdown?: {
+        options: {
+            label: string;
+            value: string;
+        }[];
+        value: string;
+        onChange: (value: string) => void;
+        relatedButton?: {
+            label: string;
+            onClick: (selectedValue: string) => void;
+            isLoading?: boolean;
+        };
+    };
+    tag?: {
+        text: string;
+        backgroundColor?: string;
+        textColor?: string;
+    };
+    verySoon?: boolean;
+}
+export declare const Card: React.FC<CardProps>;
+export {};

package/dist/components/molecules/Card.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Button_1 = require("../atoms/Button");
+const SelectDropdown_1 = require("../atoms/SelectDropdown");
+const Checkbox_1 = require("../atoms/Checkbox");
+const IconCalendar_1 = require("../icons/IconCalendar");
+const IconUser_1 = require("../icons/IconUser");
+const __1 = require("../..");
+const Card = ({ icon, title, description, date, time, author, disabled, link, button, checkbox, dropdown, image, tag, verySoon, }) => {
+    // Use disabled prop directly
+    const isDisabled = disabled || false;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `border border-gray-200 rounded-md overflow-hidden flex flex-col h-full max-w-sm min-w-[260px] ${isDisabled ? "opacity-60" : ""}`, children: [image && ((0, jsx_runtime_1.jsx)("img", { src: image, alt: title, className: "w-full h-48 object-cover" })), (tag || isDisabled) && ((0, jsx_runtime_1.jsxs)("div", { className: "px-4 pt-3", children: [verySoon && ((0, jsx_runtime_1.jsx)("span", { className: "inline-block px-3 py-1 text-xs font-medium rounded-md bg-orange-100 text-orange-600", children: "Muy pronto" })), tag && !isDisabled && ((0, jsx_runtime_1.jsx)("span", { className: `inline-block px-3 py-1 text-xs font-medium rounded-md ${tag.backgroundColor || "bg-gray-100"} ${tag.textColor || "text-gray-600"}`, children: tag.text }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "p-4 flex flex-col gap-3 flex-1", children: [icon && (0, jsx_runtime_1.jsx)("div", { className: "text-xl", children: icon }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { className: "text-textAtenea-900 text-s2", children: title }), description && ((0, jsx_runtime_1.jsx)("p", { className: "text-textAtenea-500 text-b1 mt-1", children: description }))] }), (date || time || author) && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [date && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-c2 text-textAtenea-500", children: [(0, jsx_runtime_1.jsx)(IconCalendar_1.IconCalendar, { color: "primary-500" }), (0, jsx_runtime_1.jsx)("span", { className: "text-textAtenea-500", children: date })] })), time && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-c2 text-textAtenea-500", children: [(0, jsx_runtime_1.jsx)(__1.IconTimer, { color: "primary-500" }), (0, jsx_runtime_1.jsx)("span", { className: "text-textAtenea-500", children: time })] })), author && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2 text-c2 text-textAtenea-500", children: [(0, jsx_runtime_1.jsx)(IconUser_1.IconUser, { color: "primary-500" }), (0, jsx_runtime_1.jsx)("span", { className: "text-textAtenea-500", children: author })] }))] })), link && ((0, jsx_runtime_1.jsx)("button", { onClick: link.onClick, className: "text-primary-600 text-b1 self-start hover:text-primary-800 transition-colors", children: link.label }))] }), (dropdown || checkbox || button) && ((0, jsx_runtime_1.jsxs)("div", { className: "px-4 pb-4 flex flex-col gap-3", children: [dropdown && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col sm:flex-row gap-2 sm:items-center", children: [(0, jsx_runtime_1.jsx)(SelectDropdown_1.SelectDropdown, { value: dropdown.value, onChange: dropdown.onChange, options: dropdown.options, size: "small", className: "sm:min-w-[180px] w-full" }), dropdown.relatedButton && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => { var _a; return (_a = dropdown.relatedButton) === null || _a === void 0 ? void 0 : _a.onClick(dropdown.value); }, variant: "primary", size: "small", isLoading: dropdown.relatedButton.isLoading, className: "sm:w-auto w-full", disabled: isDisabled, children: dropdown.relatedButton.label }))] })), checkbox && ((0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: checkbox.checked, onChange: checkbox.onChange, label: checkbox.label, size: "small" })), button && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: button.onClick, variant: "primary", className: "w-full", isLoading: button.isLoading, disabled: isDisabled, children: button.isLoading ? "Cargando..." : button.label }))] }))] }));
+};
+exports.Card = Card;

package/dist/components/molecules/CommentCard.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface CommentCardProps {
+    title?: string;
+    content: string;
+    onDelete?: () => void;
+    className?: string;
+}
+export declare const CommentCard: React.FC<CommentCardProps>;
+export {};

package/dist/components/molecules/CommentCard.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommentCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const IconTrash_1 = require("../icons/IconTrash");
+const CommentCard = ({ title = "Cambio sugerido", content, onDelete, className = "", }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: `bg-gray-100 rounded-g-mg rounded-b-lg rounded-tr-lg p-4 ${className}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [(0, jsx_runtime_1.jsx)("h3", { className: "text-gray-500 text-b4", children: title }), onDelete && ((0, jsx_runtime_1.jsx)("button", { onClick: onDelete, className: "text-gray-400 hover:bg-gray-200 hover:text-gray-600 transition-colors w-8 h-8 flex items-center justify-center rounded-md border border-transparent", children: (0, jsx_runtime_1.jsx)(IconTrash_1.IconTrash2, { size: 20 }) }))] }), (0, jsx_runtime_1.jsx)("div", { className: "text-textAtenea-900 text-b3 leading-relaxed", children: content.split("\n").map((line, index) => ((0, jsx_runtime_1.jsx)("div", { children: line }, index))) })] }));
+};
+exports.CommentCard = CommentCard;