@ktnpm_devops/react-component 0.5.0 → 0.6.0

package/dist/index46.cjs

@@ -2,69 +2,20 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const reactDom = require("react-dom");
-const constants = require("./index51.cjs");
-const Toast = require("./index45.cjs");
+const clsx = require("./index48.cjs");
 const Toast_module = require("./index50.cjs");
-const ToastContext = react.createContext(null);
-const ToastProvider = ({
-  children,
-  defaultDuration = constants.TOAST_DURATION_MS,
-  portalTarget
-}) => {
-  const [items, setItems] = react.useState([]);
-  const idRef = react.useRef(0);
-  const timers = react.useRef(/* @__PURE__ */ new Map());
-  const dismiss = react.useCallback((id) => {
-    setItems((prev) => prev.filter((item) => item.id !== id));
-    const timer = timers.current.get(id);
-    if (timer) {
-      clearTimeout(timer);
-      timers.current.delete(id);
+const Toast = react.forwardRef(
+  ({ variant = "default", className, role = "status", children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      role,
+      className: clsx.clsx(Toast_module.default.toast, variant !== "default" && Toast_module.default[variant], className),
+      ...props,
+      children
     }
-  }, []);
-  const toast = react.useCallback(
-    (message, options) => {
-      idRef.current += 1;
-      const id = String(idRef.current);
-      setItems((prev) => [...prev, { id, message, variant: (options == null ? void 0 : options.variant) ?? "default" }]);
-      const timer = setTimeout(() => dismiss(id), (options == null ? void 0 : options.duration) ?? defaultDuration);
-      timers.current.set(id, timer);
-    },
-    [defaultDuration, dismiss]
-  );
-  react.useEffect(() => {
-    const map = timers.current;
-    return () => {
-      map.forEach((timer) => clearTimeout(timer));
-      map.clear();
-    };
-  }, []);
-  const target = portalTarget ?? (typeof document !== "undefined" ? document.body : null);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value: { toast }, children: [
-    children,
-    target && reactDom.createPortal(
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: Toast_module.default.region, "aria-live": "polite", "aria-label": "Notificaciones", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-        Toast.Toast,
-        {
-          variant: item.variant,
-          role: item.variant === "error" ? "alert" : "status",
-          onClick: () => dismiss(item.id),
-          children: item.message
-        },
-        item.id
-      )) }),
-      target
-    )
-  ] });
-};
-function useToast() {
-  const context = react.useContext(ToastContext);
-  if (!context) {
-    throw new Error("useToast must be used within a ToastProvider");
-  }
-  return context;
-}
-exports.ToastProvider = ToastProvider;
-exports.useToast = useToast;
+  )
+);
+Toast.displayName = "Toast";
+exports.Toast = Toast;
 //# sourceMappingURL=index46.cjs.map

