sanitas-ui-design-system 1.1.3 → 1.1.5

package/dist/Loading-CH95_MB_.js

@@ -0,0 +1,189 @@
+import { jsx as e, jsxs as c, Fragment as N } from "react/jsx-runtime";
+const R = () => {
+  try {
+    return require("@tanstack/react-router").Link;
+  } catch {
+    return null;
+  }
+}, g = R(), _ = "primary", x = "medium", E = "button", I = "buttonIcon", C = {
+  primary: "isPrimary",
+  secondary: "isSecondary",
+  success: "isSuccess",
+  danger: "isDanger",
+  outline: "isOutline",
+  ghost: "isGhost",
+  white: "isWhite",
+  icon: "isIcon",
+  static: "isStatic"
+}, k = {
+  small: "isSmall",
+  medium: "isMedium",
+  large: "isLarge"
+}, B = {
+  none: "isRounded-none",
+  sm: "isRounded-sm",
+  base: "isRounded-base",
+  md: "isRounded-md",
+  lg: "isRounded-lg",
+  xl: "isRounded-xl",
+  "2xl": "isRounded-2xl",
+  "3xl": "isRounded-3xl",
+  full: "isRounded-full"
+}, O = (n, t, i, s, o, r) => [
+  E,
+  C[n],
+  k[t],
+  o && B[o],
+  i && "isFullWidth",
+  s && "isLoading",
+  r
+].filter(Boolean).join(" "), P = ({ icon: n, children: t }) => /* @__PURE__ */ c(N, { children: [
+  n && /* @__PURE__ */ e("span", { className: I, children: n }),
+  t
+] }), T = (n) => "to" in n && !!n.to, D = (n) => "href" in n && !!n.href, z = (n, t, i) => g ? /* @__PURE__ */ e(g, { to: n, className: t, children: i }) : (process.env.NODE_ENV === "development" && console.warn('Button: La prop "to" requiere @tanstack/react-router instalado'), null), F = (n, t, i, s) => {
+  const { target: o, rel: r, ...l } = s;
+  return /* @__PURE__ */ e("a", { href: n, className: t, target: o, rel: r, ...l, children: i });
+}, M = (n, t, i, s, o) => /* @__PURE__ */ e("button", { className: n, disabled: i || s, ...o, children: t }), H = (n) => {
+  const {
+    variant: t = _,
+    size: i = x,
+    rounded: s,
+    fullWidth: o = !1,
+    loading: r = !1,
+    children: l,
+    icon: p,
+    className: A = "",
+    ...m
+  } = n, d = O(t, i, o, r, s, A), u = /* @__PURE__ */ e(P, { icon: p, children: l });
+  if (T(n))
+    return z(n.to, d, u);
+  if (D(n))
+    return F(
+      n.href,
+      d,
+      u,
+      m
+    );
+  const { disabled: L, ...b } = m;
+  return M(d, u, L || !1, r, b);
+}, U = "Espere por favor, procesando datos...", V = "overlay", a = {
+  main: "easy-loading-main",
+  div: "easy-loading-div",
+  background: "easy-loading-bkg",
+  text: "easy-loading-text",
+  animation: "ball-scale-multiple"
+}, f = {
+  content: "easy-loading-content",
+  text: "easy-loading-text"
+}, j = {
+  ballsCount: 3
+}, S = {
+  sm: { container: "var(--spacing-10)", gap: "var(--spacing-2)", fontSize: "var(--font-size-sm)" },
+  md: { container: "var(--spacing-12)", gap: "var(--spacing-3)", fontSize: "var(--font-size-base)" },
+  lg: { container: "var(--spacing-16)", gap: "var(--spacing-4)", fontSize: "var(--font-size-lg)" }
+}, w = 9999, W = 0.5, v = () => ({
+  position: "absolute",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  textAlign: "center"
+}), y = () => ({
+  width: "100%",
+  height: "100%"
+}), h = () => /* @__PURE__ */ e("div", { className: a.animation, children: Array.from({ length: j.ballsCount }, (n, t) => /* @__PURE__ */ e("div", {}, `spinner-ball-${t}`)) }), Z = ({ size: n }) => {
+  const { container: t } = S[n];
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: a.animation,
+      style: { width: t, height: t },
+      children: /* @__PURE__ */ e(h, {})
+    }
+  );
+}, Y = ({ text: n, size: t }) => {
+  const { gap: i, fontSize: s } = S[t];
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      style: {
+        padding: "var(--spacing-4)",
+        textAlign: "center",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: i
+      },
+      children: [
+        /* @__PURE__ */ e(Z, { size: t }),
+        n && /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              color: "var(--lila)",
+              fontSize: s,
+              fontFamily: "var(--font-family)"
+            },
+            children: n
+          }
+        )
+      ]
+    }
+  );
+}, q = () => /* @__PURE__ */ e(
+  "div",
+  {
+    className: a.background,
+    style: {
+      backgroundColor: "var(--black)",
+      opacity: W,
+      position: "absolute",
+      ...y()
+    }
+  }
+), G = ({ text: n }) => /* @__PURE__ */ c("div", { id: a.div, className: a.div, children: [
+  /* @__PURE__ */ e("div", { id: f.content, style: v(), children: /* @__PURE__ */ e(h, {}) }),
+  /* @__PURE__ */ e(
+    "div",
+    {
+      id: f.text,
+      className: a.text,
+      style: {
+        ...v(),
+        paddingTop: "var(--spacing-12)",
+        color: "var(--blanco)",
+        fontFamily: "var(--font-family)",
+        fontSize: "var(--font-size-base)"
+      },
+      children: n
+    }
+  )
+] }), X = (n) => /* @__PURE__ */ c(
+  "div",
+  {
+    id: a.main,
+    className: a.main,
+    style: {
+      position: "fixed",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      top: 0,
+      left: 0,
+      zIndex: w,
+      ...y()
+    },
+    children: [
+      /* @__PURE__ */ e(q, {}),
+      /* @__PURE__ */ e(G, { ...n })
+    ]
+  }
+), J = ({
+  text: n = U,
+  variant: t = V,
+  size: i = "md"
+}) => t === "inline" ? /* @__PURE__ */ e(Y, { text: n, size: i }) : /* @__PURE__ */ e(X, { text: n });
+export {
+  H as B,
+  J as L
+};
+//# sourceMappingURL=Loading-CH95_MB_.js.map

