atenea-components 1.4.17

package/dist/components/atoms/Radio.js

@@ -0,0 +1,52 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Radio = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+exports.Radio = (0, react_1.forwardRef)((_a, ref) => {
+    var { checked = false, onChange, disabled = false, size = "medium", label, helperText, className = "", id } = _a, props = __rest(_a, ["checked", "onChange", "disabled", "size", "label", "helperText", "className", "id"]);
+    const handleChange = (e) => {
+        if (!disabled && onChange) {
+            onChange(e.target.checked);
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            if (!disabled && onChange && !checked) {
+                onChange(true);
+            }
+        }
+    };
+    const handleClick = () => {
+        if (!disabled && onChange && !checked) {
+            onChange(true);
+        }
+    };
+    const radioSize = size === "small" ? "w-5 h-5 md:w-3.5 md:h-3.5" : "w-5 h-5 md:w-4 md:h-4";
+    const dotSize = size === "small" ? "w-2 h-2 md:w-2 md:h-2" : "w-3 h-3 md:w-2.5 md:h-2.5";
+    const labelSize = size === "small" ? "text-b3" : "text-b1";
+    const helperSize = size === "small" ? "text-c1" : "text-b3";
+    const radioClasses = (0, clsx_1.default)("mt-1 relative flex items-center justify-center rounded-full border cursor-pointer transition-all duration-200 flex-shrink-0", radioSize, !disabled && !checked && "border-primary-500 bg-white", !disabled && !checked && "hover:bg-primary-100", !disabled &&
+        !checked &&
+        "focus:border-primary-500 focus:ring-2 focus:ring-primary-200", !disabled && checked && "border-primary-500 bg-white", disabled && "border-gray-200 bg-gray-100 cursor-not-allowed", className);
+    const labelClasses = (0, clsx_1.default)("ml-4 select-none transition-colors", labelSize, disabled ? "text-gray-400" : "text-gray-700");
+    const helperClasses = (0, clsx_1.default)("ml-4 mt-1", helperSize, disabled ? "text-gray-300" : "text-gray-400");
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-start", children: [(0, jsx_runtime_1.jsxs)("div", { className: radioClasses, tabIndex: disabled ? -1 : 0, onKeyDown: handleKeyDown, onClick: handleClick, role: "radio", "aria-checked": checked, "aria-disabled": disabled, children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ ref: ref, type: "radio", checked: checked, onChange: handleChange, disabled: disabled, id: id, className: "sr-only" }, props)), checked && ((0, jsx_runtime_1.jsx)("span", { className: (0, clsx_1.default)("rounded-full bg-primary-500", dotSize) }))] }), (label || helperText) && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col", children: [label && ((0, jsx_runtime_1.jsx)("label", { htmlFor: id, className: labelClasses, onClick: handleClick, style: { cursor: disabled ? "not-allowed" : "pointer" }, children: label })), helperText && (0, jsx_runtime_1.jsx)("span", { className: helperClasses, children: helperText })] }))] }));
+});
+exports.Radio.displayName = "Radio";

package/dist/components/atoms/SelectDropdown.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+type Option = {
+    label: string;
+    value: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+};
+type SelectDropdownProps = {
+    options: Option[];
+    value?: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    placeholderIcon?: React.ReactNode;
+    size?: "small" | "medium";
+};
+export declare const SelectDropdown: React.FC<SelectDropdownProps>;
+export {};

package/dist/components/atoms/SelectDropdown.js