package/dist/index46.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index46.cjs","sources":["../src/primitives/Toast/ToastProvider.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TOAST_DURATION_MS } from '../../constants';\nimport type { ToastContextValue, ToastItem, ToastProviderProps } from './Toast.types';\nimport { Toast } from './Toast';\nimport styles from './Toast.module.css';\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport const ToastProvider = ({\n  children,\n  defaultDuration = TOAST_DURATION_MS,\n  portalTarget,\n}: ToastProviderProps) => {\n  const [items, setItems] = useState<ToastItem[]>([]);\n  const idRef = useRef(0);\n  const timers = useRef(new Map<string, ReturnType<typeof setTimeout>>());\n\n  const dismiss = useCallback((id: string) => {\n    setItems((prev) => prev.filter((item) => item.id !== id));\n    const timer = timers.current.get(id);\n    if (timer) {\n      clearTimeout(timer);\n      timers.current.delete(id);\n    }\n  }, []);\n\n  const toast = useCallback<ToastContextValue['toast']>(\n    (message, options) => {\n      idRef.current += 1;\n      const id = String(idRef.current);\n      setItems((prev) => [...prev, { id, message, variant: options?.variant ?? 'default' }]);\n      const timer = setTimeout(() => dismiss(id), options?.duration ?? defaultDuration);\n      timers.current.set(id, timer);\n    },\n    [defaultDuration, dismiss],\n  );\n\n  useEffect(() => {\n    const map = timers.current;\n    return () => {\n      map.forEach((timer) => clearTimeout(timer));\n      map.clear();\n    };\n  }, []);\n\n  const target = portalTarget ?? (typeof document !== 'undefined' ? document.body : null);\n\n  return (\n    <ToastContext.Provider value={{ toast }}>\n      {children}\n      {target &&\n        createPortal(\n          <div className={styles.region} aria-live=\"polite\" aria-label=\"Notificaciones\">\n            {items.map((item) => (\n              <Toast\n                key={item.id}\n                variant={item.variant}\n                role={item.variant === 'error' ? 'alert' : 'status'}\n                onClick={() => dismiss(item.id)}\n              >\n                {item.message}\n              </Toast>\n            ))}\n          </div>,\n          target,\n        )}\n    </ToastContext.Provider>\n  );\n};\n\nexport function useToast(): ToastContextValue {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error('useToast must be used within a ToastProvider');\n  }\n  return context;\n}\n"],"names":["createContext","TOAST_DURATION_MS","useState","useRef","useCallback","useEffect","createPortal","jsx","styles","Toast","useContext"],"mappings":";;;;;;;;AAOA,MAAM,eAAeA,MAAAA,cAAwC,IAAI;AAE1D,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,kBAAkBC,UAAAA;AAAAA,EAClB;AACF,MAA0B;AACxB,QAAM,CAAC,OAAO,QAAQ,IAAIC,MAAAA,SAAsB,CAAA,CAAE;AAClD,QAAM,QAAQC,MAAAA,OAAO,CAAC;AACtB,QAAM,SAASA,MAAAA,OAAO,oBAAI,KAA4C;AAEtE,QAAM,UAAUC,kBAAY,CAAC,OAAe;AAC1C,aAAS,CAAC,SAAS,KAAK,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;AACxD,UAAM,QAAQ,OAAO,QAAQ,IAAI,EAAE;AACnC,QAAI,OAAO;AACT,mBAAa,KAAK;AAClB,aAAO,QAAQ,OAAO,EAAE;AAAA,IAC1B;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,QAAQA,MAAAA;AAAAA,IACZ,CAAC,SAAS,YAAY;AACpB,YAAM,WAAW;AACjB,YAAM,KAAK,OAAO,MAAM,OAAO;AAC/B,eAAS,CAAC,SAAS,CAAC,GAAG,MAAM,EAAE,IAAI,SAAS,UAAS,mCAAS,YAAW,UAAA,CAAW,CAAC;AACrF,YAAM,QAAQ,WAAW,MAAM,QAAQ,EAAE,IAAG,mCAAS,aAAY,eAAe;AAChF,aAAO,QAAQ,IAAI,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,CAAC,iBAAiB,OAAO;AAAA,EAAA;AAG3BC,QAAAA,UAAU,MAAM;AACd,UAAM,MAAM,OAAO;AACnB,WAAO,MAAM;AACX,UAAI,QAAQ,CAAC,UAAU,aAAa,KAAK,CAAC;AAC1C,UAAI,MAAA;AAAA,IACN;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,SAAS,iBAAiB,OAAO,aAAa,cAAc,SAAS,OAAO;AAElF,yCACG,aAAa,UAAb,EAAsB,OAAO,EAAE,SAC7B,UAAA;AAAA,IAAA;AAAA,IACA,UACCC,SAAAA;AAAAA,MACEC,2BAAAA,IAAC,OAAA,EAAI,WAAWC,aAAAA,QAAO,QAAQ,aAAU,UAAS,cAAW,kBAC1D,UAAA,MAAM,IAAI,CAAC,SACVD,2BAAAA;AAAAA,QAACE,MAAAA;AAAAA,QAAA;AAAA,UAEC,SAAS,KAAK;AAAA,UACd,MAAM,KAAK,YAAY,UAAU,UAAU;AAAA,UAC3C,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,UAE7B,UAAA,KAAK;AAAA,QAAA;AAAA,QALD,KAAK;AAAA,MAAA,CAOb,GACH;AAAA,MACA;AAAA,IAAA;AAAA,EACF,GACJ;AAEJ;AAEO,SAAS,WAA8B;AAC5C,QAAM,UAAUC,MAAAA,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;;;"}
+{"version":3,"file":"index46.cjs","sources":["../src/primitives/Toast/Toast.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { ToastProps } from './Toast.types';\nimport styles from './Toast.module.css';\n\n/** Presentational toast bubble. Usually rendered by `ToastProvider`, exported for standalone use. */\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(\n  ({ variant = 'default', className, role = 'status', children, ...props }, ref) => (\n    <div\n      ref={ref}\n      role={role}\n      className={clsx(styles.toast, variant !== 'default' && styles[variant], className)}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\n\nToast.displayName = 'Toast';\n"],"names":["forwardRef","jsx","clsx","styles"],"mappings":";;;;;;AAMO,MAAM,QAAQA,MAAAA;AAAAA,EACnB,CAAC,EAAE,UAAU,WAAW,WAAW,OAAO,UAAU,UAAU,GAAG,SAAS,QACxEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAWC,KAAAA,KAAKC,aAAAA,QAAO,OAAO,YAAY,aAAaA,aAAAA,QAAO,OAAO,GAAG,SAAS;AAAA,MAChF,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,MAAM,cAAc;;"}

package/dist/index46.js

@@ -1,70 +1,21 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useRef, useCallback, useEffect, useContext, createContext } from "react";
-import { createPortal } from "react-dom";
-import { TOAST_DURATION_MS } from "./index51.js";
-import { Toast } from "./index45.js";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { clsx } from "./index48.js";
 import styles from "./index50.js";
-const ToastContext = createContext(null);
-const ToastProvider = ({
-  children,
-  defaultDuration = TOAST_DURATION_MS,
-  portalTarget
-}) => {
-  const [items, setItems] = useState([]);
-  const idRef = useRef(0);
-  const timers = useRef(/* @__PURE__ */ new Map());
-  const dismiss = useCallback((id) => {
-    setItems((prev) => prev.filter((item) => item.id !== id));
-    const timer = timers.current.get(id);
-    if (timer) {
-      clearTimeout(timer);
-      timers.current.delete(id);
+const Toast = forwardRef(
+  ({ variant = "default", className, role = "status", children, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role,
+      className: clsx(styles.toast, variant !== "default" && styles[variant], className),
+      ...props,
+      children
     }
-  }, []);
-  const toast = useCallback(
-    (message, options) => {
-      idRef.current += 1;
-      const id = String(idRef.current);
-      setItems((prev) => [...prev, { id, message, variant: (options == null ? void 0 : options.variant) ?? "default" }]);
-      const timer = setTimeout(() => dismiss(id), (options == null ? void 0 : options.duration) ?? defaultDuration);
-      timers.current.set(id, timer);
-    },
-    [defaultDuration, dismiss]
-  );
-  useEffect(() => {
-    const map = timers.current;
-    return () => {
-      map.forEach((timer) => clearTimeout(timer));
-      map.clear();
-    };
-  }, []);
-  const target = portalTarget ?? (typeof document !== "undefined" ? document.body : null);
-  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { toast }, children: [
-    children,
-    target && createPortal(
-      /* @__PURE__ */ jsx("div", { className: styles.region, "aria-live": "polite", "aria-label": "Notificaciones", children: items.map((item) => /* @__PURE__ */ jsx(
-        Toast,
-        {
-          variant: item.variant,
-          role: item.variant === "error" ? "alert" : "status",
-          onClick: () => dismiss(item.id),
-          children: item.message
-        },
-        item.id
-      )) }),
-      target
-    )
-  ] });
-};
-function useToast() {
-  const context = useContext(ToastContext);
-  if (!context) {
-    throw new Error("useToast must be used within a ToastProvider");
-  }
-  return context;
-}
+  )
+);
+Toast.displayName = "Toast";
 export {
-  ToastProvider,
-  useToast
+  Toast
 };
 //# sourceMappingURL=index46.js.map

package/dist/index46.js.map

