prometeo-design-system 3.1.4 → 3.1.5

package/dist/Table.es.js

@@ -1,121 +0,0 @@
-import { j as r } from "./jsx-runtime-GkKLlHH4.js";
-import { c as l } from "./cn-B6yFEsav.js";
-import * as o from "react";
-const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div", { className: "w-full", children: /* @__PURE__ */ r.jsx(
-  "table",
-  {
-    ref: a,
-    className: l(
-      "w-full caption-bottom text-sm border-b rounded-lg border-neutral-default-default",
-      e
-    ),
-    ...t
-  }
-) }));
-n.displayName = "Table";
-const f = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
-  "thead",
-  {
-    ref: a,
-    className: l("[&_tr]:border-b-0 [&_tr]:text-center", e),
-    ...t
-  }
-));
-f.displayName = "TableHeader";
-const i = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
-  "tbody",
-  {
-    ref: a,
-    className: l("[&_tr:last-child]:border-b [&_tr]:cursor-pointer ", e),
-    ...t
-  }
-));
-i.displayName = "TableBody";
-const b = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
-  "tfoot",
-  {
-    ref: a,
-    className: l(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0!",
-      e
-    ),
-    ...t
-  }
-));
-b.displayName = "TableFooter";
-const c = o.forwardRef(({ className: e, isSelected: t, ...a }, d) => {
-  const s = `
-    after:content-["<span id='selected-span'></span>"]
-    after:absolute
-    after:top-1/2
-    after:left-1/2
-    after:w-[calc(100%)]
-    after:h-[calc(100%-12px)]
-    after:-translate-x-1/2
-    after:-translate-y-1/2
-    after:bg-primary-default-default
-    after:rounded-lg
-    ${t ? "after:opacity-10" : "after:opacity-0"}
-    after:z-10
-    after:pointer-events-none
-    transition-all
-    duration-300
-    ease-in-out
-    `;
-  return /* @__PURE__ */ r.jsx(
-    "tr",
-    {
-      ref: d,
-      className: l(
-        "border-b border-neutral-default-default relative text-center text-md text-semibold transition-colors hover:bg-neutral-medium-default/50 text-neutral-default-default",
-        s,
-        e
-      ),
-      ...a
-    }
-  );
-});
-c.displayName = "TableRow";
-const m = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
-  "th",
-  {
-    ref: a,
-    className: l(
-      "h-14 px-4 text-center align-middle font-semibold text-neutral-default-default bg-neutral-medium-default first:rounded-tl-lg first:rounded-bl-lg last:rounded-br-lg last:rounded-tr-lg",
-      e
-    ),
-    ...t
-  }
-));
-m.displayName = "TableHead";
-const u = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
-  "td",
-  {
-    ref: a,
-    className: l(
-      "py-4 px-4 align-middle text-center [&:has([role=checkbox])]:pr-0",
-      e
-    ),
-    ...t
-  }
-));
-u.displayName = "TableCell";
-const p = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
-  "caption",
-  {
-    ref: a,
-    className: l("mt-4 text-sm text-muted-foreground", e),
-    ...t
-  }
-));
-p.displayName = "TableCaption";
-export {
-  n as Table,
-  i as TableBody,
-  p as TableCaption,
-  u as TableCell,
-  b as TableFooter,
-  m as TableHead,
-  f as TableHeader,
-  c as TableRow
-};

package/dist/TextArea.d.ts

@@ -1,4 +0,0 @@
-export {}
-import PrometeoDesignSystem from './exports/TextArea'
-export default PrometeoDesignSystem
-export {}

package/dist/TextArea.es.js