package/dist/Loading-CH95_MB_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading-CH95_MB_.js","sources":["../src/ui/components/Button/Button.tsx","../src/ui/components/Loading/Loading.tsx"],"sourcesContent":["import React from 'react'\r\nimport './Button.css'\r\n\r\nconst loadReactRouterLink = (): any => {\r\n  try {\r\n    return require('@tanstack/react-router').Link\r\n  } catch {\r\n    return null\r\n  }\r\n}\r\n\r\nconst RouterLink = loadReactRouterLink()\r\n\r\nconst DEFAULT_VARIANT = 'primary'\r\nconst DEFAULT_SIZE = 'medium'\r\nconst BASE_BUTTON_CLASS = 'button'\r\nconst ICON_WRAPPER_CLASS = 'buttonIcon'\r\n\r\nexport type ButtonVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'outline' | 'ghost' | 'white' | 'icon' | 'static'\r\nexport type ButtonSize = 'small' | 'medium' | 'large'\r\nexport type ButtonRounded = 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'\r\n\r\ntype BaseButtonProps = {\r\n  variant?: ButtonVariant\r\n  size?: ButtonSize\r\n  rounded?: ButtonRounded\r\n  fullWidth?: boolean\r\n  loading?: boolean\r\n  children: React.ReactNode\r\n  icon?: React.ReactNode\r\n  className?: string\r\n}\r\n\r\ntype ButtonAsButton = BaseButtonProps &\r\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseButtonProps> & {\r\n    href?: never\r\n    to?: never\r\n  }\r\n\r\ntype ButtonAsLink = BaseButtonProps &\r\n  Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof BaseButtonProps> & {\r\n    href: string\r\n    to?: never\r\n  }\r\n\r\ntype ButtonAsRouterLink = BaseButtonProps & {\r\n  to: string\r\n  href?: never\r\n}\r\n\r\nexport type ButtonProps = ButtonAsButton | ButtonAsLink | ButtonAsRouterLink\r\n\r\nconst VARIANT_CLASS_MAP: Record<ButtonVariant, string> = {\r\n  primary: 'isPrimary',\r\n  secondary: 'isSecondary',\r\n  success: 'isSuccess',\r\n  danger: 'isDanger',\r\n  outline: 'isOutline',\r\n  ghost: 'isGhost',\r\n  white: 'isWhite',\r\n  icon: 'isIcon',\r\n  static: 'isStatic',\r\n}\r\n\r\nconst SIZE_CLASS_MAP: Record<ButtonSize, string> = {\r\n  small: 'isSmall',\r\n  medium: 'isMedium',\r\n  large: 'isLarge',\r\n}\r\n\r\nconst ROUNDED_CLASS_MAP: Record<ButtonRounded, string> = {\r\n  none: 'isRounded-none',\r\n  sm: 'isRounded-sm',\r\n  base: 'isRounded-base',\r\n  md: 'isRounded-md',\r\n  lg: 'isRounded-lg',\r\n  xl: 'isRounded-xl',\r\n  '2xl': 'isRounded-2xl',\r\n  '3xl': 'isRounded-3xl',\r\n  full: 'isRounded-full',\r\n}\r\n\r\nconst buildClassNames = (\r\n  variant: ButtonVariant,\r\n  size: ButtonSize,\r\n  fullWidth: boolean,\r\n  loading: boolean,\r\n  rounded: ButtonRounded | undefined,\r\n  className: string\r\n): string => {\r\n  const classes = [\r\n    BASE_BUTTON_CLASS,\r\n    VARIANT_CLASS_MAP[variant],\r\n    SIZE_CLASS_MAP[size],\r\n    rounded && ROUNDED_CLASS_MAP[rounded],\r\n    fullWidth && 'isFullWidth',\r\n    loading && 'isLoading',\r\n    className,\r\n  ]\r\n\r\n  return classes.filter(Boolean).join(' ')\r\n}\r\n\r\nconst ButtonContent: React.FC<{ icon?: React.ReactNode; children: React.ReactNode }> = ({ icon, children }) => (\r\n  <>\r\n    {icon && <span className={ICON_WRAPPER_CLASS}>{icon}</span>}\r\n    {children}\r\n  </>\r\n)\r\n\r\nconst isRouterLinkButton = (props: ButtonProps): props is ButtonAsRouterLink => {\r\n  return 'to' in props && Boolean(props.to)\r\n}\r\n\r\nconst isExternalLinkButton = (props: ButtonProps): props is ButtonAsLink => {\r\n  return 'href' in props && Boolean(props.href)\r\n}\r\n\r\nconst renderRouterLink = (to: string, className: string, content: React.ReactNode) => {\r\n  if (!RouterLink) {\r\n    if (process.env.NODE_ENV === 'development') {\r\n      console.warn('Button: La prop \"to\" requiere @tanstack/react-router instalado')\r\n    }\r\n    return null\r\n  }\r\n\r\n  return (\r\n    <RouterLink to={to} className={className}>\r\n      {content}\r\n    </RouterLink>\r\n  )\r\n}\r\n\r\nconst renderExternalLink = (\r\n  href: string,\r\n  className: string,\r\n  content: React.ReactNode,\r\n  linkProps: React.AnchorHTMLAttributes<HTMLAnchorElement>\r\n) => {\r\n  const { target, rel, ...restLinkProps } = linkProps\r\n  return (\r\n    <a href={href} className={className} target={target} rel={rel} {...restLinkProps}>\r\n      {content}\r\n    </a>\r\n  )\r\n}\r\n\r\nconst renderButton = (\r\n  className: string,\r\n  content: React.ReactNode,\r\n  disabled: boolean,\r\n  loading: boolean,\r\n  buttonProps: React.ButtonHTMLAttributes<HTMLButtonElement>\r\n) => {\r\n  return (\r\n    <button className={className} disabled={disabled || loading} {...buttonProps}>\r\n      {content}\r\n    </button>\r\n  )\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = (props) => {\r\n  const {\r\n    variant = DEFAULT_VARIANT,\r\n    size = DEFAULT_SIZE,\r\n    rounded,\r\n    fullWidth = false,\r\n    loading = false,\r\n    children,\r\n    icon,\r\n    className = '',\r\n    ...restProps\r\n  } = props\r\n\r\n  const classNames = buildClassNames(variant, size, fullWidth, loading, rounded, className)\r\n  const content = <ButtonContent icon={icon}>{children}</ButtonContent>\r\n\r\n  if (isRouterLinkButton(props)) {\r\n    return renderRouterLink(props.to, classNames, content)\r\n  }\r\n\r\n  if (isExternalLinkButton(props)) {\r\n    return renderExternalLink(\r\n      props.href,\r\n      classNames,\r\n      content,\r\n      restProps as React.AnchorHTMLAttributes<HTMLAnchorElement>\r\n    )\r\n  }\r\n\r\n  const { disabled, ...buttonProps } = restProps as React.ButtonHTMLAttributes<HTMLButtonElement>\r\n  return renderButton(classNames, content, disabled || false, loading, buttonProps)\r\n}\r\n","import './Loading.css'\r\n\r\nexport type LoadingVariant = 'overlay' | 'inline'\r\nexport type LoadingSize = 'sm' | 'md' | 'lg'\r\n\r\ntype BaseLoadingProps = {\r\n  text?: string\r\n  variant?: LoadingVariant\r\n  size?: LoadingSize\r\n  className?: string\r\n}\r\n\r\ntype LoadingAsOverlay = BaseLoadingProps & {\r\n  variant?: 'overlay'\r\n}\r\n\r\ntype LoadingAsInline = BaseLoadingProps & {\r\n  variant: 'inline'\r\n}\r\n\r\nexport type LoadingProps = LoadingAsOverlay | LoadingAsInline\r\n\r\nconst DEFAULT_TEXT = 'Espere por favor, procesando datos...'\r\nconst DEFAULT_VARIANT: LoadingVariant = 'overlay'\r\n\r\nconst CSS_CLASSES = {\r\n  main: 'easy-loading-main',\r\n  div: 'easy-loading-div',\r\n  background: 'easy-loading-bkg',\r\n  text: 'easy-loading-text',\r\n  animation: 'ball-scale-multiple',\r\n} as const\r\n\r\nconst DOM_IDS = {\r\n  content: 'easy-loading-content',\r\n  text: 'easy-loading-text',\r\n} as const\r\n\r\nconst SPINNER_CONFIG = {\r\n  ballsCount: 3,\r\n  animationDelays: [0, -0.4, -0.2],\r\n} as const\r\n\r\nconst SPINNER_SIZE_MAP = {\r\n  sm: { container: 'var(--spacing-10)', gap: 'var(--spacing-2)', fontSize: 'var(--font-size-sm)' },\r\n  md: { container: 'var(--spacing-12)', gap: 'var(--spacing-3)', fontSize: 'var(--font-size-base)' },\r\n  lg: { container: 'var(--spacing-16)', gap: 'var(--spacing-4)', fontSize: 'var(--font-size-lg)' },\r\n} as const\r\n\r\nconst OVERLAY_Z_INDEX = 9999\r\nconst OVERLAY_OPACITY = 0.5\r\n\r\nconst createCenteredAbsoluteStyle = () => ({\r\n  position: 'absolute' as const,\r\n  top: '50%',\r\n  left: '50%',\r\n  transform: 'translate(-50%, -50%)',\r\n  textAlign: 'center' as const,\r\n})\r\n\r\nconst createFullSizeStyle = () => ({\r\n  width: '100%',\r\n  height: '100%',\r\n})\r\n\r\nconst SpinnerBalls = () => (\r\n  <div className={CSS_CLASSES.animation}>\r\n    {Array.from({ length: SPINNER_CONFIG.ballsCount }, (_, index) => (\r\n      <div key={`spinner-ball-${index}`} />\r\n    ))}\r\n  </div>\r\n)\r\n\r\ntype SpinnerSize = { size: LoadingSize }\r\n\r\nconst InlineSpinnerContainer = ({ size }: SpinnerSize) => {\r\n  const { container } = SPINNER_SIZE_MAP[size]\r\n  \r\n  return (\r\n    <div\r\n      className={CSS_CLASSES.animation}\r\n      style={{ width: container, height: container }}\r\n    >\r\n      <SpinnerBalls />\r\n    </div>\r\n  )\r\n}\r\n\r\ntype InlineLoadingProps = { text?: string; size: LoadingSize }\r\n\r\nconst InlineLoading = ({ text, size }: InlineLoadingProps) => {\r\n  const { gap, fontSize } = SPINNER_SIZE_MAP[size]\r\n  \r\n  return (\r\n    <div\r\n      style={{\r\n        padding: 'var(--spacing-4)',\r\n        textAlign: 'center',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        alignItems: 'center',\r\n        gap,\r\n      }}\r\n    >\r\n      <InlineSpinnerContainer size={size} />\r\n      {text && (\r\n        <div\r\n          style={{\r\n            color: 'var(--lila)',\r\n            fontSize,\r\n            fontFamily: 'var(--font-family)',\r\n          }}\r\n        >\r\n          {text}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\ntype OverlayLoadingProps = { text: string }\r\n\r\nconst OverlayBackground = () => (\r\n  <div\r\n    className={CSS_CLASSES.background}\r\n    style={{\r\n      backgroundColor: 'var(--black)',\r\n      opacity: OVERLAY_OPACITY,\r\n      position: 'absolute',\r\n      ...createFullSizeStyle(),\r\n    }}\r\n  />\r\n)\r\n\r\nconst OverlayContent = ({ text }: OverlayLoadingProps) => (\r\n  <div id={CSS_CLASSES.div} className={CSS_CLASSES.div}>\r\n    <div id={DOM_IDS.content} style={createCenteredAbsoluteStyle()}>\r\n      <SpinnerBalls />\r\n    </div>\r\n    <div\r\n      id={DOM_IDS.text}\r\n      className={CSS_CLASSES.text}\r\n      style={{\r\n        ...createCenteredAbsoluteStyle(),\r\n        paddingTop: 'var(--spacing-12)',\r\n        color: 'var(--blanco)',\r\n        fontFamily: 'var(--font-family)',\r\n        fontSize: 'var(--font-size-base)',\r\n      }}\r\n    >\r\n      {text}\r\n    </div>\r\n  </div>\r\n)\r\n\r\nconst OverlayLoading = (props: OverlayLoadingProps) => (\r\n  <div\r\n    id={CSS_CLASSES.main}\r\n    className={CSS_CLASSES.main}\r\n    style={{\r\n      position: 'fixed',\r\n      display: 'flex',\r\n      justifyContent: 'center',\r\n      alignItems: 'center',\r\n      top: 0,\r\n      left: 0,\r\n      zIndex: OVERLAY_Z_INDEX,\r\n      ...createFullSizeStyle(),\r\n    }}\r\n  >\r\n    <OverlayBackground />\r\n    <OverlayContent {...props} />\r\n  </div>\r\n)\r\n\r\nexport const Loading = ({\r\n  text = DEFAULT_TEXT,\r\n  variant = DEFAULT_VARIANT,\r\n  size = 'md',\r\n}: LoadingProps) => {\r\n  if (variant === 'inline') {\r\n    return <InlineLoading text={text} size={size} />\r\n  }\r\n\r\n  return <OverlayLoading text={text} />\r\n}\r\n"],"names":["loadReactRouterLink","RouterLink","DEFAULT_VARIANT","DEFAULT_SIZE","BASE_BUTTON_CLASS","ICON_WRAPPER_CLASS","VARIANT_CLASS_MAP","SIZE_CLASS_MAP","ROUNDED_CLASS_MAP","buildClassNames","variant","size","fullWidth","loading","rounded","className","ButtonContent","icon","children","jsxs","Fragment","jsx","isRouterLinkButton","props","isExternalLinkButton","renderRouterLink","to","content","renderExternalLink","href","linkProps","target","rel","restLinkProps","renderButton","disabled","buttonProps","Button","restProps","classNames","DEFAULT_TEXT","CSS_CLASSES","DOM_IDS","SPINNER_CONFIG","SPINNER_SIZE_MAP","OVERLAY_Z_INDEX","OVERLAY_OPACITY","createCenteredAbsoluteStyle","createFullSizeStyle","SpinnerBalls","_","index","InlineSpinnerContainer","container","InlineLoading","text","gap","fontSize","OverlayBackground","OverlayContent","OverlayLoading","Loading"],"mappings":"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"}