@@ -1 +1 @@
-{"version":3,"file":"index46.js","sources":["../src/primitives/Toast/ToastProvider.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TOAST_DURATION_MS } from '../../constants';\nimport type { ToastContextValue, ToastItem, ToastProviderProps } from './Toast.types';\nimport { Toast } from './Toast';\nimport styles from './Toast.module.css';\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport const ToastProvider = ({\n  children,\n  defaultDuration = TOAST_DURATION_MS,\n  portalTarget,\n}: ToastProviderProps) => {\n  const [items, setItems] = useState<ToastItem[]>([]);\n  const idRef = useRef(0);\n  const timers = useRef(new Map<string, ReturnType<typeof setTimeout>>());\n\n  const dismiss = useCallback((id: string) => {\n    setItems((prev) => prev.filter((item) => item.id !== id));\n    const timer = timers.current.get(id);\n    if (timer) {\n      clearTimeout(timer);\n      timers.current.delete(id);\n    }\n  }, []);\n\n  const toast = useCallback<ToastContextValue['toast']>(\n    (message, options) => {\n      idRef.current += 1;\n      const id = String(idRef.current);\n      setItems((prev) => [...prev, { id, message, variant: options?.variant ?? 'default' }]);\n      const timer = setTimeout(() => dismiss(id), options?.duration ?? defaultDuration);\n      timers.current.set(id, timer);\n    },\n    [defaultDuration, dismiss],\n  );\n\n  useEffect(() => {\n    const map = timers.current;\n    return () => {\n      map.forEach((timer) => clearTimeout(timer));\n      map.clear();\n    };\n  }, []);\n\n  const target = portalTarget ?? (typeof document !== 'undefined' ? document.body : null);\n\n  return (\n    <ToastContext.Provider value={{ toast }}>\n      {children}\n      {target &&\n        createPortal(\n          <div className={styles.region} aria-live=\"polite\" aria-label=\"Notificaciones\">\n            {items.map((item) => (\n              <Toast\n                key={item.id}\n                variant={item.variant}\n                role={item.variant === 'error' ? 'alert' : 'status'}\n                onClick={() => dismiss(item.id)}\n              >\n                {item.message}\n              </Toast>\n            ))}\n          </div>,\n          target,\n        )}\n    </ToastContext.Provider>\n  );\n};\n\nexport function useToast(): ToastContextValue {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error('useToast must be used within a ToastProvider');\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,eAAe,cAAwC,IAAI;AAE1D,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,kBAAkB;AAAA,EAClB;AACF,MAA0B;AACxB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAsB,CAAA,CAAE;AAClD,QAAM,QAAQ,OAAO,CAAC;AACtB,QAAM,SAAS,OAAO,oBAAI,KAA4C;AAEtE,QAAM,UAAU,YAAY,CAAC,OAAe;AAC1C,aAAS,CAAC,SAAS,KAAK,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;AACxD,UAAM,QAAQ,OAAO,QAAQ,IAAI,EAAE;AACnC,QAAI,OAAO;AACT,mBAAa,KAAK;AAClB,aAAO,QAAQ,OAAO,EAAE;AAAA,IAC1B;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,QAAQ;AAAA,IACZ,CAAC,SAAS,YAAY;AACpB,YAAM,WAAW;AACjB,YAAM,KAAK,OAAO,MAAM,OAAO;AAC/B,eAAS,CAAC,SAAS,CAAC,GAAG,MAAM,EAAE,IAAI,SAAS,UAAS,mCAAS,YAAW,UAAA,CAAW,CAAC;AACrF,YAAM,QAAQ,WAAW,MAAM,QAAQ,EAAE,IAAG,mCAAS,aAAY,eAAe;AAChF,aAAO,QAAQ,IAAI,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,CAAC,iBAAiB,OAAO;AAAA,EAAA;AAG3B,YAAU,MAAM;AACd,UAAM,MAAM,OAAO;AACnB,WAAO,MAAM;AACX,UAAI,QAAQ,CAAC,UAAU,aAAa,KAAK,CAAC;AAC1C,UAAI,MAAA;AAAA,IACN;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,SAAS,iBAAiB,OAAO,aAAa,cAAc,SAAS,OAAO;AAElF,8BACG,aAAa,UAAb,EAAsB,OAAO,EAAE,SAC7B,UAAA;AAAA,IAAA;AAAA,IACA,UACC;AAAA,MACE,oBAAC,OAAA,EAAI,WAAW,OAAO,QAAQ,aAAU,UAAS,cAAW,kBAC1D,UAAA,MAAM,IAAI,CAAC,SACV;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,SAAS,KAAK;AAAA,UACd,MAAM,KAAK,YAAY,UAAU,UAAU;AAAA,UAC3C,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,UAE7B,UAAA,KAAK;AAAA,QAAA;AAAA,QALD,KAAK;AAAA,MAAA,CAOb,GACH;AAAA,MACA;AAAA,IAAA;AAAA,EACF,GACJ;AAEJ;AAEO,SAAS,WAA8B;AAC5C,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;"}
+{"version":3,"file":"index46.js","sources":["../src/primitives/Toast/Toast.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { ToastProps } from './Toast.types';\nimport styles from './Toast.module.css';\n\n/** Presentational toast bubble. Usually rendered by `ToastProvider`, exported for standalone use. */\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(\n  ({ variant = 'default', className, role = 'status', children, ...props }, ref) => (\n    <div\n      ref={ref}\n      role={role}\n      className={clsx(styles.toast, variant !== 'default' && styles[variant], className)}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\n\nToast.displayName = 'Toast';\n"],"names":[],"mappings":";;;;AAMO,MAAM,QAAQ;AAAA,EACnB,CAAC,EAAE,UAAU,WAAW,WAAW,OAAO,UAAU,UAAU,GAAG,SAAS,QACxE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,KAAK,OAAO,OAAO,YAAY,aAAa,OAAO,OAAO,GAAG,SAAS;AAAA,MAChF,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,MAAM,cAAc;"}

package/dist/index47.cjs

@@ -1,18 +1,70 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-function r(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const reactDom = require("react-dom");
+const constants = require("./index51.cjs");
+const Toast = require("./index46.cjs");
+const Toast_module = require("./index50.cjs");
+const ToastContext = react.createContext(null);
+const ToastProvider = ({
+  children,
+  defaultDuration = constants.TOAST_DURATION_MS,
+  portalTarget
+}) => {
+  const [items, setItems] = react.useState([]);
+  const idRef = react.useRef(0);
+  const timers = react.useRef(/* @__PURE__ */ new Map());
+  const dismiss = react.useCallback((id) => {
+    setItems((prev) => prev.filter((item) => item.id !== id));
+    const timer = timers.current.get(id);
+    if (timer) {
+      clearTimeout(timer);
+      timers.current.delete(id);
+    }
+  }, []);
+  const toast = react.useCallback(
+    (message, options) => {
+      idRef.current += 1;
+      const id = String(idRef.current);
+      setItems((prev) => [...prev, { id, message, variant: (options == null ? void 0 : options.variant) ?? "default" }]);
+      const timer = setTimeout(() => dismiss(id), (options == null ? void 0 : options.duration) ?? defaultDuration);
+      timers.current.set(id, timer);
+    },
+    [defaultDuration, dismiss]
+  );
+  react.useEffect(() => {
+    const map = timers.current;
+    return () => {
+      map.forEach((timer) => clearTimeout(timer));
+      map.clear();
+    };
+  }, []);
+  const target = portalTarget ?? (typeof document !== "undefined" ? document.body : null);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value: { toast }, children: [
+    children,
+    target && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: Toast_module.default.region, "aria-live": "polite", "aria-label": "Notificaciones", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+        Toast.Toast,
+        {
+          variant: item.variant,
+          role: item.variant === "error" ? "alert" : "status",
+          onClick: () => dismiss(item.id),
+          children: item.message
+        },
+        item.id
+      )) }),
+      target
+    )
+  ] });
+};
+function useToast() {
+  const context = react.useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
 }
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
-exports.clsx = clsx;
-exports.default = clsx;
+exports.ToastProvider = ToastProvider;
+exports.useToast = useToast;
 //# sourceMappingURL=index47.cjs.map