@@ -1,66 +0,0 @@
-import { j as k } from "./jsx-runtime-GkKLlHH4.js";
-import { c as A } from "./cn-B6yFEsav.js";
-import * as a from "react";
-import { forwardRef as E } from "react";
-const M = E(
-  ({
-    className: f,
-    autoResize: r = !1,
-    userResize: c = !0,
-    minRows: l = 3,
-    maxRows: n,
-    placeholder: d,
-    onChange: m,
-    value: h,
-    rows: p,
-    disabled: x = !1,
-    ...g
-    // ← Para pasar las props nativas
-  }, t) => {
-    const o = a.useRef(null), b = a.useCallback(
-      (e) => {
-        o.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
-      },
-      [t]
-    ), s = a.useCallback(() => {
-      const e = o.current;
-      if (!e || !r) return;
-      e.style.height = "auto";
-      const C = e.scrollHeight, i = Number.parseInt(getComputedStyle(e).lineHeight) || 20, j = l * i + 16;
-      let u = Math.max(C, j);
-      if (n) {
-        const N = n * i + 16;
-        u = Math.min(u, N);
-      }
-      e.style.height = `${u}px`;
-    }, [r, l, n]), y = (e) => {
-      m?.(e), s();
-    };
-    a.useEffect(() => {
-      s();
-    }, [s]);
-    const H = () => c ? r ? "resize-x" : "resize" : "resize-none";
-    return /* @__PURE__ */ k.jsx(
-      "textarea",
-      {
-        ref: b,
-        "data-slot": "textarea",
-        className: A(
-          "placeholder:text-neutral-medium-default text-neutral-default-default appearance-none border border-neutral-default-default focus:border-primary-default-default flex w-full rounded-md px-3 py-2 outline-none disabled:cursor-default disabled:opacity-50 md:text-sm",
-          H(),
-          f
-        ),
-        onChange: y,
-        rows: r ? l : p,
-        value: h,
-        placeholder: d,
-        disabled: x,
-        ...g
-      }
-    );
-  }
-);
-M.displayName = "TextArea";
-export {
-  M as default
-};

package/dist/Toast.d.ts

@@ -1,6 +0,0 @@
-export * from './exports/Toast'
-export {}
-import PrometeoDesignSystem from './exports/Toast'
-export default PrometeoDesignSystem
-export * from './exports/Toast'
-export {}

package/dist/Toast.es.js

@@ -1,150 +0,0 @@
-import { j as e } from "./jsx-runtime-GkKLlHH4.js";
-import w from "react";
-import { toast as p } from "sonner";
-import { c as s } from "./cn-B6yFEsav.js";
-import { Info as m } from "./Icons/Info.es.js";
-import { Error as u } from "./Icons/Error.es.js";
-import { Cancel as f } from "./Icons/Cancel.es.js";
-import { CheckCircle as b } from "./Icons/CheckCircle.es.js";
-import h from "./Button.es.js";
-import { Close as C } from "./Icons/Close.es.js";
-const x = {
-  dark: {
-    success: {
-      container: "border-b-[2px] border-success-default-default",
-      iconClass: "text-success-medium-default",
-      icon: b
-    },
-    error: {
-      container: "border-b-[2px] border-error-default-default",
-      iconClass: "text-error-medium-default",
-      icon: f
-    },
-    warning: {
-      container: "border-b-[2px] border-warning-default-default",
-      iconClass: "text-warning-medium-default",
-      icon: u
-    },
-    info: {
-      container: " border-b-[2px] border-primary-default-default",
-      iconClass: "text-primary-default-default",
-      icon: m
-    }
-  },
-  light: {
-    success: {
-      container: "",
-      iconClass: "text-success-default-pressed",
-      icon: b
-    },
-    error: {
-      container: "",
-      iconClass: "text-error-medium-pressed",
-      icon: f
-    },
-    warning: {
-      container: "",
-      iconClass: "text-warning-medium-pressed",
-      icon: u
-    },
-    info: {
-      container: "",
-      iconClass: "text-primary-default-pressed",
-      icon: m
-    }
-  }
-}, l = {
-  dark: {
-    container: "bg-neutral-default-default",
-    title: "text-neutral-strong-default",
-    description: "text-neutral-default-default",
-    shadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.35),0px 15px 20px 0px rgba(0, 0, 0, 0.25),0px 0px 10px 0px rgba(0, 0, 0, 0.4),0px 6px 20px 0px rgba(229, 229, 235, 0.03) inset"
-  },
-  light: {
-    container: "bg-neutral-default-default-light",
-    title: "text-neutral-weak-default",
-    description: "text-neutral-medium-focused",
-    shadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.35),8px 8px 20px 0px rgba(0, 0, 0, 0.3),0px 0px 15px 0px rgba(0, 0, 0, 0.2),0px 0px 20px 0px rgba(21, 21, 21, 0.3) inset,6px 0px 100px 0px rgba(0, 0, 0, 0.05) inset"
-  }
-}, v = (c) => {
-  const { title: r, description: i, button: a, id: n, icon: d, variant: o = "info", colorMode: t = "dark", showClose: g = !1 } = c;
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      style: {
-        boxShadow: l[t].shadow
-      },
-      className: s(
-        "flex p-3 pb-4 md:w-[485px] md:max-w-[485px] md:min-w-[485px] md:h-[68px] md:max-h-[68px] rounded-lg gap-2",
-        "w-[345px] max-w-[345px] min-w-[345px] h-[68px] max-h-[68px]",
-        l[t].container,
-        x[t][o].container
-      ),
-      children: [
-        /* @__PURE__ */ e.jsxs(
-          "div",
-          {
-            className: "flex items-center justify-start gap-2 max-h-[38px] h-[38px] overflow-hidden flex-1 ",
-            children: [
-              /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(d || x[t][o].icon, { size: 24, className: x[t][o].iconClass }) }),
-              /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [
-                /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", l[t].title), children: r }),
-                i && /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", l[t].description), children: i })
-              ] })
-            ]
-          }
-        ),
-        a?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
-          h,
-          {
-            label: a?.label,
-            onClick: () => {
-              a?.onClick(), p.dismiss(n);
-            },
-            size: "small",
-            color: "secondary"
-          }
-        ) }),
-        g && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
-          h,
-          {
-            onClick: () => {
-              p.dismiss(n);
-            },
-            label: "",
-            size: "small",
-            color: "secondary",
-            icon: /* @__PURE__ */ e.jsx(C, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
-            variant: "text",
-            animate: !1,
-            className: s(t === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
-          }
-        ) })
-      ]
-    }
-  );
-};
-function _(c, r) {
-  const { duration: i = 2500, showClose: a = !1, colorMode: n = "dark", position: d } = r || {};
-  return p.custom((o) => /* @__PURE__ */ e.jsx(
-    v,
-    {
-      id: o,
-      variant: r?.variant || "success",
-      title: c,
-      description: r?.description,
-      icon: r?.icon,
-      button: r?.button,
-      showClose: a,
-      colorMode: n
-    }
-  ), {
-    duration: i,
-    position: d,
-    unstyled: !0
-  });
-}
-export {
-  v as default,
-  _ as toastpyrion
-};

