reactigoded 1.0.0-beta.26

package/dist/Toast-FZUdYH1L.js

@@ -0,0 +1,594 @@
+import { cn as s } from "./cn.js";
+import "react";
+import { Fragment as $, jsx as n, jsxs as f } from "react/jsx-runtime";
+function T({ className: a, children: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("div", {
+    ref: i,
+    className: s("ig-dialog-body", a),
+    ...r,
+    children: e
+  });
+}
+function I({ className: a, children: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("div", {
+    ref: i,
+    className: s("ig-dialog-footer", a),
+    ...r,
+    children: e
+  });
+}
+function A({ className: a, children: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("div", {
+    ref: i,
+    className: s("ig-avatar-group", a),
+    ...r,
+    children: e
+  });
+}
+function B({ variant: a = "brand", size: e = "md", pill: i = !1, outline: r = !1, dot: t = !1, className: o, children: l, ref: c, role: d, "aria-label": g, ...u }) {
+  const b = t && !g && typeof l == "string" ? l : g;
+  return /* @__PURE__ */ n("span", {
+    ...u,
+    ref: c,
+    role: d ?? (t && b ? "img" : void 0),
+    className: s("ig-badge", r ? `ig-badge-outline-${a}` : `ig-badge-${a}`, e !== "md" && `ig-badge-${e}`, i && "ig-badge-pill", t && "ig-badge-dot", o),
+    "aria-label": b,
+    children: t ? null : l
+  });
+}
+function R(a) {
+  if (a.current) {
+    const { current: l, className: c, children: d, ref: g, ...u } = a;
+    return /* @__PURE__ */ n("span", {
+      ...u,
+      ref: g,
+      "aria-current": "page",
+      className: s("ig-breadcrumb-current", c),
+      children: d
+    });
+  }
+  const { current: e, className: i, children: r, ref: t, ...o } = a;
+  return /* @__PURE__ */ n("a", {
+    ...o,
+    ref: t,
+    className: s("ig-breadcrumb-item", i),
+    children: r
+  });
+}
+function y({ variant: a = "brand", appearance: e = "solid", size: i = "md", loading: r = !1, block: t = !1, icon: o = !1, disabled: l, className: c, children: d, ref: g, ...u }) {
+  const b = e === "link" ? "ig-btn-link" : e === "solid" ? `ig-btn-${a}` : `ig-btn-${e}-${a}`;
+  return /* @__PURE__ */ n("button", {
+    ...u,
+    ref: g,
+    type: u.type ?? "button",
+    disabled: l === !0 || r,
+    "aria-busy": r || void 0,
+    className: s("ig-btn", b, i !== "md" && `ig-btn-${i}`, r && "ig-btn-loading", t && "ig-btn-block", o && "ig-btn-icon", c),
+    children: d
+  });
+}
+function w({ children: a, ref: e, ...i }) {
+  return e !== void 0 ? /* @__PURE__ */ n(y, {
+    icon: !0,
+    ...i,
+    ref: e,
+    children: a
+  }) : /* @__PURE__ */ n(y, {
+    icon: !0,
+    ...i,
+    children: a
+  });
+}
+function L({ className: a, children: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("div", {
+    ref: i,
+    className: s("ig-card-header", a),
+    ...r,
+    children: e
+  });
+}
+function F({ className: a, children: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("div", {
+    ref: i,
+    className: s("ig-card-body", a),
+    ...r,
+    children: e
+  });
+}
+function M({ className: a, children: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("div", {
+    ref: i,
+    className: s("ig-card-footer", a),
+    ...r,
+    children: e
+  });
+}
+function E({ top: a = !1, alt: e, className: i, ref: r, ...t }) {
+  return /* @__PURE__ */ n("img", {
+    ref: r,
+    alt: e,
+    className: s(a ? "ig-card-image-top" : "ig-card-image", i),
+    ...t
+  });
+}
+function H({ className: a, ref: e, ...i }) {
+  return /* @__PURE__ */ n("hr", {
+    ref: e,
+    className: s("ig-card-divider", a),
+    ...i
+  });
+}
+function C(a, e) {
+  const i = [typeof a == "string" ? a.trim() : "", Array.isArray(e) ? e.filter((r) => typeof r == "string" && r.length > 0).join(" ") : typeof e == "string" ? e.trim() : ""].filter((r) => r.length > 0).join(" ");
+  return i.length > 0 ? i : void 0;
+}
+function j(a) {
+  const { variant: e, size: i = "md", selected: r = !1, onRemove: t, removeLabel: o = "Eliminar", children: l, className: c, selectable: d, ref: g, ...u } = a, b = s("ig-chip", e && `ig-chip-${e}`, i !== "md" && `ig-chip-${i}`, d && "ig-chip-selectable", r && "ig-chip-selected", c), p = t ? d ? /* @__PURE__ */ n("span", {
+    role: "button",
+    tabIndex: 0,
+    className: "ig-chip-close",
+    "aria-label": o,
+    onClick: (m) => {
+      m.stopPropagation(), t();
+    },
+    onKeyDown: (m) => {
+      (m.key === "Enter" || m.key === " ") && (m.preventDefault(), m.stopPropagation(), t());
+    },
+    children: "×"
+  }) : /* @__PURE__ */ n("button", {
+    type: "button",
+    className: "ig-chip-close",
+    onClick: (m) => {
+      m.stopPropagation(), t?.();
+    },
+    "aria-label": o,
+    children: "×"
+  }) : null;
+  return d ? /* @__PURE__ */ f("button", {
+    ...u,
+    ref: g,
+    type: "button",
+    "aria-pressed": r,
+    className: b,
+    children: [l, p]
+  }) : /* @__PURE__ */ f("span", {
+    ...u,
+    ref: g,
+    className: b,
+    children: [l, p]
+  });
+}
+function O({ vertical: a = !1, dashed: e = !1, variant: i = "default", children: r, className: t, ref: o, ...l }) {
+  const c = i !== "default" ? `ig-divider-${i}` : null;
+  return r !== void 0 ? /* @__PURE__ */ n("div", {
+    ...l,
+    ref: o,
+    className: s("ig-divider-with-text", c, e && "ig-divider-dashed", t),
+    children: r
+  }) : a ? /* @__PURE__ */ n("span", {
+    ...l,
+    ref: o,
+    role: "separator",
+    "aria-orientation": "vertical",
+    className: s("ig-divider-vertical", c, e && "ig-divider-dashed", t)
+  }) : /* @__PURE__ */ n("hr", {
+    ...l,
+    ref: o,
+    className: s("ig-divider", c, e && "ig-divider-dashed", t)
+  });
+}
+function P({ required: a = !1, className: e, children: i, ref: r, ...t }) {
+  return /* @__PURE__ */ f("label", {
+    ref: r,
+    className: s("ig-label", a && "ig-label-required", e),
+    ...t,
+    children: [i, a && /* @__PURE__ */ n("span", {
+      "aria-hidden": "true",
+      className: "ig-label-required-mark",
+      children: "*"
+    })]
+  });
+}
+function K({ className: a, children: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("p", {
+    ref: i,
+    className: s("ig-helper", a),
+    ...r,
+    children: e
+  });
+}
+function _({ className: a, children: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("p", {
+    ...r,
+    ref: i,
+    role: "alert",
+    "aria-live": "polite",
+    className: s("ig-error", a),
+    children: e
+  });
+}
+function G({ className: a, children: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("div", {
+    ref: i,
+    className: s("ig-input-group", a),
+    ...r,
+    children: e
+  });
+}
+function U({ className: a, children: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("span", {
+    ref: i,
+    className: s("ig-input-addon", a),
+    ...r,
+    children: e
+  });
+}
+function q(a) {
+  if (a.href !== void 0) {
+    const { className: o, ref: l, children: c, ...d } = a;
+    return /* @__PURE__ */ n("a", {
+      ref: l,
+      className: s("ig-navbar-logo", o),
+      ...d,
+      children: c
+    });
+  }
+  const { className: e, ref: i, children: r, ...t } = a;
+  return /* @__PURE__ */ n("div", {
+    ref: i,
+    className: s("ig-navbar-logo", e),
+    ...t,
+    children: r
+  });
+}
+function V({ className: a, active: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("a", {
+    ...r,
+    ref: i,
+    "aria-current": e ? "page" : void 0,
+    className: s("ig-navbar-link", e && "ig-navbar-link-active", a)
+  });
+}
+function W({ className: a, ref: e, ...i }) {
+  return /* @__PURE__ */ n("div", {
+    ref: e,
+    className: s("ig-navbar-actions", a),
+    ...i
+  });
+}
+function J({ className: a, expanded: e, controlsId: i, children: r, "aria-label": t = "Abrir menú", ref: o, ...l }) {
+  return /* @__PURE__ */ n("button", {
+    ...l,
+    ref: o,
+    type: "button",
+    "aria-label": t,
+    "aria-expanded": e,
+    "aria-controls": i,
+    className: s("ig-navbar-menu-btn", a),
+    children: r ?? /* @__PURE__ */ n("span", {
+      "aria-hidden": "true",
+      children: "☰"
+    })
+  });
+}
+function Q({ value: a = 0, max: e = 100, variant: i, size: r = "md", indeterminate: t = !1, loadingLabel: o = "Cargando", formatLabel: l, className: c, ref: d, ...g }) {
+  const u = Number.isFinite(e) && e > 0 ? e : 100, b = Math.min(Math.max(Number.isNaN(a) ? 0 : a, 0), u), v = b / u * 100, p = Math.round(v), { "aria-label": m, ...h } = g, N = m ?? (t ? o : l?.(Math.round(v)) ?? `${String(Math.round(v))} por ciento completado`);
+  return /* @__PURE__ */ n("div", {
+    ...h,
+    ref: d,
+    role: "progressbar",
+    "aria-label": N,
+    "aria-valuemin": 0,
+    "aria-valuemax": u,
+    "aria-valuenow": t ? void 0 : b,
+    className: s("ig-progress", i && `ig-progress-${i}`, r !== "md" && `ig-progress-${r}`, t && "ig-progress-indeterminate", c),
+    children: /* @__PURE__ */ n("div", {
+      className: "ig-progress-bar",
+      style: t ? void 0 : { "--ig-progress-percent": `${String(p)}%` }
+    })
+  });
+}
+function X({ variant: a = "brand", className: e, children: i, ref: r, disabled: t, describedBy: o, ...l }) {
+  const { "aria-describedby": c, ...d } = l, g = C(c, o);
+  return /* @__PURE__ */ f("label", {
+    className: s("ig-radio", `ig-radio-${a}`, e),
+    "data-disabled": t ? "true" : void 0,
+    children: [
+      /* @__PURE__ */ n("input", {
+        ...d,
+        ref: r,
+        type: "radio",
+        disabled: t,
+        "aria-describedby": g
+      }),
+      /* @__PURE__ */ n("span", {
+        className: "ig-radio-mark",
+        "aria-hidden": "true"
+      }),
+      i !== void 0 && /* @__PURE__ */ n("span", { children: i })
+    ]
+  });
+}
+function Y({ icon: a, className: e, children: i, ref: r, ...t }) {
+  return /* @__PURE__ */ f("div", {
+    ref: r,
+    className: s("ig-sidebar-header", e),
+    ...t,
+    children: [a, i !== void 0 && /* @__PURE__ */ n("span", { children: i })]
+  });
+}
+function Z({ className: a, children: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("div", {
+    ref: i,
+    className: s("ig-sidebar-footer", a),
+    ...r,
+    children: e
+  });
+}
+function z({ className: a, ref: e, ...i }) {
+  return /* @__PURE__ */ n("div", {
+    ...i,
+    ref: e,
+    role: "separator",
+    className: s("ig-sidebar-divider", a)
+  });
+}
+function ee({ className: a, children: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("div", {
+    ref: i,
+    className: s("ig-sidebar-section", a),
+    ...r,
+    children: e
+  });
+}
+function ae({ variant: a = "text", className: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("div", {
+    ...r,
+    ref: i,
+    role: "presentation",
+    "aria-hidden": "true",
+    className: s("ig-skeleton", `ig-skeleton-${a}`, e)
+  });
+}
+function ie({ label: a = "Cargando contenido…", children: e, className: i, ref: r, ...t }) {
+  const { "aria-label": o, ...l } = t;
+  return /* @__PURE__ */ n("div", {
+    ...l,
+    ref: r,
+    role: "status",
+    "aria-busy": "true",
+    "aria-live": "polite",
+    "aria-label": o ?? a,
+    className: s("ig-skeleton-container", i),
+    children: e
+  });
+}
+function re({ variant: a = "brand", size: e = "md", label: i, className: r, ref: t, ...o }) {
+  const { "aria-label": l, ...c } = o;
+  return /* @__PURE__ */ n("span", {
+    ...c,
+    ref: t,
+    role: "status",
+    "aria-label": l ?? i ?? "Cargando…",
+    className: s("ig-spinner", `ig-spinner-${a}`, e !== "md" && `ig-spinner-${e}`, r)
+  });
+}
+function ne(a) {
+  const { label: e, index: i, active: r = !1, complete: t = !1, labeled: o = !1, interactive: l = !1, onActivate: c, onStepKeyDown: d, className: g, ref: u, ...b } = a, v = r ? "step" : void 0, p = (N) => {
+    if (l) {
+      if (N.key === "Enter" || N.key === " ") {
+        N.preventDefault(), c?.();
+        return;
+      }
+      d?.(N);
+    }
+  }, m = l && i !== void 0 ? i - 1 : void 0, h = /* @__PURE__ */ n("span", {
+    "aria-current": v,
+    role: l ? "button" : void 0,
+    tabIndex: l ? r ? 0 : -1 : void 0,
+    "aria-label": l && i !== void 0 ? `Paso ${String(i)}` : void 0,
+    "data-step-index": m,
+    onClick: l ? c : void 0,
+    onKeyDown: l ? p : void 0,
+    className: s("ig-step", r && "ig-step-active", t && "ig-step-complete", l && "ig-step-interactive"),
+    children: t ? "✓" : i
+  });
+  return o ? /* @__PURE__ */ f("div", {
+    ...b,
+    ref: u,
+    className: s("ig-step-item", r && "ig-step-active", t && "ig-step-complete", g),
+    children: [h, e !== void 0 && /* @__PURE__ */ n("span", {
+      className: "ig-step-label",
+      children: e
+    })]
+  }) : /* @__PURE__ */ n("div", {
+    ...b,
+    ref: u,
+    className: g,
+    children: h
+  });
+}
+function te({ className: a, striped: e, hover: i, bordered: r, compact: t, layout: o, scrollable: l, scrollAreaLabel: c = "Tabla con scroll horizontal", ref: d, ...g }) {
+  const u = /* @__PURE__ */ n("table", {
+    ref: d,
+    className: s("ig-table", e && "ig-table-striped", i && "ig-table-hover", r && "ig-table-bordered", t && "ig-table-compact", o && `ig-table-${o}`, a),
+    ...g
+  });
+  return l ? /* @__PURE__ */ n("div", {
+    role: "region",
+    "aria-label": c,
+    tabIndex: 0,
+    className: "ig-table-scroll-region",
+    children: u
+  }) : u;
+}
+function se({ ref: a, ...e }) {
+  return /* @__PURE__ */ n("thead", {
+    ref: a,
+    ...e
+  });
+}
+function le({ ref: a, ...e }) {
+  return /* @__PURE__ */ n("tbody", {
+    ref: a,
+    ...e
+  });
+}
+function oe({ ref: a, ...e }) {
+  return /* @__PURE__ */ n("tfoot", {
+    ref: a,
+    ...e
+  });
+}
+function ce({ ref: a, ...e }) {
+  return /* @__PURE__ */ n("tr", {
+    ref: a,
+    ...e
+  });
+}
+function de({ ref: a, ...e }) {
+  return /* @__PURE__ */ n("th", {
+    ref: a,
+    ...e
+  });
+}
+function ue({ ref: a, ...e }) {
+  return /* @__PURE__ */ n("td", {
+    ref: a,
+    ...e
+  });
+}
+function ge({ className: a, side: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("caption", {
+    ...r,
+    ref: i,
+    className: s(e && `ig-caption-${e}`, a)
+  });
+}
+function be({ className: a, children: e, ref: i, ...r }) {
+  return /* @__PURE__ */ n("div", {
+    ...r,
+    ref: i,
+    role: "list",
+    className: s("ig-timeline", a),
+    children: e
+  });
+}
+function me({ className: a, date: e, title: i, description: r, dotVariant: t = "default", dotContent: o, children: l, ref: c, ...d }) {
+  return /* @__PURE__ */ f("div", {
+    ...d,
+    ref: c,
+    role: "listitem",
+    className: s("ig-timeline-item", a),
+    children: [/* @__PURE__ */ n("span", {
+      className: s("ig-timeline-dot", t !== "default" && `ig-timeline-dot-${t}`),
+      "aria-hidden": "true",
+      children: o
+    }), /* @__PURE__ */ n("div", {
+      className: "ig-timeline-content",
+      children: l ?? /* @__PURE__ */ f($, { children: [
+        e != null && /* @__PURE__ */ n("div", {
+          className: "ig-timeline-date",
+          children: e
+        }),
+        i != null && /* @__PURE__ */ n("div", {
+          className: "ig-timeline-title",
+          children: i
+        }),
+        r != null && /* @__PURE__ */ n("div", {
+          className: "ig-timeline-description",
+          children: r
+        })
+      ] })
+    })]
+  });
+}
+var k = {
+  success: "✓",
+  warning: "⚠︎",
+  danger: "✕",
+  info: "ℹ︎",
+  brand: "★",
+  secondary: "•"
+};
+function ve({ variant: a = "neutral", title: e, message: i, icon: r, dismissible: t = !0, onClose: o, closeLabel: l = "Cerrar", className: c, children: d, ref: g, ...u }) {
+  const b = a === "danger" || a === "warning", v = r === !1 ? null : r !== void 0 ? r : a === "neutral" ? null : k[a];
+  return /* @__PURE__ */ f("div", {
+    ...u,
+    ref: g,
+    role: b ? "alert" : "status",
+    "aria-live": b ? "assertive" : "polite",
+    className: s("ig-toast", a !== "neutral" && `ig-toast-${a}`, c),
+    children: [
+      v !== null && /* @__PURE__ */ n("span", {
+        className: "ig-toast-icon",
+        "aria-hidden": "true",
+        children: v
+      }),
+      /* @__PURE__ */ f("div", {
+        className: "ig-toast-content",
+        children: [e !== void 0 && /* @__PURE__ */ n("div", {
+          className: "ig-toast-title",
+          children: e
+        }), (i !== void 0 || d !== void 0) && /* @__PURE__ */ n("div", {
+          className: "ig-toast-message",
+          children: i ?? d
+        })]
+      }),
+      t && /* @__PURE__ */ n("button", {
+        type: "button",
+        className: "ig-toast-close",
+        "aria-label": l,
+        onClick: o,
+        children: "×"
+      })
+    ]
+  });
+}
+export {
+  P as A,
+  y as B,
+  W as C,
+  G as D,
+  U as E,
+  E as F,
+  T as G,
+  B as H,
+  M as I,
+  F as L,
+  j as M,
+  C as N,
+  _ as O,
+  H as P,
+  L as R,
+  J as S,
+  q as T,
+  A as U,
+  R as V,
+  I as W,
+  z as _,
+  le as a,
+  X as b,
+  oe as c,
+  ce as d,
+  ne as f,
+  ee as g,
+  ie as h,
+  te as i,
+  O as j,
+  K as k,
+  se as l,
+  ae as m,
+  me as n,
+  ge as o,
+  re as p,
+  be as r,
+  ue as s,
+  ve as t,
+  de as u,
+  Z as v,
+  V as w,
+  Q as x,
+  Y as y,
+  w as z
+};

package/dist/cn.js

@@ -0,0 +1,7 @@
+import n from "clsx";
+function t(...r) {
+  return n(r);
+}
+export {
+  t as cn
+};

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,49 @@
+import { HTMLAttributes, Ref } from 'react';
+type SingleProps = {
+    /** Modo: solo un item abierto a la vez. */
+    type?: "single" | undefined;
+    /** Item abierto (modo controlado). */
+    value?: string | null | undefined;
+    /** Item inicial abierto (modo no controlado). */
+    defaultValue?: string | null | undefined;
+    /** Callback al cambiar el item abierto. */
+    onValueChange?: ((value: string | null) => void) | undefined;
+    /**
+     * Si `true`, permite cerrar el único item abierto pulsándolo de nuevo.
+     * En `false` (por defecto en single) siempre hay un item abierto.
+     */
+    collapsible?: boolean | undefined;
+};
+type MultipleProps = {
+    /** Modo: cualquier número de items abiertos. */
+    type: "multiple";
+    /** Items abiertos (modo controlado). */
+    value?: string[] | undefined;
+    /** Items iniciales abiertos (modo no controlado). */
+    defaultValue?: string[] | undefined;
+    /** Callback al cambiar la lista de items abiertos. */
+    onValueChange?: ((value: string[]) => void) | undefined;
+    collapsible?: never;
+};
+export type AccordionProps = (SingleProps | MultipleProps) & Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    ref?: Ref<HTMLDivElement> | undefined;
+};
+/**
+ * Accordion — secciones colapsables.
+ *
+ * Compón con `AccordionItem` (envuelve `AccordionHeader` y `AccordionContent`).
+ * Modo `"single"` (default): un único item abierto a la vez; `collapsible`
+ * permite cerrarlo. Modo `"multiple"`: cualquier número.
+ *
+ * Soporta controlled (`value`+`onValueChange`) y uncontrolled (`defaultValue`).
+ *
+ * @example
+ * <Accordion type="single" defaultValue="a" collapsible>
+ *   <AccordionItem value="a">
+ *     <AccordionHeader>Pregunta 1</AccordionHeader>
+ *     <AccordionContent>Respuesta 1</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ */
+export declare function Accordion(props: AccordionProps): import("react").JSX.Element;
+export {};

package/dist/components/Accordion/AccordionContent.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes, Ref } from 'react';
+export interface AccordionContentProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Si `true`, mantiene el panel montado en el DOM aunque esté cerrado
+     * (útil para preservar estado o accesibilidad asistida).
+     * Por defecto el panel se desmonta cuando está cerrado.
+     */
+    forceMount?: boolean | undefined;
+    ref?: Ref<HTMLDivElement> | undefined;
+}
+/**
+ * AccordionContent — panel desplegable asociado a un AccordionItem.
+ * Tiene `role="region"` y `aria-labelledby` apuntando al header.
+ */
+export declare function AccordionContent({ className, children, forceMount, hidden, ref, ...rest }: AccordionContentProps): import("react").JSX.Element | null;