package/dist/index47.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index47.cjs","sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":[],"mappings":";;AAAA,SAAS,EAAE,GAAE;AAAC,MAAI,GAAE,GAAE,IAAE;AAAG,MAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;AAAA,WAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,CAAC,GAAE;AAAC,QAAI,IAAE,EAAE;AAAO,SAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,CAAC,MAAI,IAAE,EAAE,EAAE,CAAC,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAA,EAAE,MAAM,MAAI,KAAK,EAAE,GAAE,CAAC,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAQ,SAAS,OAAM;AAAC,WAAQ,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,CAAC,OAAK,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index47.cjs","sources":["../src/primitives/Toast/ToastProvider.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TOAST_DURATION_MS } from '../../constants';\nimport type { ToastContextValue, ToastItem, ToastProviderProps } from './Toast.types';\nimport { Toast } from './Toast';\nimport styles from './Toast.module.css';\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport const ToastProvider = ({\n  children,\n  defaultDuration = TOAST_DURATION_MS,\n  portalTarget,\n}: ToastProviderProps) => {\n  const [items, setItems] = useState<ToastItem[]>([]);\n  const idRef = useRef(0);\n  const timers = useRef(new Map<string, ReturnType<typeof setTimeout>>());\n\n  const dismiss = useCallback((id: string) => {\n    setItems((prev) => prev.filter((item) => item.id !== id));\n    const timer = timers.current.get(id);\n    if (timer) {\n      clearTimeout(timer);\n      timers.current.delete(id);\n    }\n  }, []);\n\n  const toast = useCallback<ToastContextValue['toast']>(\n    (message, options) => {\n      idRef.current += 1;\n      const id = String(idRef.current);\n      setItems((prev) => [...prev, { id, message, variant: options?.variant ?? 'default' }]);\n      const timer = setTimeout(() => dismiss(id), options?.duration ?? defaultDuration);\n      timers.current.set(id, timer);\n    },\n    [defaultDuration, dismiss],\n  );\n\n  useEffect(() => {\n    const map = timers.current;\n    return () => {\n      map.forEach((timer) => clearTimeout(timer));\n      map.clear();\n    };\n  }, []);\n\n  const target = portalTarget ?? (typeof document !== 'undefined' ? document.body : null);\n\n  return (\n    <ToastContext.Provider value={{ toast }}>\n      {children}\n      {target &&\n        createPortal(\n          <div className={styles.region} aria-live=\"polite\" aria-label=\"Notificaciones\">\n            {items.map((item) => (\n              <Toast\n                key={item.id}\n                variant={item.variant}\n                role={item.variant === 'error' ? 'alert' : 'status'}\n                onClick={() => dismiss(item.id)}\n              >\n                {item.message}\n              </Toast>\n            ))}\n          </div>,\n          target,\n        )}\n    </ToastContext.Provider>\n  );\n};\n\nexport function useToast(): ToastContextValue {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error('useToast must be used within a ToastProvider');\n  }\n  return context;\n}\n"],"names":["createContext","TOAST_DURATION_MS","useState","useRef","useCallback","useEffect","createPortal","jsx","styles","Toast","useContext"],"mappings":";;;;;;;;AAOA,MAAM,eAAeA,MAAAA,cAAwC,IAAI;AAE1D,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,kBAAkBC,UAAAA;AAAAA,EAClB;AACF,MAA0B;AACxB,QAAM,CAAC,OAAO,QAAQ,IAAIC,MAAAA,SAAsB,CAAA,CAAE;AAClD,QAAM,QAAQC,MAAAA,OAAO,CAAC;AACtB,QAAM,SAASA,MAAAA,OAAO,oBAAI,KAA4C;AAEtE,QAAM,UAAUC,kBAAY,CAAC,OAAe;AAC1C,aAAS,CAAC,SAAS,KAAK,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;AACxD,UAAM,QAAQ,OAAO,QAAQ,IAAI,EAAE;AACnC,QAAI,OAAO;AACT,mBAAa,KAAK;AAClB,aAAO,QAAQ,OAAO,EAAE;AAAA,IAC1B;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,QAAQA,MAAAA;AAAAA,IACZ,CAAC,SAAS,YAAY;AACpB,YAAM,WAAW;AACjB,YAAM,KAAK,OAAO,MAAM,OAAO;AAC/B,eAAS,CAAC,SAAS,CAAC,GAAG,MAAM,EAAE,IAAI,SAAS,UAAS,mCAAS,YAAW,UAAA,CAAW,CAAC;AACrF,YAAM,QAAQ,WAAW,MAAM,QAAQ,EAAE,IAAG,mCAAS,aAAY,eAAe;AAChF,aAAO,QAAQ,IAAI,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,CAAC,iBAAiB,OAAO;AAAA,EAAA;AAG3BC,QAAAA,UAAU,MAAM;AACd,UAAM,MAAM,OAAO;AACnB,WAAO,MAAM;AACX,UAAI,QAAQ,CAAC,UAAU,aAAa,KAAK,CAAC;AAC1C,UAAI,MAAA;AAAA,IACN;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,SAAS,iBAAiB,OAAO,aAAa,cAAc,SAAS,OAAO;AAElF,yCACG,aAAa,UAAb,EAAsB,OAAO,EAAE,SAC7B,UAAA;AAAA,IAAA;AAAA,IACA,UACCC,SAAAA;AAAAA,MACEC,2BAAAA,IAAC,OAAA,EAAI,WAAWC,aAAAA,QAAO,QAAQ,aAAU,UAAS,cAAW,kBAC1D,UAAA,MAAM,IAAI,CAAC,SACVD,2BAAAA;AAAAA,QAACE,MAAAA;AAAAA,QAAA;AAAA,UAEC,SAAS,KAAK;AAAA,UACd,MAAM,KAAK,YAAY,UAAU,UAAU;AAAA,UAC3C,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,UAE7B,UAAA,KAAK;AAAA,QAAA;AAAA,QALD,KAAK;AAAA,MAAA,CAOb,GACH;AAAA,MACA;AAAA,IAAA;AAAA,EACF,GACJ;AAEJ;AAEO,SAAS,WAA8B;AAC5C,QAAM,UAAUC,MAAAA,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;;;"}

package/dist/index47.js

@@ -1,18 +1,70 @@
-function r(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useCallback, useEffect, useContext, createContext } from "react";
+import { createPortal } from "react-dom";
+import { TOAST_DURATION_MS } from "./index51.js";
+import { Toast } from "./index46.js";
+import styles from "./index50.js";
+const ToastContext = createContext(null);
+const ToastProvider = ({
+  children,
+  defaultDuration = TOAST_DURATION_MS,
+  portalTarget
+}) => {
+  const [items, setItems] = useState([]);
+  const idRef = useRef(0);
+  const timers = useRef(/* @__PURE__ */ new Map());
+  const dismiss = useCallback((id) => {
+    setItems((prev) => prev.filter((item) => item.id !== id));
+    const timer = timers.current.get(id);
+    if (timer) {
+      clearTimeout(timer);
+      timers.current.delete(id);
+    }
+  }, []);
+  const toast = useCallback(
+    (message, options) => {
+      idRef.current += 1;
+      const id = String(idRef.current);
+      setItems((prev) => [...prev, { id, message, variant: (options == null ? void 0 : options.variant) ?? "default" }]);
+      const timer = setTimeout(() => dismiss(id), (options == null ? void 0 : options.duration) ?? defaultDuration);
+      timers.current.set(id, timer);
+    },
+    [defaultDuration, dismiss]
+  );
+  useEffect(() => {
+    const map = timers.current;
+    return () => {
+      map.forEach((timer) => clearTimeout(timer));
+      map.clear();
+    };
+  }, []);
+  const target = portalTarget ?? (typeof document !== "undefined" ? document.body : null);
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { toast }, children: [
+    children,
+    target && createPortal(
+      /* @__PURE__ */ jsx("div", { className: styles.region, "aria-live": "polite", "aria-label": "Notificaciones", children: items.map((item) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: item.variant,
+          role: item.variant === "error" ? "alert" : "status",
+          onClick: () => dismiss(item.id),
+          children: item.message
+        },
+        item.id
+      )) }),
+      target
+    )
+  ] });
+};
+function useToast() {
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
 }
 export {
-  clsx,
-  clsx as default
+  ToastProvider,
+  useToast
 };
 //# sourceMappingURL=index47.js.map