package/dist/ToastProvider.d.ts

@@ -1,6 +0,0 @@
-export * from './exports/ToastProvider'
-export {}
-import PrometeoDesignSystem from './exports/ToastProvider'
-export default PrometeoDesignSystem
-export * from './exports/ToastProvider'
-export {}

package/dist/ToastProvider.es.js

@@ -1,6 +0,0 @@
-import { j as t } from "./jsx-runtime-GkKLlHH4.js";
-import { Toaster as r } from "sonner";
-const i = ({ ...o }) => /* @__PURE__ */ t.jsx(r, { ...o, position: "bottom-right", richColors: !1, theme: "light" });
-export {
-  i as default
-};

package/dist/Tooltip.d.ts

@@ -1,6 +0,0 @@
-export * from './exports/Tooltip'
-export {}
-import PrometeoDesignSystem from './exports/Tooltip'
-export default PrometeoDesignSystem
-export * from './exports/Tooltip'
-export {}

package/dist/Tooltip.es.js

@@ -1,62 +0,0 @@
-import { j as e } from "./jsx-runtime-GkKLlHH4.js";
-import { AnimatePresence as f, motion as n } from "framer-motion";
-import { useState as p, cloneElement as x } from "react";
-import { Close as b } from "./Icons/Close.es.js";
-const N = ({
-  title: i,
-  trigger: o,
-  children: r,
-  position: t = "top",
-  component: c
-}) => {
-  const [s, l] = p(!1), m = () => l(!0), a = () => l(!1), u = o === "hover" ? {
-    onMouseEnter: m,
-    onMouseLeave: a
-  } : {
-    onClick: () => l(!s)
-  }, d = {
-    top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
-    bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
-    left: "right-full top-1/2 -translate-y-1/2 mr-2",
-    right: "left-full top-1/2 -translate-y-1/2 ml-2"
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: "relative inline-block", children: [
-    x(r, u),
-    /* @__PURE__ */ e.jsx(f, { children: s && /* @__PURE__ */ e.jsx(
-      n.div,
-      {
-        initial: { opacity: 0, scale: 0.8, y: t === "top" ? 10 : -10 },
-        animate: {
-          opacity: 1,
-          scale: 1,
-          y: 0
-        },
-        exit: { opacity: 0, scale: 0.8, y: t === "top" ? 10 : -10 },
-        transition: {
-          duration: 0.15,
-          ease: "easeOut"
-        },
-        className: `absolute z-50 ${d[t]}`,
-        children: /* @__PURE__ */ e.jsxs("div", { className: "min-w-80 max-w-80 min-h-36 h-fit text-white rounded-lg shadow-lg p-3 bg-neutral-medium-default", children: [
-          /* @__PURE__ */ e.jsx("h3", { className: "font-bold text-sm mb-1 text-neutral-strong-default", children: i }),
-          c,
-          o === "click" && /* @__PURE__ */ e.jsx(
-            n.button,
-            {
-              onClick: (h) => {
-                h.stopPropagation(), a();
-              },
-              className: "absolute cursor-pointer -top-2 -right-2 w-6 h-6 bg-neutral-strong-default hover:bg-neutral-medium-default rounded-full flex items-center justify-center transition-colors z-10",
-              whileHover: { scale: 1.1 },
-              whileTap: { scale: 0.95 },
-              children: /* @__PURE__ */ e.jsx(b, { size: 14, className: "text-white" })
-            }
-          )
-        ] })
-      }
-    ) })
-  ] });
-};
-export {
-  N as default
-};