@@ -0,0 +1,146 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectDropdown = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_dom_1 = __importDefault(require("react-dom"));
+const IconChevronDown_1 = require("../icons/IconChevronDown");
+const IconChevronUp_1 = require("../icons/IconChevronUp");
+const SelectDropdown = ({ options, value, onChange, placeholder = "Select", disabled = false, className = "", placeholderIcon, size = "medium", }) => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [hoveredIndex, setHoveredIndex] = (0, react_1.useState)(null);
+    const [menuStyles, setMenuStyles] = (0, react_1.useState)({});
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const [menuReady, setMenuReady] = (0, react_1.useState)(false);
+    const triggerRef = (0, react_1.useRef)(null);
+    const dropdownRef = (0, react_1.useRef)(null);
+    const menuRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        setMounted(true);
+    }, []);
+    const selectedOption = options.find((opt) => opt.value === value);
+    const getSizeClasses = () => {
+        if (size === "small") {
+            return "px-2 py-1 text-b3 rounded-lg";
+        }
+        return "px-4 py-2 text-b1 rounded-xl";
+    };
+    const triggerClass = [
+        "w-full flex items-center gap-2 transition-colors outline-none text-left font-normal select-none",
+        getSizeClasses(),
+        "bg-white-100 border border-gray-300 hover:border-primary-500 focus:border-primary-500",
+        disabled
+            ? "text-textAtenea-300 hover:border-gray-200 cursor-not-allowed border-gray-200"
+            : "cursor-pointer",
+        isOpen && !disabled ? "border-primary-500 ring-2 ring-primary-200" : "",
+        className,
+    ].join(" ");
+    const getListClass = () => {
+        const baseClass = "absolute z-10 mt-1 w-full bg-white-100 border border-gray-200 py-1 animate-fade-in max-h-60 overflow-y-auto";
+        if (size === "small") {
+            return `${baseClass} rounded-lg`;
+        }
+        return `${baseClass} rounded-xl`;
+    };
+    const listClass = getListClass();
+    const getOptionSizeClasses = () => {
+        if (size === "small") {
+            return "px-2 py-1 text-b3";
+        }
+        return "px-4 py-2 text-b1";
+    };
+    const optionBase = [
+        "flex items-center gap-2 cursor-pointer transition-colors",
+        getOptionSizeClasses(),
+    ].join(" ");
+    const optionSelected = "bg-green-50 text-green-700";
+    const optionHover = "bg-gray-50";
+    const optionDisabled = "text-gray-300 cursor-not-allowed";
+    const handleKeyDown = (e) => {
+        if (disabled)
+            return;
+        if (e.key === "ArrowDown") {
+            e.preventDefault();
+            setIsOpen(true);
+            setHoveredIndex((prev) => prev === null || prev === options.length - 1 ? 0 : prev + 1);
+        }
+        else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            setIsOpen(true);
+            setHoveredIndex((prev) => prev === null || prev === 0 ? options.length - 1 : prev - 1);
+        }
+        else if (e.key === "Enter" || e.key === " ") {
+            if (isOpen && hoveredIndex !== null && !options[hoveredIndex].disabled) {
+                onChange(options[hoveredIndex].value);
+                setIsOpen(false);
+            }
+            else {
+                setIsOpen((open) => !open);
+            }
+        }
+        else if (e.key === "Escape") {
+            setIsOpen(false);
+        }
+    };
+    // Calcula la posición del menú cuando se abre y al hacer scroll/resize
+    (0, react_1.useEffect)(() => {
+        if (!isOpen) {
+            setMenuReady(false);
+            return;
+        }
+        const updatePosition = () => {
+            if (triggerRef.current) {
+                const rect = triggerRef.current.getBoundingClientRect();
+                setMenuStyles({
+                    position: "fixed",
+                    top: rect.bottom + 4,
+                    left: rect.left,
+                    width: rect.width,
+                    zIndex: 9999,
+                });
+                setMenuReady(true);
+            }
+        };
+        setTimeout(updatePosition, 0);
+        window.addEventListener("scroll", updatePosition, true);
+        window.addEventListener("resize", updatePosition);
+        // Cierra el menú si haces click fuera del trigger y del menú
+        const handleClick = (e) => {
+            var _a, _b;
+            const target = e.target;
+            const isInsideTrigger = (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.contains(target);
+            const isInsideMenu = (_b = menuRef.current) === null || _b === void 0 ? void 0 : _b.contains(target);
+            if (!isInsideTrigger && !isInsideMenu) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener("mousedown", handleClick);
+        return () => {
+            window.removeEventListener("scroll", updatePosition, true);
+            window.removeEventListener("resize", updatePosition);
+            document.removeEventListener("mousedown", handleClick);
+        };
+    }, [isOpen]);
+    // El menú del dropdown (portal)
+    const menu = ((0, jsx_runtime_1.jsx)("ul", { ref: menuRef, className: listClass, style: menuStyles, role: "listbox", tabIndex: -1, children: options.map((opt, idx) => ((0, jsx_runtime_1.jsxs)("li", { role: "option", "aria-selected": value === opt.value, className: [
+                optionBase,
+                value === opt.value ? optionSelected : "",
+                hoveredIndex === idx ? optionHover : "",
+                opt.disabled ? optionDisabled : "",
+            ].join(" "), onMouseEnter: () => setHoveredIndex(idx), onMouseLeave: () => setHoveredIndex(null), onClick: () => {
+                if (!opt.disabled) {
+                    onChange(opt.value);
+                    setIsOpen(false);
+                }
+            }, tabIndex: -1, children: [opt.icon ? ((0, jsx_runtime_1.jsx)("span", { className: value === opt.value ? "text-greenSuccess-800" : "text-gray-400", children: opt.icon })) : null, (0, jsx_runtime_1.jsx)("span", { className: opt.disabled ? "text-gray-300" : "", children: opt.label })] }, opt.value))) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative w-full", ref: dropdownRef, children: [(0, jsx_runtime_1.jsxs)("button", { ref: triggerRef, type: "button", className: triggerClass, onClick: () => !disabled && setIsOpen((open) => !open), onKeyDown: handleKeyDown, disabled: disabled, "aria-haspopup": "listbox", "aria-expanded": isOpen, tabIndex: 0, children: [(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.icon) ? ((0, jsx_runtime_1.jsx)("span", { className: "text-greenSuccess-800", children: selectedOption.icon })) : placeholderIcon ? ((0, jsx_runtime_1.jsx)("span", { className: "text-gray-400", children: placeholderIcon })) : null, (0, jsx_runtime_1.jsx)("span", { className: selectedOption ? "textAtenea-900" : "text-gray-400", children: selectedOption ? selectedOption.label : placeholder }), (0, jsx_runtime_1.jsx)("span", { className: "ml-auto", children: isOpen ? ((0, jsx_runtime_1.jsx)("span", { className: "text-greenSuccess-800", children: (0, jsx_runtime_1.jsx)(IconChevronUp_1.IconChevronUp, {}) })) : ((0, jsx_runtime_1.jsx)("span", { className: "text-gray-400", children: (0, jsx_runtime_1.jsx)(IconChevronDown_1.IconChevronDown, {}) })) })] }), mounted &&
+                isOpen &&
+                menuReady &&
+                !disabled &&
+                typeof window !== "undefined" &&
+                react_dom_1.default.createPortal(menu, document.body)] }));
+};
+exports.SelectDropdown = SelectDropdown;