package/dist/assets/{Button.css → Loading.css}

@@ -1 +1 @@
-.button{--btn-overlay-hover: .1;--btn-overlay-active: .15;--btn-disabled-opacity: .5;--btn-spinner-size: 1em;font-family:var(--font-family);font-weight:var(--font-weight-medium);border:2px solid transparent;border-radius:var(--radius-3xl);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);text-decoration:none;outline:none;position:relative;will-change:background-color,color,border-color}.button:focus-visible{outline:2px solid var(--celeste);outline-offset:2px}.button:disabled{opacity:var(--btn-disabled-opacity);cursor:not-allowed;pointer-events:none}.isPrimary{background-color:var(--azul);color:var(--blanco);border:2px solid var(--azul)}.isPrimary:hover:not(:disabled){background-color:var(--blanco);color:var(--azul)}.isPrimary:active:not(:disabled){background-color:var(--gray-lighter)}.isSecondary{background-color:var(--celeste);color:var(--blanco);border:2px solid var(--celeste)}.isSecondary:hover:not(:disabled){background-color:var(--blanco);color:var(--celeste)}.isSecondary:active:not(:disabled){background-color:var(--gray-lighter)}.isSuccess{background-color:var(--verde);color:var(--blanco);border:2px solid var(--verde)}.isSuccess:hover:not(:disabled){background-color:var(--blanco);color:var(--verde)}.isSuccess:active:not(:disabled){background-color:var(--gray-lighter)}.isDanger{background-color:var(--rojo);color:var(--blanco);border:2px solid var(--rojo)}.isDanger:hover:not(:disabled){background-color:var(--blanco);color:var(--rojo)}.isDanger:active:not(:disabled){background-color:var(--gray-lighter)}.isOutline{background-color:transparent;color:var(--azul);border:2px solid var(--azul)}.isOutline:hover:not(:disabled){background-color:var(--azul);color:var(--blanco)}.isOutline:active:not(:disabled){background-color:var(--hover-btn);border-color:var(--hover-btn)}.isGhost{background-color:transparent;color:var(--azul)}.isGhost:hover:not(:disabled){background-color:rgba(0,47,135,var(--btn-overlay-hover))}.isGhost:active:not(:disabled){background-color:rgba(0,47,135,var(--btn-overlay-active))}.isWhite{background-color:var(--blanco);color:var(--azul);border:2px solid var(--blanco)}.isWhite:hover:not(:disabled){background-color:var(--gray-light);box-shadow:var(--shadow-md)}.isWhite:active:not(:disabled){background-color:var(--gray-lighter);box-shadow:var(--shadow-sm)}.isIcon{background-color:transparent;color:var(--azul);padding:var(--spacing-2);min-height:auto;display:inline-flex;align-items:center;gap:var(--spacing-2)}.isIcon:hover:not(:disabled){background-color:rgba(0,47,135,calc(var(--btn-overlay-hover) / 2))}.isStatic{padding:var(--spacing-0) var(--spacing-8)!important;background-color:var(--celeste);color:var(--blanco);border:2px solid var(--celeste);cursor:pointer;min-height:40px}.isStatic:hover:not(:disabled){background-color:var(--blanco);color:var(--celeste)}.isStatic:active:not(:disabled){background-color:var(--gray-lighter)}.isSmall{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);min-height:32px}.isMedium{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);min-height:40px}.isLarge{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-lg);min-height:48px}.isFullWidth{width:100%}.isLoading{position:relative;color:transparent;pointer-events:none}.isLoading:after{content:"";position:absolute;width:var(--btn-spinner-size);height:var(--btn-spinner-size);top:50%;left:50%;margin-left:calc(var(--btn-spinner-size) / -2);margin-top:calc(var(--btn-spinner-size) / -2);border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:button-spin .6s linear infinite;will-change:transform}@keyframes button-spin{to{transform:rotate(360deg)}}.buttonIcon{display:inline-flex;align-items:center;justify-content:center}.isRounded-none{border-radius:var(--radius-none)}.isRounded-sm{border-radius:var(--radius-sm)}.isRounded-base{border-radius:var(--radius-base)}.isRounded-md{border-radius:var(--radius-md)}.isRounded-lg{border-radius:var(--radius-lg)}.isRounded-xl{border-radius:var(--radius-xl)}.isRounded-2xl{border-radius:var(--radius-2xl)}.isRounded-3xl{border-radius:var(--radius-3xl)}.isRounded-full{border-radius:var(--radius-full)}@media screen and (max-width:479px){.isStatic{display:none}}
+.button{--btn-overlay-hover: .1;--btn-overlay-active: .15;--btn-disabled-opacity: .5;--btn-spinner-size: 1em;font-family:var(--font-family);font-weight:var(--font-weight-medium);border:2px solid transparent;border-radius:var(--radius-3xl);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);text-decoration:none;outline:none;position:relative;will-change:background-color,color,border-color}.button:focus-visible{outline:2px solid var(--celeste);outline-offset:2px}.button:disabled{opacity:var(--btn-disabled-opacity);cursor:not-allowed;pointer-events:none}.isPrimary{background-color:var(--azul);color:var(--blanco);border:2px solid var(--azul)}.isPrimary:hover:not(:disabled){background-color:var(--blanco);color:var(--azul)}.isPrimary:active:not(:disabled){background-color:var(--gray-lighter)}.isSecondary{background-color:var(--celeste);color:var(--blanco);border:2px solid var(--celeste)}.isSecondary:hover:not(:disabled){background-color:var(--blanco);color:var(--celeste)}.isSecondary:active:not(:disabled){background-color:var(--gray-lighter)}.isSuccess{background-color:var(--verde);color:var(--blanco);border:2px solid var(--verde)}.isSuccess:hover:not(:disabled){background-color:var(--blanco);color:var(--verde)}.isSuccess:active:not(:disabled){background-color:var(--gray-lighter)}.isDanger{background-color:var(--rojo);color:var(--blanco);border:2px solid var(--rojo)}.isDanger:hover:not(:disabled){background-color:var(--blanco);color:var(--rojo)}.isDanger:active:not(:disabled){background-color:var(--gray-lighter)}.isOutline{background-color:transparent;color:var(--azul);border:2px solid var(--azul)}.isOutline:hover:not(:disabled){background-color:var(--azul);color:var(--blanco)}.isOutline:active:not(:disabled){background-color:var(--hover-btn);border-color:var(--hover-btn)}.isGhost{background-color:transparent;color:var(--azul)}.isGhost:hover:not(:disabled){background-color:rgba(0,47,135,var(--btn-overlay-hover))}.isGhost:active:not(:disabled){background-color:rgba(0,47,135,var(--btn-overlay-active))}.isWhite{background-color:var(--blanco);color:var(--azul);border:2px solid var(--blanco)}.isWhite:hover:not(:disabled){background-color:var(--gray-light);box-shadow:var(--shadow-md)}.isWhite:active:not(:disabled){background-color:var(--gray-lighter);box-shadow:var(--shadow-sm)}.isIcon{background-color:transparent;color:var(--azul);padding:var(--spacing-2);min-height:auto;display:inline-flex;align-items:center;gap:var(--spacing-2)}.isIcon:hover:not(:disabled){background-color:rgba(0,47,135,calc(var(--btn-overlay-hover) / 2))}.isStatic{padding:var(--spacing-0) var(--spacing-8)!important;background-color:var(--celeste);color:var(--blanco);border:2px solid var(--celeste);cursor:pointer;min-height:40px}.isStatic:hover:not(:disabled){background-color:var(--blanco);color:var(--celeste)}.isStatic:active:not(:disabled){background-color:var(--gray-lighter)}.isSmall{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);min-height:32px}.isMedium{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);min-height:40px}.isLarge{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-lg);min-height:48px}.isFullWidth{width:100%}.isLoading{position:relative;color:transparent;pointer-events:none}.isLoading:after{content:"";position:absolute;width:var(--btn-spinner-size);height:var(--btn-spinner-size);top:50%;left:50%;margin-left:calc(var(--btn-spinner-size) / -2);margin-top:calc(var(--btn-spinner-size) / -2);border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:button-spin .6s linear infinite;will-change:transform}@keyframes button-spin{to{transform:rotate(360deg)}}.buttonIcon{display:inline-flex;align-items:center;justify-content:center}.isRounded-none{border-radius:var(--radius-none)}.isRounded-sm{border-radius:var(--radius-sm)}.isRounded-base{border-radius:var(--radius-base)}.isRounded-md{border-radius:var(--radius-md)}.isRounded-lg{border-radius:var(--radius-lg)}.isRounded-xl{border-radius:var(--radius-xl)}.isRounded-2xl{border-radius:var(--radius-2xl)}.isRounded-3xl{border-radius:var(--radius-3xl)}.isRounded-full{border-radius:var(--radius-full)}@media screen and (max-width:479px){.isStatic{display:none}}.easy-loading-main{z-index:999999999;position:fixed;left:0;top:0;width:100%;height:100%}.easy-loading-div{z-index:999999999;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center}.easy-loading-bkg{z-index:999999998;overflow:auto;left:0;top:0;width:100%;height:100%;background-color:var(--black);opacity:.6;position:absolute}.easy-loading-text{color:var(--blanco);font-family:var(--font-family);font-size:var(--font-size-base)}@-webkit-keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}to{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ball-scale-multiple{position:relative;display:inline-block;width:var(--spacing-12);height:var(--spacing-12)}.ball-scale-multiple>div:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.ball-scale-multiple>div:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.ball-scale-multiple>div{margin:0;background-color:var(--celeste);-webkit-animation:1s linear -.4s infinite normal none running ball-scale-multiple;animation:1s linear -.4s infinite normal none running ball-scale-multiple;-webkit-animation-fill-mode:both;animation-fill-mode:both;border-radius:100%;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}

package/dist/index.js

@@ -1,9 +1,10 @@
-import { B as e } from "./Button-DZGHhKoc.js";
-import { tokens as f } from "./tokens/index.js";
-import { iconPlaceholder as n } from "./icons/index.js";
+import { B as e, L as t } from "./Loading-CH95_MB_.js";
+import { tokens as n } from "./tokens/index.js";
+import { iconPlaceholder as m } from "./icons/index.js";
 export {
   e as Button,
-  n as iconPlaceholder,
-  f as tokens
+  t as Loading,
+  m as iconPlaceholder,
+  n as tokens
 };
 //# sourceMappingURL=index.js.map