package/dist/cn-B6yFEsav.js

@@ -1,8 +0,0 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function m(...r) {
-  return t(o(r));
-}
-export {
-  m as c
-};

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -1,20 +0,0 @@
-import { ComponentType } from 'react';
-import { CustomSelectOptionRendererProps } from '../Select/Select';
-import { OptionAccessor } from '../Shared/types';
-export interface AutocompleteProps<T> {
-    label?: string;
-    placeholder?: string;
-    name?: string;
-    multiple?: boolean;
-    options?: T[];
-    optionValue: OptionAccessor<T, string | number>;
-    optionLabel: OptionAccessor<T, string>;
-    fetcher?: (input?: string) => Promise<T[]>;
-    asyncMode?: 'fetch_in_open' | 'fetch_on_type';
-    debounceDelay?: number;
-    labelVariant?: 'static' | 'default';
-    disabled?: boolean;
-    renderOption?: ComponentType<CustomSelectOptionRendererProps<T>>;
-}
-declare const Autocomplete: <T extends object>(props: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default Autocomplete;

package/dist/components/Autocomplete/useAutocomplete.d.ts

@@ -1,43 +0,0 @@
-import { OptionAccessor } from '../Shared/types';
-export interface UseAutocompleteOptionsMultiple<T extends object> extends UseAutocompleteBaseOptions<T> {
-    multiple: true;
-    controlledValue?: T[];
-    onChange?: (newValue: T[], name?: string) => void;
-}
-export interface UseAutocompleteOptionsSingle<T extends object> extends UseAutocompleteBaseOptions<T> {
-    multiple?: false;
-    controlledValue?: T;
-    onChange?: (newValue: T, name?: string) => void;
-}
-export interface UseAutocompleteBaseOptions<T extends object> {
-    options?: (T | undefined | null)[];
-    fetcher?: (input?: string) => Promise<T[]>;
-    asyncMode?: 'fetch_in_open' | 'fetch_on_type';
-    disabled?: boolean;
-    debounceDelay?: number;
-    minCharacters?: number;
-    optionLabel?: OptionAccessor<T, string>;
-    optionValue?: OptionAccessor<T, string | number>;
-    inputRef?: React.RefObject<HTMLInputElement | null> | (() => React.RefObject<HTMLInputElement | null> | undefined);
-    onFetchingStart?: () => void;
-    onFetchingEnd?: () => void;
-    onTypeStart?: () => void;
-    onOpen?: () => void;
-    onClose?: () => void;
-    isOpen?: boolean;
-    subscribeOpenChange?: (cb: (open: boolean) => void) => (() => void) | undefined;
-    name?: string;
-}
-export type UseAutocompleteOptions<T extends object> = UseAutocompleteOptionsMultiple<T> | UseAutocompleteOptionsSingle<T>;
-export declare function useAutocomplete<T extends object>(options?: UseAutocompleteOptions<T>): {
-    inputValue: string;
-    setInputValue: import('react').Dispatch<import('react').SetStateAction<string>>;
-    cleanInputValue: () => void;
-    cleanOptions: () => void;
-    clearValue: () => void;
-    filteredOptions: T[];
-    isLoading: boolean;
-    value: T | T[] | undefined;
-    setValue: import('react').Dispatch<import('react').SetStateAction<T | T[] | undefined>>;
-    onOptionClick: (option: T) => void;
-};

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

@@ -1,11 +0,0 @@
-export type SizeVariant = "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
-interface IAvatar {
-    imageUrl?: string;
-    sizeImage?: SizeVariant;
-    sizeFallback?: SizeVariant;
-    fallbackText?: string;
-    subImageUrl?: string;
-    borderColor?: string;
-}
-export default function Avatar({ imageUrl, sizeImage, sizeFallback, fallbackText, subImageUrl, }: IAvatar): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-export { default } from './Avatar';

package/dist/components/Button/Button.d.ts

@@ -1,23 +0,0 @@
-import { ButtonVariant, ColorVariant, SizeVariant } from '../Shared/types';
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    label?: string;
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    icon?: React.ReactNode;
-    contentClassName?: string;
-    loadingText?: string;
-    animate?: boolean;
-    animateIcon?: boolean;
-    isLoading?: boolean;
-    children?: React.ReactNode;
-    spinner?: React.ReactNode;
-    type?: 'button' | "submit" | "reset";
-    className?: string;
-    disabled?: boolean;
-    variant?: ButtonVariant;
-    form?: string;
-    size?: SizeVariant;
-    color?: ColorVariant;
-    hideSpinner?: boolean;
-}
-declare const _default: import('react').MemoExoticComponent<({ label, onClick, icon, contentClassName, loadingText, animate, animateIcon, isLoading, children, hideSpinner, spinner, type, className, disabled, variant, form, size, color }: ButtonProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/dist/components/Button/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Button';
-export type { ButtonProps } from './Button';

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

@@ -1,12 +0,0 @@
-interface ICard {
-    onClickClose: () => void;
-    userName: string;
-    urlImage: string;
-    companyName: string;
-    areaName: string;
-    expiresAt: string;
-    onClickLogin: () => void;
-    loading?: boolean;
-}
-declare const Card: ({ onClickClose, userName, urlImage, companyName, areaName, expiresAt, onClickLogin, loading }: ICard) => import("react/jsx-runtime").JSX.Element;
-export default Card;

package/dist/components/CardProfile/CardProfile.d.ts

@@ -1,55 +0,0 @@
-import { ReactNode } from 'react';
-interface ICardProfile {
-    children: ReactNode;
-    dropMenu?: ReactNode;
-}
-export interface IArea {
-    _id: string;
-    name: string;
-}
-export interface ICompany {
-    _id: string;
-    name: string;
-}
-export interface ISessionLocalStorage {
-    _id: string;
-    name: string;
-    email: string;
-    username: string;
-    areaId: IArea;
-    companyId: ICompany;
-    expires_at: string;
-    logoutDate: string;
-    token: string;
-}
-interface IDropMenu {
-    isExpanded: boolean;
-    sessions: ISessionLocalStorage[];
-    onClickLogout: () => void;
-    handleTokenLogin: () => void;
-}
-interface ICardProfileImage {
-    isExpanded: boolean;
-    imageUrl?: string;
-    fallbackText?: string;
-}
-interface ICardProfileContent {
-    isExpanded: boolean;
-    nameUser: string;
-    nameCompany: string;
-    nameArea: string;
-    cardProfile: ReactNode;
-    onClick: () => void;
-}
-interface ICardProfileOptions {
-    onClick: () => void;
-    isExpanded: boolean;
-}
-export declare const CardProfile: (({ children }: ICardProfile) => import("react/jsx-runtime").JSX.Element) & {
-    Menu: ({ isExpanded, sessions, onClickLogout, handleTokenLogin, }: IDropMenu) => import("react/jsx-runtime").JSX.Element;
-    Image: ({ imageUrl, fallbackText }: ICardProfileImage) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ isExpanded, nameUser, nameCompany, nameArea, cardProfile, onClick, }: ICardProfileContent) => import("react/jsx-runtime").JSX.Element;
-    Separator: () => import("react/jsx-runtime").JSX.Element;
-    Options: ({ isExpanded, onClick }: ICardProfileOptions) => import("react/jsx-runtime").JSX.Element;
-};
-export {};

package/dist/components/CheckBox/CheckBox.d.ts

@@ -1,11 +0,0 @@
-import { HTMLProps } from 'react';
-export type CheckBoxProps = {
-    className?: string;
-    disabled?: boolean;
-} & HTMLProps<HTMLInputElement>;
-interface ICheckBox extends CheckBoxProps {
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    value?: string;
-}
-declare const _default: import('react').NamedExoticComponent<Omit<ICheckBox, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
-export default _default;