package/dist/index47.js.map

@@ -1 +1 @@
-{"version":3,"file":"index47.js","sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":[],"mappings":"AAAA,SAAS,EAAE,GAAE;AAAC,MAAI,GAAE,GAAE,IAAE;AAAG,MAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;AAAA,WAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,CAAC,GAAE;AAAC,QAAI,IAAE,EAAE;AAAO,SAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,CAAC,MAAI,IAAE,EAAE,EAAE,CAAC,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAA,EAAE,MAAM,MAAI,KAAK,EAAE,GAAE,CAAC,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAQ,SAAS,OAAM;AAAC,WAAQ,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,CAAC,OAAK,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index47.js","sources":["../src/primitives/Toast/ToastProvider.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { TOAST_DURATION_MS } from '../../constants';\nimport type { ToastContextValue, ToastItem, ToastProviderProps } from './Toast.types';\nimport { Toast } from './Toast';\nimport styles from './Toast.module.css';\n\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\nexport const ToastProvider = ({\n  children,\n  defaultDuration = TOAST_DURATION_MS,\n  portalTarget,\n}: ToastProviderProps) => {\n  const [items, setItems] = useState<ToastItem[]>([]);\n  const idRef = useRef(0);\n  const timers = useRef(new Map<string, ReturnType<typeof setTimeout>>());\n\n  const dismiss = useCallback((id: string) => {\n    setItems((prev) => prev.filter((item) => item.id !== id));\n    const timer = timers.current.get(id);\n    if (timer) {\n      clearTimeout(timer);\n      timers.current.delete(id);\n    }\n  }, []);\n\n  const toast = useCallback<ToastContextValue['toast']>(\n    (message, options) => {\n      idRef.current += 1;\n      const id = String(idRef.current);\n      setItems((prev) => [...prev, { id, message, variant: options?.variant ?? 'default' }]);\n      const timer = setTimeout(() => dismiss(id), options?.duration ?? defaultDuration);\n      timers.current.set(id, timer);\n    },\n    [defaultDuration, dismiss],\n  );\n\n  useEffect(() => {\n    const map = timers.current;\n    return () => {\n      map.forEach((timer) => clearTimeout(timer));\n      map.clear();\n    };\n  }, []);\n\n  const target = portalTarget ?? (typeof document !== 'undefined' ? document.body : null);\n\n  return (\n    <ToastContext.Provider value={{ toast }}>\n      {children}\n      {target &&\n        createPortal(\n          <div className={styles.region} aria-live=\"polite\" aria-label=\"Notificaciones\">\n            {items.map((item) => (\n              <Toast\n                key={item.id}\n                variant={item.variant}\n                role={item.variant === 'error' ? 'alert' : 'status'}\n                onClick={() => dismiss(item.id)}\n              >\n                {item.message}\n              </Toast>\n            ))}\n          </div>,\n          target,\n        )}\n    </ToastContext.Provider>\n  );\n};\n\nexport function useToast(): ToastContextValue {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error('useToast must be used within a ToastProvider');\n  }\n  return context;\n}\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,eAAe,cAAwC,IAAI;AAE1D,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,kBAAkB;AAAA,EAClB;AACF,MAA0B;AACxB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAsB,CAAA,CAAE;AAClD,QAAM,QAAQ,OAAO,CAAC;AACtB,QAAM,SAAS,OAAO,oBAAI,KAA4C;AAEtE,QAAM,UAAU,YAAY,CAAC,OAAe;AAC1C,aAAS,CAAC,SAAS,KAAK,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;AACxD,UAAM,QAAQ,OAAO,QAAQ,IAAI,EAAE;AACnC,QAAI,OAAO;AACT,mBAAa,KAAK;AAClB,aAAO,QAAQ,OAAO,EAAE;AAAA,IAC1B;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,QAAQ;AAAA,IACZ,CAAC,SAAS,YAAY;AACpB,YAAM,WAAW;AACjB,YAAM,KAAK,OAAO,MAAM,OAAO;AAC/B,eAAS,CAAC,SAAS,CAAC,GAAG,MAAM,EAAE,IAAI,SAAS,UAAS,mCAAS,YAAW,UAAA,CAAW,CAAC;AACrF,YAAM,QAAQ,WAAW,MAAM,QAAQ,EAAE,IAAG,mCAAS,aAAY,eAAe;AAChF,aAAO,QAAQ,IAAI,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,CAAC,iBAAiB,OAAO;AAAA,EAAA;AAG3B,YAAU,MAAM;AACd,UAAM,MAAM,OAAO;AACnB,WAAO,MAAM;AACX,UAAI,QAAQ,CAAC,UAAU,aAAa,KAAK,CAAC;AAC1C,UAAI,MAAA;AAAA,IACN;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,SAAS,iBAAiB,OAAO,aAAa,cAAc,SAAS,OAAO;AAElF,8BACG,aAAa,UAAb,EAAsB,OAAO,EAAE,SAC7B,UAAA;AAAA,IAAA;AAAA,IACA,UACC;AAAA,MACE,oBAAC,OAAA,EAAI,WAAW,OAAO,QAAQ,aAAU,UAAS,cAAW,kBAC1D,UAAA,MAAM,IAAI,CAAC,SACV;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,SAAS,KAAK;AAAA,UACd,MAAM,KAAK,YAAY,UAAU,UAAU;AAAA,UAC3C,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,UAE7B,UAAA,KAAK;AAAA,QAAA;AAAA,QALD,KAAK;AAAA,MAAA,CAOb,GACH;AAAA,MACA;AAAA,IAAA;AAAA,EACF,GACJ;AAEJ;AAEO,SAAS,WAA8B;AAC5C,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;"}

package/dist/index48.cjs

@@ -1,9 +1,18 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-jba0x";
-const styles = {
-  root
-};
-exports.default = styles;
-exports.root = root;
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+exports.clsx = clsx;
+exports.default = clsx;
 //# sourceMappingURL=index48.cjs.map

package/dist/index48.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index48.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index48.cjs","sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":[],"mappings":";;AAAA,SAAS,EAAE,GAAE;AAAC,MAAI,GAAE,GAAE,IAAE;AAAG,MAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;AAAA,WAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,CAAC,GAAE;AAAC,QAAI,IAAE,EAAE;AAAO,SAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,CAAC,MAAI,IAAE,EAAE,EAAE,CAAC,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAA,EAAE,MAAM,MAAI,KAAK,EAAE,GAAE,CAAC,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAQ,SAAS,OAAM;AAAC,WAAQ,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,CAAC,OAAK,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;;;","x_google_ignoreList":[0]}

package/dist/index48.js

@@ -1,9 +1,18 @@
-const root = "krc-root-jba0x";
-const styles = {
-  root
-};
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
 export {
-  styles as default,
-  root
+  clsx,
+  clsx as default
 };
 //# sourceMappingURL=index48.js.map

package/dist/index48.js.map

@@ -1 +1 @@
-{"version":3,"file":"index48.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index48.js","sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":[],"mappings":"AAAA,SAAS,EAAE,GAAE;AAAC,MAAI,GAAE,GAAE,IAAE;AAAG,MAAG,YAAU,OAAO,KAAG,YAAU,OAAO,EAAE,MAAG;AAAA,WAAU,YAAU,OAAO,EAAE,KAAG,MAAM,QAAQ,CAAC,GAAE;AAAC,QAAI,IAAE,EAAE;AAAO,SAAI,IAAE,GAAE,IAAE,GAAE,IAAI,GAAE,CAAC,MAAI,IAAE,EAAE,EAAE,CAAC,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAA,EAAE,MAAM,MAAI,KAAK,EAAE,GAAE,CAAC,MAAI,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;AAAQ,SAAS,OAAM;AAAC,WAAQ,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAAC,IAAE,UAAU,CAAC,OAAK,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;AAAG,SAAO;AAAC;","x_google_ignoreList":[0]}

package/dist/index49.cjs

@@ -1,30 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-ZwPiG";
-const label = "krc-label-WG17f";
-const value = "krc-value-S9SSu";
-const red = "krc-red-stqO-";
-const amber = "krc-amber-lZgsd";
-const sub = "krc-sub-0xfrv";
-const isClick = "krc-isClick-CnKvM";
-const isActive = "krc-isActive-YLCNL";
+const root = "krc-root-FVKOX";
 const styles = {
-  root,
-  label,
-  value,
-  red,
-  amber,
-  sub,
-  isClick,
-  isActive
+  root
 };
-exports.amber = amber;
 exports.default = styles;
-exports.isActive = isActive;
-exports.isClick = isClick;
-exports.label = label;
-exports.red = red;
 exports.root = root;
-exports.sub = sub;
-exports.value = value;
 //# sourceMappingURL=index49.cjs.map

package/dist/index49.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index49.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index49.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/index49.js

@@ -1,30 +1,9 @@
-const root = "krc-root-ZwPiG";
-const label = "krc-label-WG17f";
-const value = "krc-value-S9SSu";
-const red = "krc-red-stqO-";
-const amber = "krc-amber-lZgsd";
-const sub = "krc-sub-0xfrv";
-const isClick = "krc-isClick-CnKvM";
-const isActive = "krc-isActive-YLCNL";
+const root = "krc-root-FVKOX";
 const styles = {
-  root,
-  label,
-  value,
-  red,
-  amber,
-  sub,
-  isClick,
-  isActive
+  root
 };
 export {
-  amber,
   styles as default,
-  isActive,
-  isClick,
-  label,
-  red,
-  root,
-  sub,
-  value
+  root
 };
 //# sourceMappingURL=index49.js.map

package/dist/index49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index49.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index49.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/index51.cjs

@@ -53,6 +53,12 @@ const SIDEBAR = {
 };
 const COUNTERS_PAGE_SIZE = 100;
 const TOAST_DURATION_MS = 3200;
+const PAGINATION = {
+  /** Page numbers shown on each side of the current page. */
+  SIBLING_COUNT: 1,
+  /** Page numbers pinned at the first/last boundaries. */
+  BOUNDARY_COUNT: 1
+};
 exports.CHART_COLORS = CHART_COLORS;
 exports.CHART_MODAL = CHART_MODAL;
 exports.CONTEXT_MENU_MARGIN = CONTEXT_MENU_MARGIN;
@@ -64,6 +70,7 @@ exports.MAX_SANKEY_NODES = MAX_SANKEY_NODES;
 exports.MAX_SERIES = MAX_SERIES;
 exports.MAX_SUBCATEGORIES = MAX_SUBCATEGORIES;
 exports.MIN_COLUMN_WIDTH = MIN_COLUMN_WIDTH;
+exports.PAGINATION = PAGINATION;
 exports.SIDEBAR = SIDEBAR;
 exports.SVG_STROKE_WIDTH = SVG_STROKE_WIDTH;
 exports.SVG_VIEWBOX = SVG_VIEWBOX;

package/dist/index51.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index51.cjs","sources":["../src/constants.ts"],"sourcesContent":["/**\n * Shared constants for the component library.\n * Centralises magic numbers used across components.\n */\n\n/** SVG icon rendered sizes (px — used as HTML/SVG attributes, not CSS). */\nexport const ICON_SIZE = {\n  SM: 14,\n  MD: 16,\n  LG: 18,\n} as const;\n\n/** Standard SVG viewBox for 24×24 icon grid. */\nexport const SVG_VIEWBOX = '0 0 24 24';\n\n/** Standard SVG stroke width. */\nexport const SVG_STROKE_WIDTH = 2;\n\n/** Keyboard accessibility step (percentage points per arrow press). */\nexport const KEYBOARD_STEP = 2;\n\n/** Viewport safety margin (px — used in JS calculations with DOM APIs). */\nexport const VIEWPORT_MARGIN = 32;\n\n/** ContextMenu viewport margin (px). */\nexport const CONTEXT_MENU_MARGIN = 10;\n\n/** ChartExpandModal dimension constraints (px — used with window.innerWidth). */\nexport const CHART_MODAL = {\n  MIN_WIDTH: 960,\n  MIN_HEIGHT: 480,\n  MAX_WIDTH: 2400,\n  MAX_HEIGHT: 1300,\n  DEFAULT_WIDTH: 1500,\n  DEFAULT_HEIGHT: 820,\n  FALLBACK_WIDTH: 1400,\n  FALLBACK_HEIGHT: 800,\n} as const;\n\n/** Maximum Sankey nodes before truncation warning. */\nexport const MAX_SANKEY_NODES = 150;\n\n/** Maximum stacked series before \"Other\" aggregation. */\nexport const MAX_SERIES = 20;\n\n/** Maximum categories in stacked bar chart. */\nexport const MAX_CATEGORIES = 20;\n\n/** Maximum subcategories per category. */\nexport const MAX_SUBCATEGORIES = 10;\n\n/** Time range preset durations in milliseconds. */\nexport const TIME_PRESET_MS = {\n  '1h': 3_600_000,\n  '6h': 21_600_000,\n  '24h': 86_400_000,\n  '7d': 604_800_000,\n  '30d': 2_592_000_000,\n} as const;\n\n/** Default chart color palette. */\nexport const CHART_COLORS = [\n  '#FF6B5A', '#5B8DEF', '#4ECDC4', '#F7B731', '#A55EEA',\n  '#26DE81', '#FC5C65', '#45AAF2', '#FD9644', '#2BCBBA',\n  '#D1D8E0', '#778CA3', '#EB3B5A', '#3867D6', '#20BF6B',\n  '#F7B731', '#8854D0', '#0FB9B1', '#FA8231', '#4B6584',\n] as const;\n\n/** Minimum column width for resizable tables (px — used in JS calculations). */\nexport const MIN_COLUMN_WIDTH = 40;\n\n/** Sidebar dimension constants (px — used as inline styles). */\nexport const SIDEBAR = {\n  WIDTH: 240,\n  COLLAPSED_WIDTH: 80,\n} as const;\n\n/** Counters analysis pagination. */\nexport const COUNTERS_PAGE_SIZE = 100;\n\n/** Default time a toast stays visible before auto-dismiss (ms). */\nexport const TOAST_DURATION_MS = 3200;\n"],"names":[],"mappings":";;AAMO,MAAM,YAAY;AAAA,EACvB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,cAAc;AAGpB,MAAM,mBAAmB;AAGzB,MAAM,gBAAgB;AAGtB,MAAM,kBAAkB;AAGxB,MAAM,sBAAsB;AAG5B,MAAM,cAAc;AAAA,EACzB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;AAGO,MAAM,mBAAmB;AAGzB,MAAM,aAAa;AAGnB,MAAM,iBAAiB;AAGvB,MAAM,oBAAoB;AAY1B,MAAM,eAAe;AAAA,EAC1B;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAC9C;AAGO,MAAM,mBAAmB;AAGzB,MAAM,UAAU;AAAA,EACrB,OAAO;AAAA,EACP,iBAAiB;AACnB;AAGO,MAAM,qBAAqB;AAG3B,MAAM,oBAAoB;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index51.cjs","sources":["../src/constants.ts"],"sourcesContent":["/**\n * Shared constants for the component library.\n * Centralises magic numbers used across components.\n */\n\n/** SVG icon rendered sizes (px — used as HTML/SVG attributes, not CSS). */\nexport const ICON_SIZE = {\n  SM: 14,\n  MD: 16,\n  LG: 18,\n} as const;\n\n/** Standard SVG viewBox for 24×24 icon grid. */\nexport const SVG_VIEWBOX = '0 0 24 24';\n\n/** Standard SVG stroke width. */\nexport const SVG_STROKE_WIDTH = 2;\n\n/** Keyboard accessibility step (percentage points per arrow press). */\nexport const KEYBOARD_STEP = 2;\n\n/** Viewport safety margin (px — used in JS calculations with DOM APIs). */\nexport const VIEWPORT_MARGIN = 32;\n\n/** ContextMenu viewport margin (px). */\nexport const CONTEXT_MENU_MARGIN = 10;\n\n/** ChartExpandModal dimension constraints (px — used with window.innerWidth). */\nexport const CHART_MODAL = {\n  MIN_WIDTH: 960,\n  MIN_HEIGHT: 480,\n  MAX_WIDTH: 2400,\n  MAX_HEIGHT: 1300,\n  DEFAULT_WIDTH: 1500,\n  DEFAULT_HEIGHT: 820,\n  FALLBACK_WIDTH: 1400,\n  FALLBACK_HEIGHT: 800,\n} as const;\n\n/** Maximum Sankey nodes before truncation warning. */\nexport const MAX_SANKEY_NODES = 150;\n\n/** Maximum stacked series before \"Other\" aggregation. */\nexport const MAX_SERIES = 20;\n\n/** Maximum categories in stacked bar chart. */\nexport const MAX_CATEGORIES = 20;\n\n/** Maximum subcategories per category. */\nexport const MAX_SUBCATEGORIES = 10;\n\n/** Time range preset durations in milliseconds. */\nexport const TIME_PRESET_MS = {\n  '1h': 3_600_000,\n  '6h': 21_600_000,\n  '24h': 86_400_000,\n  '7d': 604_800_000,\n  '30d': 2_592_000_000,\n} as const;\n\n/** Default chart color palette. */\nexport const CHART_COLORS = [\n  '#FF6B5A', '#5B8DEF', '#4ECDC4', '#F7B731', '#A55EEA',\n  '#26DE81', '#FC5C65', '#45AAF2', '#FD9644', '#2BCBBA',\n  '#D1D8E0', '#778CA3', '#EB3B5A', '#3867D6', '#20BF6B',\n  '#F7B731', '#8854D0', '#0FB9B1', '#FA8231', '#4B6584',\n] as const;\n\n/** Minimum column width for resizable tables (px — used in JS calculations). */\nexport const MIN_COLUMN_WIDTH = 40;\n\n/** Sidebar dimension constants (px — used as inline styles). */\nexport const SIDEBAR = {\n  WIDTH: 240,\n  COLLAPSED_WIDTH: 80,\n} as const;\n\n/** Counters analysis pagination. */\nexport const COUNTERS_PAGE_SIZE = 100;\n\n/** Default time a toast stays visible before auto-dismiss (ms). */\nexport const TOAST_DURATION_MS = 3200;\n\n/** Pagination page-range defaults. */\nexport const PAGINATION = {\n  /** Page numbers shown on each side of the current page. */\n  SIBLING_COUNT: 1,\n  /** Page numbers pinned at the first/last boundaries. */\n  BOUNDARY_COUNT: 1,\n} as const;\n"],"names":[],"mappings":";;AAMO,MAAM,YAAY;AAAA,EACvB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,cAAc;AAGpB,MAAM,mBAAmB;AAGzB,MAAM,gBAAgB;AAGtB,MAAM,kBAAkB;AAGxB,MAAM,sBAAsB;AAG5B,MAAM,cAAc;AAAA,EACzB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;AAGO,MAAM,mBAAmB;AAGzB,MAAM,aAAa;AAGnB,MAAM,iBAAiB;AAGvB,MAAM,oBAAoB;AAY1B,MAAM,eAAe;AAAA,EAC1B;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAC5C;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAAA,EAAW;AAC9C;AAGO,MAAM,mBAAmB;AAGzB,MAAM,UAAU;AAAA,EACrB,OAAO;AAAA,EACP,iBAAiB;AACnB;AAGO,MAAM,qBAAqB;AAG3B,MAAM,oBAAoB;AAG1B,MAAM,aAAa;AAAA;AAAA,EAExB,eAAe;AAAA;AAAA,EAEf,gBAAgB;AAClB;;;;;;;;;;;;;;;;;;"}

package/dist/index51.js

@@ -51,6 +51,12 @@ const SIDEBAR = {
 };
 const COUNTERS_PAGE_SIZE = 100;
 const TOAST_DURATION_MS = 3200;
+const PAGINATION = {
+  /** Page numbers shown on each side of the current page. */
+  SIBLING_COUNT: 1,
+  /** Page numbers pinned at the first/last boundaries. */
+  BOUNDARY_COUNT: 1
+};
 export {
   CHART_COLORS,
   CHART_MODAL,
@@ -63,6 +69,7 @@ export {
   MAX_SERIES,
   MAX_SUBCATEGORIES,
   MIN_COLUMN_WIDTH,
+  PAGINATION,
   SIDEBAR,
   SVG_STROKE_WIDTH,
   SVG_VIEWBOX,