package/dist/components/atoms/Toggle.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type ToggleProps = {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+    className?: string;
+    id?: string;
+};
+export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/atoms/Toggle.js

@@ -0,0 +1,59 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+exports.Toggle = (0, react_1.forwardRef)((_a, ref) => {
+    var { checked = false, onChange, disabled = false, label, className = "", id } = _a, props = __rest(_a, ["checked", "onChange", "disabled", "label", "className", "id"]);
+    const handleChange = (e) => {
+        if (!disabled && onChange) {
+            onChange(e.target.checked);
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            if (!disabled && onChange) {
+                onChange(!checked);
+            }
+        }
+    };
+    const handleClick = () => {
+        if (!disabled && onChange) {
+            onChange(!checked);
+        }
+    };
+    const toggleClasses = (0, clsx_1.default)("relative inline-flex items-center w-10 h-5 rounded-full transition-colors duration-200 cursor-pointer", !disabled && !checked && "bg-gray-300", !disabled && !checked && "hover:bg-gray-400", !disabled &&
+        !checked &&
+        "focus:ring-2 focus:ring-green-300 focus:ring-offset-1", !disabled && checked && "bg-green-500", !disabled && checked && "hover:bg-green-600", !disabled &&
+        checked &&
+        "focus:ring-2 focus:ring-green-300 focus:ring-offset-1", disabled && "bg-gray-100 cursor-not-allowed opacity-50", className);
+    const thumbClasses = (0, clsx_1.default)("absolute", disabled && "opacity-50");
+    const labelClasses = (0, clsx_1.default)("ml-3 select-none transition-colors text-b1", disabled ? "text-gray-400 opacity-50" : "text-gray-700");
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: toggleClasses, tabIndex: disabled ? -1 : 0, onKeyDown: handleKeyDown, onClick: handleClick, role: "switch", "aria-checked": checked, "aria-disabled": disabled, children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ ref: ref, type: "checkbox", checked: checked, onChange: handleChange, disabled: disabled, id: id, className: "sr-only" }, props)), (0, jsx_runtime_1.jsx)("span", { className: thumbClasses, style: {
+                            left: checked ? "1.25rem" : "0.125rem",
+                            top: "0.125rem",
+                            width: "1rem",
+                            height: "1rem",
+                            backgroundColor: "white",
+                            borderRadius: "50%",
+                            boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
+                            transition: "left 0.2s ease-in-out",
+                        } })] }), label && ((0, jsx_runtime_1.jsx)("label", { htmlFor: id, className: labelClasses, children: label }))] }));
+});
+exports.Toggle.displayName = "Toggle";

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

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

package/dist/components/icons/IconArrowDown.js

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

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

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

package/dist/components/icons/IconArrowLeft.js

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

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

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

package/dist/components/icons/IconArrowRight.js

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

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

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

package/dist/components/icons/IconArrowUp.js

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { colors } from '../../tokens/colors';
+type IconBaseProps = {
+    icon: React.ElementType;
+    size?: number | string;
+    color?: keyof typeof colors | string;
+    className?: string;
+};
+export declare const IconBase: ({ icon: Icon, size, color, className, ...props }: IconBaseProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/IconBase.js

@@ -0,0 +1,30 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconBase = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const colors_1 = require("../../tokens/colors");
+const clsx_1 = __importDefault(require("clsx"));
+const IconBase = (_a) => {
+    var { icon: Icon, size = 20, color = 'currentColor', className } = _a, props = __rest(_a, ["icon", "size", "color", "className"]);
+    const getColor = (colorKey) => {
+        const [colorName, shade] = colorKey.split('-');
+        const colorObj = colors_1.colors[colorName];
+        return colorObj ? colorObj[Number(shade)] : colorKey;
+    };
+    return ((0, jsx_runtime_1.jsx)(Icon, Object.assign({ size: size, color: typeof color === 'string' && color.includes('-') ? getColor(color) : color, className: (0, clsx_1.default)('inline-block', className) }, props)));
+};
+exports.IconBase = IconBase;

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

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

package/dist/components/icons/IconBook.js

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

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

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

package/dist/components/icons/IconBookmark.js

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

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

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

package/dist/components/icons/IconCalendar.js

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

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

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

package/dist/components/icons/IconCancel.js

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

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

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

package/dist/components/icons/IconCheck.js

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

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

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

package/dist/components/icons/IconCheckCircle.js

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

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

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

package/dist/components/icons/IconChevronDown.js

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

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

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

package/dist/components/icons/IconChevronLeft.js

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

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

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

package/dist/components/icons/IconChevronRight.js

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

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

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

package/dist/components/icons/IconChevronUp.js

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

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

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

package/dist/components/icons/IconClipboard.js

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

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

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

package/dist/components/icons/IconCreditCard.js

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

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

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

package/dist/components/icons/IconExclamationOctagon.js

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

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

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

package/dist/components/icons/IconExclamationTriangle.js

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