@sudobility/documents-components 2.0.2 → 2.0.4

package/dist/csv-importer.d.ts

@@ -19,6 +19,12 @@
  *
  * @see {@link https://docs.example.com/components/csv-importer}
  */
+/** Tracking data for CsvImporter actions */
+export interface CsvImporterTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface UcsvUimporterProps {
     /** Additional CSS classes */
     className?: string;
@@ -28,6 +34,12 @@ export interface UcsvUimporterProps {
     disabled?: boolean;
     /** Callback when component is interacted with */
     onClick?: () => void;
+    /** Optional tracking callback */
+    onTrack?: (data: CsvImporterTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
-export declare const UcsvUimporter: ({ className, children, disabled, onClick, }: UcsvUimporterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UcsvUimporter: ({ className, children, disabled, onClick, onTrack, trackingLabel, componentName, }: UcsvUimporterProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=csv-importer.d.ts.map

package/dist/csv-importer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"csv-importer.d.ts","sourceRoot":"","sources":["../src/csv-importer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,6CAK3B,kBAAkB,4CAmBpB,CAAC"}
+{"version":3,"file":"csv-importer.d.ts","sourceRoot":"","sources":["../src/csv-importer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAClD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,GAAI,oFAQ3B,kBAAkB,4CA0BpB,CAAC"}

package/dist/diff-viewer.d.ts

@@ -19,6 +19,12 @@
  *
  * @see {@link https://docs.example.com/components/diff-viewer}
  */
+/** Tracking data for DiffViewer actions */
+export interface DiffViewerTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface UdiffUviewerProps {
     /** Additional CSS classes */
     className?: string;
@@ -28,6 +34,12 @@ export interface UdiffUviewerProps {
     disabled?: boolean;
     /** Callback when component is interacted with */
     onClick?: () => void;
+    /** Optional tracking callback */
+    onTrack?: (data: DiffViewerTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
-export declare const UdiffUviewer: ({ className, children, disabled, onClick, }: UdiffUviewerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UdiffUviewer: ({ className, children, disabled, onClick, onTrack, trackingLabel, componentName, }: UdiffUviewerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=diff-viewer.d.ts.map

package/dist/diff-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"diff-viewer.d.ts","sourceRoot":"","sources":["../src/diff-viewer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,6CAK1B,iBAAiB,4CAmBnB,CAAC"}
+{"version":3,"file":"diff-viewer.d.ts","sourceRoot":"","sources":["../src/diff-viewer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACjD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,GAAI,oFAQ1B,iBAAiB,4CA0BnB,CAAC"}

package/dist/excel-uploader.d.ts

@@ -19,6 +19,12 @@
  *
  * @see {@link https://docs.example.com/components/excel-uploader}
  */
+/** Tracking data for ExcelUploader actions */
+export interface ExcelUploaderTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface UexcelUuploaderProps {
     /** Additional CSS classes */
     className?: string;
@@ -28,6 +34,12 @@ export interface UexcelUuploaderProps {
     disabled?: boolean;
     /** Callback when component is interacted with */
     onClick?: () => void;
+    /** Optional tracking callback */
+    onTrack?: (data: ExcelUploaderTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
-export declare const UexcelUuploader: ({ className, children, disabled, onClick, }: UexcelUuploaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UexcelUuploader: ({ className, children, disabled, onClick, onTrack, trackingLabel, componentName, }: UexcelUuploaderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=excel-uploader.d.ts.map

package/dist/excel-uploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"excel-uploader.d.ts","sourceRoot":"","sources":["../src/excel-uploader.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAmBtB,CAAC"}
+{"version":3,"file":"excel-uploader.d.ts","sourceRoot":"","sources":["../src/excel-uploader.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,8CAA8C;AAC9C,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,GAAI,oFAQ7B,oBAAoB,4CA0BtB,CAAC"}

package/dist/icon-button.d.ts

@@ -1,4 +1,10 @@
 import { default as React } from 'react';
+/** Tracking data for IconButton actions */
+export interface IconButtonTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface IconButtonProps {
     /** Icon component to display */
     icon: React.ComponentType<{
@@ -22,6 +28,12 @@ export interface IconButtonProps {
     className?: string;
     /** Tooltip content (optional) */
     title?: string;
+    /** Optional tracking callback */
+    onTrack?: (data: IconButtonTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
 /**
  * IconButton Component

package/dist/icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../src/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B,gCAAgC;IAChC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,mEAAmE;IACnE,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,mBAAmB;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC,oBAAoB;IACpB,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,OAAO,GACP,SAAS,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkFhD,CAAC"}
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../src/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,gCAAgC;IAChC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,mEAAmE;IACnE,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,mBAAmB;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC,oBAAoB;IACpB,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,OAAO,GACP,SAAS,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACjD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2FhD,CAAC"}

package/dist/import-preview.d.ts

@@ -19,6 +19,12 @@
  *
  * @see {@link https://docs.example.com/components/import-preview}
  */
+/** Tracking data for ImportPreview actions */
+export interface ImportPreviewTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface UimportUpreviewProps {
     /** Additional CSS classes */
     className?: string;
@@ -28,6 +34,12 @@ export interface UimportUpreviewProps {
     disabled?: boolean;
     /** Callback when component is interacted with */
     onClick?: () => void;
+    /** Optional tracking callback */
+    onTrack?: (data: ImportPreviewTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
-export declare const UimportUpreview: ({ className, children, disabled, onClick, }: UimportUpreviewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UimportUpreview: ({ className, children, disabled, onClick, onTrack, trackingLabel, componentName, }: UimportUpreviewProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=import-preview.d.ts.map

package/dist/import-preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"import-preview.d.ts","sourceRoot":"","sources":["../src/import-preview.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAmBtB,CAAC"}
+{"version":3,"file":"import-preview.d.ts","sourceRoot":"","sources":["../src/import-preview.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,8CAA8C;AAC9C,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,GAAI,oFAQ7B,oBAAoB,4CA0BtB,CAAC"}

package/dist/index.esm.js

@@ -1,43 +1,43 @@
 import er from "react";
-import { cn as g } from "@sudobility/components";
-var E = { exports: {} }, m = {};
-var D;
+import { cn as b } from "@sudobility/components";
+var U = { exports: {} }, k = {};
+var L;
 function tr() {
-  if (D) return m;
-  D = 1;
-  var o = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function t(l, c, u) {
-    var f = null;
-    if (u !== void 0 && (f = "" + u), c.key !== void 0 && (f = "" + c.key), "key" in c) {
-      u = {};
-      for (var b in c)
-        b !== "key" && (u[b] = c[b]);
-    } else u = c;
-    return c = u.ref, {
-      $$typeof: o,
-      type: l,
-      key: f,
-      ref: c !== void 0 ? c : null,
-      props: u
+  if (L) return k;
+  L = 1;
+  var n = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function t(c, o, a) {
+    var l = null;
+    if (a !== void 0 && (l = "" + a), o.key !== void 0 && (l = "" + o.key), "key" in o) {
+      a = {};
+      for (var u in o)
+        u !== "key" && (a[u] = o[u]);
+    } else a = o;
+    return o = a.ref, {
+      $$typeof: n,
+      type: c,
+      key: l,
+      ref: o !== void 0 ? o : null,
+      props: a
     };
   }
-  return m.Fragment = n, m.jsx = t, m.jsxs = t, m;
+  return k.Fragment = s, k.jsx = t, k.jsxs = t, k;
 }
 var y = {};
-var M;
+var q;
 function or() {
-  return M || (M = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(r) {
+  return q || (q = 1, process.env.NODE_ENV !== "production" && (function() {
+    function n(r) {
       if (r == null) return null;
       if (typeof r == "function")
         return r.$$typeof === Q ? null : r.displayName || r.name || null;
       if (typeof r == "string") return r;
       switch (r) {
-        case T:
+        case v:
           return "Fragment";
-        case z:
+        case O:
           return "Profiler";
-        case q:
+        case x:
           return "StrictMode";
         case X:
           return "Suspense";
@@ -50,7 +50,7 @@ function or() {
         switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), r.$$typeof) {
-          case L:
+          case C:
             return "Portal";
           case V:
             return r.displayName || "Context";
@@ -60,90 +60,90 @@ function or() {
             var e = r.render;
             return r = r.displayName, r || (r = e.displayName || e.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
           case H:
-            return e = r.displayName || null, e !== null ? e : o(r.type) || "Memo";
-          case U:
+            return e = r.displayName || null, e !== null ? e : n(r.type) || "Memo";
+          case A:
             e = r._payload, r = r._init;
             try {
-              return o(r(e));
+              return n(r(e));
             } catch {
             }
         }
       return null;
     }
-    function n(r) {
+    function s(r) {
       return "" + r;
     }
     function t(r) {
       try {
-        n(r);
+        s(r);
         var e = !1;
       } catch {
         e = !0;
       }
       if (e) {
         e = console;
-        var a = e.error, s = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return a.call(
+        var i = e.error, d = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return i.call(
           e,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          s
-        ), n(r);
+          d
+        ), s(r);
       }
     }
-    function l(r) {
-      if (r === T) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === U)
+    function c(r) {
+      if (r === v) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === A)
         return "<...>";
       try {
-        var e = o(r);
+        var e = n(r);
         return e ? "<" + e + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function c() {
-      var r = j.A;
+    function o() {
+      var r = S.A;
       return r === null ? null : r.getOwner();
     }
-    function u() {
+    function a() {
       return Error("react-stack-top-frame");
     }
-    function f(r) {
-      if (N.call(r, "key")) {
+    function l(r) {
+      if (I.call(r, "key")) {
         var e = Object.getOwnPropertyDescriptor(r, "key").get;
         if (e && e.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function b(r, e) {
-      function a() {
-        P || (P = !0, console.error(
+    function u(r, e) {
+      function i() {
+        $ || ($ = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           e
         ));
       }
-      a.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: a,
+      i.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: i,
         configurable: !0
       });
     }
-    function x() {
-      var r = o(this.type);
-      return Y[r] || (Y[r] = !0, console.error(
+    function T() {
+      var r = n(this.type);
+      return F[r] || (F[r] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function R(r, e, a, s, w, C) {
-      var i = a.ref;
+    function j(r, e, i, d, R, P) {
+      var f = i.ref;
       return r = {
-        $$typeof: S,
+        $$typeof: E,
         type: r,
         key: e,
-        props: a,
-        _owner: s
-      }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(r, "ref", {
+        props: i,
+        _owner: d
+      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: x
+        get: T
       }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -158,69 +158,69 @@ function or() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: w
+        value: R
       }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: C
+        value: P
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function k(r, e, a, s, w, C) {
-      var i = e.children;
-      if (i !== void 0)
-        if (s)
-          if (K(i)) {
-            for (s = 0; s < i.length; s++)
-              h(i[s]);
-            Object.freeze && Object.freeze(i);
+    function h(r, e, i, d, R, P) {
+      var f = e.children;
+      if (f !== void 0)
+        if (d)
+          if (K(f)) {
+            for (d = 0; d < f.length; d++)
+              w(f[d]);
+            Object.freeze && Object.freeze(f);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else h(i);
-      if (N.call(e, "key")) {
-        i = o(r);
-        var v = Object.keys(e).filter(function(rr) {
+        else w(f);
+      if (I.call(e, "key")) {
+        f = n(r);
+        var m = Object.keys(e).filter(function(rr) {
           return rr !== "key";
         });
-        s = 0 < v.length ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}", F[i + s] || (v = 0 < v.length ? "{" + v.join(": ..., ") + ": ...}" : "{}", console.error(
+        d = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", W[f + d] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          s,
-          i,
-          v,
-          i
-        ), F[i + s] = !0);
+          d,
+          f,
+          m,
+          f
+        ), W[f + d] = !0);
       }
-      if (i = null, a !== void 0 && (t(a), i = "" + a), f(e) && (t(e.key), i = "" + e.key), "key" in e) {
-        a = {};
-        for (var A in e)
-          A !== "key" && (a[A] = e[A]);
-      } else a = e;
-      return i && b(
-        a,
+      if (f = null, i !== void 0 && (t(i), f = "" + i), l(e) && (t(e.key), f = "" + e.key), "key" in e) {
+        i = {};
+        for (var Y in e)
+          Y !== "key" && (i[Y] = e[Y]);
+      } else i = e;
+      return f && u(
+        i,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), R(
+      ), j(
         r,
+        f,
         i,
-        a,
-        c(),
-        w,
-        C
+        o(),
+        R,
+        P
       );
     }
-    function h(r) {
-      _(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === U && (r._payload.status === "fulfilled" ? _(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
+    function w(r) {
+      _(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === A && (r._payload.status === "fulfilled" ? _(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
     }
     function _(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === S;
+      return typeof r == "object" && r !== null && r.$$typeof === E;
     }
-    var p = er, S = Symbol.for("react.transitional.element"), L = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), z = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), V = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), X = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), j = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, K = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var p = er, E = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), V = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), X = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), Z = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), S = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, K = Array.isArray, N = console.createTask ? console.createTask : function() {
       return null;
     };
     p = {
@@ -228,117 +228,146 @@ React keys must be passed directly to JSX without using spread:
         return r();
       }
     };
-    var P, Y = {}, $ = p.react_stack_bottom_frame.bind(
+    var $, F = {}, D = p.react_stack_bottom_frame.bind(
       p,
-      u
-    )(), I = O(l(u)), F = {};
-    y.Fragment = T, y.jsx = function(r, e, a) {
-      var s = 1e4 > j.recentlyCreatedOwnerStacks++;
-      return k(
+      a
+    )(), M = N(c(a)), W = {};
+    y.Fragment = v, y.jsx = function(r, e, i) {
+      var d = 1e4 > S.recentlyCreatedOwnerStacks++;
+      return h(
         r,
         e,
-        a,
+        i,
         !1,
-        s ? Error("react-stack-top-frame") : $,
-        s ? O(l(r)) : I
+        d ? Error("react-stack-top-frame") : D,
+        d ? N(c(r)) : M
       );
-    }, y.jsxs = function(r, e, a) {
-      var s = 1e4 > j.recentlyCreatedOwnerStacks++;
-      return k(
+    }, y.jsxs = function(r, e, i) {
+      var d = 1e4 > S.recentlyCreatedOwnerStacks++;
+      return h(
         r,
         e,
-        a,
+        i,
         !0,
-        s ? Error("react-stack-top-frame") : $,
-        s ? O(l(r)) : I
+        d ? Error("react-stack-top-frame") : D,
+        d ? N(c(r)) : M
       );
     };
   })()), y;
 }
-var W;
+var z;
 function ar() {
-  return W || (W = 1, process.env.NODE_ENV === "production" ? E.exports = tr() : E.exports = or()), E.exports;
+  return z || (z = 1, process.env.NODE_ENV === "production" ? U.exports = tr() : U.exports = or()), U.exports;
 }
-var d = ar();
-const sr = ({
-  className: o,
-  children: n,
+var g = ar();
+const ir = ({
+  className: n,
+  children: s,
   disabled: t = !1,
-  onClick: l
-}) => /* @__PURE__ */ d.jsx(
-  "div",
-  {
-    className: g(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      t && "opacity-50 cursor-not-allowed",
-      "hover:bg-gray-50 dark:hover:bg-gray-800",
-      o
-    ),
-    onClick: t ? void 0 : l,
-    role: "region",
-    "aria-label": "UcsvUimporter",
-    children: n || "UcsvUimporter Component"
-  }
-), ir = ({
-  className: o,
-  children: n,
+  onClick: c,
+  onTrack: o,
+  trackingLabel: a,
+  componentName: l = "UcsvUimporter"
+}) => {
+  const u = () => {
+    t || (o?.({ action: "click", trackingLabel: a, componentName: l }), c?.());
+  };
+  return /* @__PURE__ */ g.jsx(
+    "div",
+    {
+      className: b(
+        "p-4 rounded-lg border transition-colors",
+        "bg-white dark:bg-gray-900",
+        "border-gray-200 dark:border-gray-700",
+        "text-gray-900 dark:text-white",
+        t && "opacity-50 cursor-not-allowed",
+        "hover:bg-gray-50 dark:hover:bg-gray-800",
+        n
+      ),
+      onClick: u,
+      role: "region",
+      "aria-label": "UcsvUimporter",
+      children: s || "UcsvUimporter Component"
+    }
+  );
+}, sr = ({
+  className: n,
+  children: s,
   disabled: t = !1,
-  onClick: l
-}) => /* @__PURE__ */ d.jsx(
-  "div",
-  {
-    className: g(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      t && "opacity-50 cursor-not-allowed",
-      "hover:bg-gray-50 dark:hover:bg-gray-800",
-      o
-    ),
-    onClick: t ? void 0 : l,
-    role: "region",
-    "aria-label": "UdiffUviewer",
-    children: n || "UdiffUviewer Component"
-  }
-), cr = ({
-  className: o,
-  children: n,
+  onClick: c,
+  onTrack: o,
+  trackingLabel: a,
+  componentName: l = "UdiffUviewer"
+}) => {
+  const u = () => {
+    t || (o?.({ action: "click", trackingLabel: a, componentName: l }), c?.());
+  };
+  return /* @__PURE__ */ g.jsx(
+    "div",
+    {
+      className: b(
+        "p-4 rounded-lg border transition-colors",
+        "bg-white dark:bg-gray-900",
+        "border-gray-200 dark:border-gray-700",
+        "text-gray-900 dark:text-white",
+        t && "opacity-50 cursor-not-allowed",
+        "hover:bg-gray-50 dark:hover:bg-gray-800",
+        n
+      ),
+      onClick: u,
+      role: "region",
+      "aria-label": "UdiffUviewer",
+      children: s || "UdiffUviewer Component"
+    }
+  );
+}, cr = ({
+  className: n,
+  children: s,
   disabled: t = !1,
-  onClick: l
-}) => /* @__PURE__ */ d.jsx(
-  "div",
-  {
-    className: g(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      t && "opacity-50 cursor-not-allowed",
-      "hover:bg-gray-50 dark:hover:bg-gray-800",
-      o
-    ),
-    onClick: t ? void 0 : l,
-    role: "region",
-    "aria-label": "UexcelUuploader",
-    children: n || "UexcelUuploader Component"
-  }
-), ur = ({
-  icon: o,
-  "aria-label": n,
+  onClick: c,
+  onTrack: o,
+  trackingLabel: a,
+  componentName: l = "UexcelUuploader"
+}) => {
+  const u = () => {
+    t || (o?.({ action: "click", trackingLabel: a, componentName: l }), c?.());
+  };
+  return /* @__PURE__ */ g.jsx(
+    "div",
+    {
+      className: b(
+        "p-4 rounded-lg border transition-colors",
+        "bg-white dark:bg-gray-900",
+        "border-gray-200 dark:border-gray-700",
+        "text-gray-900 dark:text-white",
+        t && "opacity-50 cursor-not-allowed",
+        "hover:bg-gray-50 dark:hover:bg-gray-800",
+        n
+      ),
+      onClick: u,
+      role: "region",
+      "aria-label": "UexcelUuploader",
+      children: s || "UexcelUuploader Component"
+    }
+  );
+}, ur = ({
+  icon: n,
+  "aria-label": s,
   onClick: t,
-  size: l = "md",
-  shape: c = "rounded",
-  variant: u = "default",
-  disabled: f = !1,
-  type: b = "button",
-  className: x,
-  title: R
+  size: c = "md",
+  shape: o = "rounded",
+  variant: a = "default",
+  disabled: l = !1,
+  type: u = "button",
+  className: T,
+  title: j,
+  onTrack: h,
+  trackingLabel: w,
+  componentName: _ = "IconButton"
 }) => {
-  const k = {
+  const p = (O) => {
+    l || (h?.({ action: "click", trackingLabel: w, componentName: _ }), t?.(O));
+  }, E = {
     xs: {
       button: "p-1",
       icon: "h-3 w-3"
@@ -359,135 +388,167 @@ const sr = ({
       button: "p-4",
       icon: "h-8 w-8"
     }
-  }, h = {
+  }, C = {
     circle: "rounded-full",
     square: "rounded-none",
     rounded: "rounded-lg"
-  }, _ = {
+  }, v = {
     default: "bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700",
     primary: "bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600",
     secondary: "bg-purple-600 text-white hover:bg-purple-700 dark:bg-purple-500 dark:hover:bg-purple-600",
     danger: "bg-red-600 text-white hover:bg-red-700 dark:bg-red-500 dark:hover:bg-red-600",
     ghost: "bg-transparent text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800",
     outline: "bg-transparent border-2 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800"
-  }, p = k[l];
-  return /* @__PURE__ */ d.jsx(
+  }, x = E[c];
+  return /* @__PURE__ */ g.jsx(
     "button",
     {
-      type: b,
-      onClick: t,
-      disabled: f,
-      "aria-label": n,
-      title: R || n,
-      className: g(
+      type: u,
+      onClick: p,
+      disabled: l,
+      "aria-label": s,
+      title: j || s,
+      className: b(
         "inline-flex items-center justify-center",
         "transition-all duration-200",
         "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
         "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-current",
-        p.button,
-        h[c],
-        _[u],
-        x
+        x.button,
+        C[o],
+        v[a],
+        T
       ),
-      children: /* @__PURE__ */ d.jsx(o, { className: p.icon })
+      children: /* @__PURE__ */ g.jsx(n, { className: x.icon })
     }
   );
 }, dr = ({
-  className: o,
-  children: n,
+  className: n,
+  children: s,
   disabled: t = !1,
-  onClick: l
-}) => /* @__PURE__ */ d.jsx(
-  "div",
-  {
-    className: g(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      t && "opacity-50 cursor-not-allowed",
-      "hover:bg-gray-50 dark:hover:bg-gray-800",
-      o
-    ),
-    onClick: t ? void 0 : l,
-    role: "region",
-    "aria-label": "UimportUpreview",
-    children: n || "UimportUpreview Component"
-  }
-), gr = ({
-  className: o,
-  children: n,
+  onClick: c,
+  onTrack: o,
+  trackingLabel: a,
+  componentName: l = "UimportUpreview"
+}) => {
+  const u = () => {
+    t || (o?.({ action: "click", trackingLabel: a, componentName: l }), c?.());
+  };
+  return /* @__PURE__ */ g.jsx(
+    "div",
+    {
+      className: b(
+        "p-4 rounded-lg border transition-colors",
+        "bg-white dark:bg-gray-900",
+        "border-gray-200 dark:border-gray-700",
+        "text-gray-900 dark:text-white",
+        t && "opacity-50 cursor-not-allowed",
+        "hover:bg-gray-50 dark:hover:bg-gray-800",
+        n
+      ),
+      onClick: u,
+      role: "region",
+      "aria-label": "UimportUpreview",
+      children: s || "UimportUpreview Component"
+    }
+  );
+}, fr = ({
+  className: n,
+  children: s,
   disabled: t = !1,
-  onClick: l
-}) => /* @__PURE__ */ d.jsx(
-  "div",
-  {
-    className: g(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      t && "opacity-50 cursor-not-allowed",
-      "hover:bg-gray-50 dark:hover:bg-gray-800",
-      o
-    ),
-    onClick: t ? void 0 : l,
-    role: "region",
-    "aria-label": "UjsonUimporter",
-    children: n || "UjsonUimporter Component"
-  }
-), fr = ({
-  className: o,
-  children: n,
+  onClick: c,
+  onTrack: o,
+  trackingLabel: a,
+  componentName: l = "UjsonUimporter"
+}) => {
+  const u = () => {
+    t || (o?.({ action: "click", trackingLabel: a, componentName: l }), c?.());
+  };
+  return /* @__PURE__ */ g.jsx(
+    "div",
+    {
+      className: b(
+        "p-4 rounded-lg border transition-colors",
+        "bg-white dark:bg-gray-900",
+        "border-gray-200 dark:border-gray-700",
+        "text-gray-900 dark:text-white",
+        t && "opacity-50 cursor-not-allowed",
+        "hover:bg-gray-50 dark:hover:bg-gray-800",
+        n
+      ),
+      onClick: u,
+      role: "region",
+      "aria-label": "UjsonUimporter",
+      children: s || "UjsonUimporter Component"
+    }
+  );
+}, gr = ({
+  className: n,
+  children: s,
   disabled: t = !1,
-  onClick: l
-}) => /* @__PURE__ */ d.jsx(
-  "div",
-  {
-    className: g(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      t && "opacity-50 cursor-not-allowed",
-      "hover:bg-gray-50 dark:hover:bg-gray-800",
-      o
-    ),
-    onClick: t ? void 0 : l,
-    role: "region",
-    "aria-label": "UjsonUviewer",
-    children: n || "UjsonUviewer Component"
-  }
-), br = ({
-  className: o,
-  children: n,
+  onClick: c,
+  onTrack: o,
+  trackingLabel: a,
+  componentName: l = "UjsonUviewer"
+}) => {
+  const u = () => {
+    t || (o?.({ action: "click", trackingLabel: a, componentName: l }), c?.());
+  };
+  return /* @__PURE__ */ g.jsx(
+    "div",
+    {
+      className: b(
+        "p-4 rounded-lg border transition-colors",
+        "bg-white dark:bg-gray-900",
+        "border-gray-200 dark:border-gray-700",
+        "text-gray-900 dark:text-white",
+        t && "opacity-50 cursor-not-allowed",
+        "hover:bg-gray-50 dark:hover:bg-gray-800",
+        n
+      ),
+      onClick: u,
+      role: "region",
+      "aria-label": "UjsonUviewer",
+      children: s || "UjsonUviewer Component"
+    }
+  );
+}, br = ({
+  className: n,
+  children: s,
   disabled: t = !1,
-  onClick: l
-}) => /* @__PURE__ */ d.jsx(
-  "div",
-  {
-    className: g(
-      "p-4 rounded-lg border transition-colors",
-      "bg-white dark:bg-gray-900",
-      "border-gray-200 dark:border-gray-700",
-      "text-gray-900 dark:text-white",
-      t && "opacity-50 cursor-not-allowed",
-      "hover:bg-gray-50 dark:hover:bg-gray-800",
-      o
-    ),
-    onClick: t ? void 0 : l,
-    role: "region",
-    "aria-label": "UuploadUprogress",
-    children: n || "UuploadUprogress Component"
-  }
-);
+  onClick: c,
+  onTrack: o,
+  trackingLabel: a,
+  componentName: l = "UuploadUprogress"
+}) => {
+  const u = () => {
+    t || (o?.({ action: "click", trackingLabel: a, componentName: l }), c?.());
+  };
+  return /* @__PURE__ */ g.jsx(
+    "div",
+    {
+      className: b(
+        "p-4 rounded-lg border transition-colors",
+        "bg-white dark:bg-gray-900",
+        "border-gray-200 dark:border-gray-700",
+        "text-gray-900 dark:text-white",
+        t && "opacity-50 cursor-not-allowed",
+        "hover:bg-gray-50 dark:hover:bg-gray-800",
+        n
+      ),
+      onClick: u,
+      role: "region",
+      "aria-label": "UuploadUprogress",
+      children: s || "UuploadUprogress Component"
+    }
+  );
+};
 export {
   ur as IconButton,
-  sr as UcsvUimporter,
-  ir as UdiffUviewer,
+  ir as UcsvUimporter,
+  sr as UdiffUviewer,
   cr as UexcelUuploader,
   dr as UimportUpreview,
-  gr as UjsonUimporter,
-  fr as UjsonUviewer,
+  fr as UjsonUimporter,
+  gr as UjsonUviewer,
   br as UuploadUprogress
 };

package/dist/index.umd.js

@@ -1,6 +1,6 @@
-(function(c,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react"),require("@sudobility/components")):typeof define=="function"&&define.amd?define(["exports","react","@sudobility/components"],m):(c=typeof globalThis<"u"?globalThis:c||self,m(c.Components={},c.React,c.components))})(this,(function(c,m,g){"use strict";var w={exports:{}},k={};var N;function z(){if(N)return k;N=1;var o=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function t(i,u,d){var b=null;if(d!==void 0&&(b=""+d),u.key!==void 0&&(b=""+u.key),"key"in u){d={};for(var p in u)p!=="key"&&(d[p]=u[p])}else d=u;return u=d.ref,{$$typeof:o,type:i,key:b,ref:u!==void 0?u:null,props:d}}return k.Fragment=n,k.jsx=t,k.jsxs=t,k}var h={};var Y;function J(){return Y||(Y=1,process.env.NODE_ENV!=="production"&&(function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===de?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case j:return"Fragment";case oe:return"Profiler";case te:return"StrictMode";case le:return"Suspense";case se:return"SuspenseList";case ue:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case re:return"Portal";case ne:return e.displayName||"Context";case ae:return(e._context.displayName||"Context")+".Consumer";case ie:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ce:return r=e.displayName||null,r!==null?r:o(e.type)||"Memo";case O:r=e._payload,e=e._init;try{return o(e(r))}catch{}}return null}function n(e){return""+e}function t(e){try{n(e);var r=!1}catch{r=!0}if(r){r=console;var a=r.error,l=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return a.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",l),n(e)}}function i(e){if(e===j)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===O)return"<...>";try{var r=o(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function u(){var e=C.A;return e===null?null:e.getOwner()}function d(){return Error("react-stack-top-frame")}function b(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function p(e,r){function a(){D||(D=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}a.isReactWarning=!0,Object.defineProperty(e,"key",{get:a,configurable:!0})}function U(){var e=o(this.type);return M[e]||(M[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function T(e,r,a,l,R,A){var s=a.ref;return e={$$typeof:$,type:e,key:r,props:a,_owner:l},(s!==void 0?s:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:U}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:R}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function _(e,r,a,l,R,A){var s=r.children;if(s!==void 0)if(l)if(fe(s)){for(l=0;l<s.length;l++)E(s[l]);Object.freeze&&Object.freeze(s)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else E(s);if(F.call(r,"key")){s=o(e);var y=Object.keys(r).filter(function(ge){return ge!=="key"});l=0<y.length?"{key: someKey, "+y.join(": ..., ")+": ...}":"{key: someKey}",L[s+l]||(y=0<y.length?"{"+y.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+(function(g,k){typeof exports=="object"&&typeof module<"u"?k(exports,require("react"),require("@sudobility/components")):typeof define=="function"&&define.amd?define(["exports","react","@sudobility/components"],k):(g=typeof globalThis<"u"?globalThis:g||self,k(g.Components={},g.React,g.components))})(this,(function(g,k,p){"use strict";var U={exports:{}},y={};var F;function G(){if(F)return y;F=1;var n=Symbol.for("react.transitional.element"),s=Symbol.for("react.fragment");function t(c,o,a){var i=null;if(a!==void 0&&(i=""+a),o.key!==void 0&&(i=""+o.key),"key"in o){a={};for(var u in o)u!=="key"&&(a[u]=o[u])}else a=o;return o=a.ref,{$$typeof:n,type:c,key:i,ref:o!==void 0?o:null,props:a}}return y.Fragment=s,y.jsx=t,y.jsxs=t,y}var h={};var D;function B(){return D||(D=1,process.env.NODE_ENV!=="production"&&(function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===de?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case w:return"Fragment";case A:return"Profiler";case T:return"StrictMode";case le:return"Suspense";case se:return"SuspenseList";case ue:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case S:return"Portal";case ne:return e.displayName||"Context";case ae:return(e._context.displayName||"Context")+".Consumer";case ie:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ce:return r=e.displayName||null,r!==null?r:n(e.type)||"Memo";case P:r=e._payload,e=e._init;try{return n(e(r))}catch{}}return null}function s(e){return""+e}function t(e){try{s(e);var r=!1}catch{r=!0}if(r){r=console;var l=r.error,d=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return l.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",d),s(e)}}function c(e){if(e===w)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===P)return"<...>";try{var r=n(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function o(){var e=N.A;return e===null?null:e.getOwner()}function a(){return Error("react-stack-top-frame")}function i(e){if(W.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function u(e,r){function l(){q||(q=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}l.isReactWarning=!0,Object.defineProperty(e,"key",{get:l,configurable:!0})}function C(){var e=n(this.type);return L[e]||(L[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function O(e,r,l,d,j,I){var f=l.ref;return e={$$typeof:R,type:e,key:r,props:l,_owner:d},(f!==void 0?f:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:C}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:j}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function _(e,r,l,d,j,I){var f=r.children;if(f!==void 0)if(d)if(fe(f)){for(d=0;d<f.length;d++)E(f[d]);Object.freeze&&Object.freeze(f)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else E(f);if(W.call(r,"key")){f=n(e);var m=Object.keys(r).filter(function(ge){return ge!=="key"});d=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",V[f+d]||(m=0<m.length?"{"+m.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,l,s,y,s),L[s+l]=!0)}if(s=null,a!==void 0&&(t(a),s=""+a),b(r)&&(t(r.key),s=""+r.key),"key"in r){a={};for(var P in r)P!=="key"&&(a[P]=r[P])}else a=r;return s&&p(a,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,s,a,u(),R,A)}function E(e){x(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===O&&(e._payload.status==="fulfilled"?x(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function x(e){return typeof e=="object"&&e!==null&&e.$$typeof===$}var v=m,$=Symbol.for("react.transitional.element"),re=Symbol.for("react.portal"),j=Symbol.for("react.fragment"),te=Symbol.for("react.strict_mode"),oe=Symbol.for("react.profiler"),ae=Symbol.for("react.consumer"),ne=Symbol.for("react.context"),ie=Symbol.for("react.forward_ref"),le=Symbol.for("react.suspense"),se=Symbol.for("react.suspense_list"),ce=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),ue=Symbol.for("react.activity"),de=Symbol.for("react.client.reference"),C=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,fe=Array.isArray,S=console.createTask?console.createTask:function(){return null};v={react_stack_bottom_frame:function(e){return e()}};var D,M={},W=v.react_stack_bottom_frame.bind(v,d)(),q=S(i(d)),L={};h.Fragment=j,h.jsx=function(e,r,a){var l=1e4>C.recentlyCreatedOwnerStacks++;return _(e,r,a,!1,l?Error("react-stack-top-frame"):W,l?S(i(e)):q)},h.jsxs=function(e,r,a){var l=1e4>C.recentlyCreatedOwnerStacks++;return _(e,r,a,!0,l?Error("react-stack-top-frame"):W,l?S(i(e)):q)}})()),h}var I;function V(){return I||(I=1,process.env.NODE_ENV==="production"?w.exports=z():w.exports=J()),w.exports}var f=V();const G=({className:o,children:n,disabled:t=!1,onClick:i})=>f.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",t&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",o),onClick:t?void 0:i,role:"region","aria-label":"UcsvUimporter",children:n||"UcsvUimporter Component"}),X=({className:o,children:n,disabled:t=!1,onClick:i})=>f.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",t&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",o),onClick:t?void 0:i,role:"region","aria-label":"UdiffUviewer",children:n||"UdiffUviewer Component"}),B=({className:o,children:n,disabled:t=!1,onClick:i})=>f.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",t&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",o),onClick:t?void 0:i,role:"region","aria-label":"UexcelUuploader",children:n||"UexcelUuploader Component"}),H=({icon:o,"aria-label":n,onClick:t,size:i="md",shape:u="rounded",variant:d="default",disabled:b=!1,type:p="button",className:U,title:T})=>{const _={xs:{button:"p-1",icon:"h-3 w-3"},sm:{button:"p-1.5",icon:"h-4 w-4"},md:{button:"p-2",icon:"h-5 w-5"},lg:{button:"p-3",icon:"h-6 w-6"},xl:{button:"p-4",icon:"h-8 w-8"}},E={circle:"rounded-full",square:"rounded-none",rounded:"rounded-lg"},x={default:"bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700",primary:"bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600",secondary:"bg-purple-600 text-white hover:bg-purple-700 dark:bg-purple-500 dark:hover:bg-purple-600",danger:"bg-red-600 text-white hover:bg-red-700 dark:bg-red-500 dark:hover:bg-red-600",ghost:"bg-transparent text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800",outline:"bg-transparent border-2 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800"},v=_[i];return f.jsx("button",{type:p,onClick:t,disabled:b,"aria-label":n,title:T||n,className:g.cn("inline-flex items-center justify-center","transition-all duration-200","focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2","disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-current",v.button,E[u],x[d],U),children:f.jsx(o,{className:v.icon})})},Z=({className:o,children:n,disabled:t=!1,onClick:i})=>f.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",t&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",o),onClick:t?void 0:i,role:"region","aria-label":"UimportUpreview",children:n||"UimportUpreview Component"}),Q=({className:o,children:n,disabled:t=!1,onClick:i})=>f.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",t&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",o),onClick:t?void 0:i,role:"region","aria-label":"UjsonUimporter",children:n||"UjsonUimporter Component"}),K=({className:o,children:n,disabled:t=!1,onClick:i})=>f.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",t&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",o),onClick:t?void 0:i,role:"region","aria-label":"UjsonUviewer",children:n||"UjsonUviewer Component"}),ee=({className:o,children:n,disabled:t=!1,onClick:i})=>f.jsx("div",{className:g.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",t&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",o),onClick:t?void 0:i,role:"region","aria-label":"UuploadUprogress",children:n||"UuploadUprogress Component"});c.IconButton=H,c.UcsvUimporter=G,c.UdiffUviewer=X,c.UexcelUuploader=B,c.UimportUpreview=Z,c.UjsonUimporter=Q,c.UjsonUviewer=K,c.UuploadUprogress=ee,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,d,f,m,f),V[f+d]=!0)}if(f=null,l!==void 0&&(t(l),f=""+l),i(r)&&(t(r.key),f=""+r.key),"key"in r){l={};for(var $ in r)$!=="key"&&(l[$]=r[$])}else l=r;return f&&u(l,typeof e=="function"?e.displayName||e.name||"Unknown":e),O(e,f,l,o(),j,I)}function E(e){x(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===P&&(e._payload.status==="fulfilled"?x(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function x(e){return typeof e=="object"&&e!==null&&e.$$typeof===R}var v=k,R=Symbol.for("react.transitional.element"),S=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),T=Symbol.for("react.strict_mode"),A=Symbol.for("react.profiler"),ae=Symbol.for("react.consumer"),ne=Symbol.for("react.context"),ie=Symbol.for("react.forward_ref"),le=Symbol.for("react.suspense"),se=Symbol.for("react.suspense_list"),ce=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),ue=Symbol.for("react.activity"),de=Symbol.for("react.client.reference"),N=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,fe=Array.isArray,Y=console.createTask?console.createTask:function(){return null};v={react_stack_bottom_frame:function(e){return e()}};var q,L={},z=v.react_stack_bottom_frame.bind(v,a)(),J=Y(c(a)),V={};h.Fragment=w,h.jsx=function(e,r,l){var d=1e4>N.recentlyCreatedOwnerStacks++;return _(e,r,l,!1,d?Error("react-stack-top-frame"):z,d?Y(c(e)):J)},h.jsxs=function(e,r,l){var d=1e4>N.recentlyCreatedOwnerStacks++;return _(e,r,l,!0,d?Error("react-stack-top-frame"):z,d?Y(c(e)):J)}})()),h}var M;function X(){return M||(M=1,process.env.NODE_ENV==="production"?U.exports=G():U.exports=B()),U.exports}var b=X();const H=({className:n,children:s,disabled:t=!1,onClick:c,onTrack:o,trackingLabel:a,componentName:i="UcsvUimporter"})=>{const u=()=>{t||(o?.({action:"click",trackingLabel:a,componentName:i}),c?.())};return b.jsx("div",{className:p.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",t&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",n),onClick:u,role:"region","aria-label":"UcsvUimporter",children:s||"UcsvUimporter Component"})},Z=({className:n,children:s,disabled:t=!1,onClick:c,onTrack:o,trackingLabel:a,componentName:i="UdiffUviewer"})=>{const u=()=>{t||(o?.({action:"click",trackingLabel:a,componentName:i}),c?.())};return b.jsx("div",{className:p.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",t&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",n),onClick:u,role:"region","aria-label":"UdiffUviewer",children:s||"UdiffUviewer Component"})},Q=({className:n,children:s,disabled:t=!1,onClick:c,onTrack:o,trackingLabel:a,componentName:i="UexcelUuploader"})=>{const u=()=>{t||(o?.({action:"click",trackingLabel:a,componentName:i}),c?.())};return b.jsx("div",{className:p.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",t&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",n),onClick:u,role:"region","aria-label":"UexcelUuploader",children:s||"UexcelUuploader Component"})},K=({icon:n,"aria-label":s,onClick:t,size:c="md",shape:o="rounded",variant:a="default",disabled:i=!1,type:u="button",className:C,title:O,onTrack:_,trackingLabel:E,componentName:x="IconButton"})=>{const v=A=>{i||(_?.({action:"click",trackingLabel:E,componentName:x}),t?.(A))},R={xs:{button:"p-1",icon:"h-3 w-3"},sm:{button:"p-1.5",icon:"h-4 w-4"},md:{button:"p-2",icon:"h-5 w-5"},lg:{button:"p-3",icon:"h-6 w-6"},xl:{button:"p-4",icon:"h-8 w-8"}},S={circle:"rounded-full",square:"rounded-none",rounded:"rounded-lg"},w={default:"bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700",primary:"bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600",secondary:"bg-purple-600 text-white hover:bg-purple-700 dark:bg-purple-500 dark:hover:bg-purple-600",danger:"bg-red-600 text-white hover:bg-red-700 dark:bg-red-500 dark:hover:bg-red-600",ghost:"bg-transparent text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800",outline:"bg-transparent border-2 border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800"},T=R[c];return b.jsx("button",{type:u,onClick:v,disabled:i,"aria-label":s,title:O||s,className:p.cn("inline-flex items-center justify-center","transition-all duration-200","focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2","disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-current",T.button,S[o],w[a],C),children:b.jsx(n,{className:T.icon})})},ee=({className:n,children:s,disabled:t=!1,onClick:c,onTrack:o,trackingLabel:a,componentName:i="UimportUpreview"})=>{const u=()=>{t||(o?.({action:"click",trackingLabel:a,componentName:i}),c?.())};return b.jsx("div",{className:p.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",t&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",n),onClick:u,role:"region","aria-label":"UimportUpreview",children:s||"UimportUpreview Component"})},re=({className:n,children:s,disabled:t=!1,onClick:c,onTrack:o,trackingLabel:a,componentName:i="UjsonUimporter"})=>{const u=()=>{t||(o?.({action:"click",trackingLabel:a,componentName:i}),c?.())};return b.jsx("div",{className:p.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",t&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",n),onClick:u,role:"region","aria-label":"UjsonUimporter",children:s||"UjsonUimporter Component"})},te=({className:n,children:s,disabled:t=!1,onClick:c,onTrack:o,trackingLabel:a,componentName:i="UjsonUviewer"})=>{const u=()=>{t||(o?.({action:"click",trackingLabel:a,componentName:i}),c?.())};return b.jsx("div",{className:p.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",t&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",n),onClick:u,role:"region","aria-label":"UjsonUviewer",children:s||"UjsonUviewer Component"})},oe=({className:n,children:s,disabled:t=!1,onClick:c,onTrack:o,trackingLabel:a,componentName:i="UuploadUprogress"})=>{const u=()=>{t||(o?.({action:"click",trackingLabel:a,componentName:i}),c?.())};return b.jsx("div",{className:p.cn("p-4 rounded-lg border transition-colors","bg-white dark:bg-gray-900","border-gray-200 dark:border-gray-700","text-gray-900 dark:text-white",t&&"opacity-50 cursor-not-allowed","hover:bg-gray-50 dark:hover:bg-gray-800",n),onClick:u,role:"region","aria-label":"UuploadUprogress",children:s||"UuploadUprogress Component"})};g.IconButton=K,g.UcsvUimporter=H,g.UdiffUviewer=Z,g.UexcelUuploader=Q,g.UimportUpreview=ee,g.UjsonUimporter=re,g.UjsonUviewer=te,g.UuploadUprogress=oe,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));

package/dist/json-importer.d.ts

@@ -19,6 +19,12 @@
  *
  * @see {@link https://docs.example.com/components/json-importer}
  */
+/** Tracking data for JsonImporter actions */
+export interface JsonImporterTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface UjsonUimporterProps {
     /** Additional CSS classes */
     className?: string;
@@ -28,6 +34,12 @@ export interface UjsonUimporterProps {
     disabled?: boolean;
     /** Callback when component is interacted with */
     onClick?: () => void;
+    /** Optional tracking callback */
+    onTrack?: (data: JsonImporterTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
-export declare const UjsonUimporter: ({ className, children, disabled, onClick, }: UjsonUimporterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UjsonUimporter: ({ className, children, disabled, onClick, onTrack, trackingLabel, componentName, }: UjsonUimporterProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=json-importer.d.ts.map

package/dist/json-importer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json-importer.d.ts","sourceRoot":"","sources":["../src/json-importer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,6CAK5B,mBAAmB,4CAmBrB,CAAC"}
+{"version":3,"file":"json-importer.d.ts","sourceRoot":"","sources":["../src/json-importer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,6CAA6C;AAC7C,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACnD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,GAAI,oFAQ5B,mBAAmB,4CA0BrB,CAAC"}

package/dist/json-viewer.d.ts

@@ -19,6 +19,12 @@
  *
  * @see {@link https://docs.example.com/components/json-viewer}
  */
+/** Tracking data for JsonViewer actions */
+export interface JsonViewerTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface UjsonUviewerProps {
     /** Additional CSS classes */
     className?: string;
@@ -28,6 +34,12 @@ export interface UjsonUviewerProps {
     disabled?: boolean;
     /** Callback when component is interacted with */
     onClick?: () => void;
+    /** Optional tracking callback */
+    onTrack?: (data: JsonViewerTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
-export declare const UjsonUviewer: ({ className, children, disabled, onClick, }: UjsonUviewerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UjsonUviewer: ({ className, children, disabled, onClick, onTrack, trackingLabel, componentName, }: UjsonUviewerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=json-viewer.d.ts.map

package/dist/json-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json-viewer.d.ts","sourceRoot":"","sources":["../src/json-viewer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,6CAK1B,iBAAiB,4CAmBnB,CAAC"}
+{"version":3,"file":"json-viewer.d.ts","sourceRoot":"","sources":["../src/json-viewer.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACjD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,GAAI,oFAQ1B,iBAAiB,4CA0BnB,CAAC"}

package/dist/upload-progress.d.ts

@@ -19,6 +19,12 @@
  *
  * @see {@link https://docs.example.com/components/upload-progress}
  */
+/** Tracking data for UploadProgress actions */
+export interface UploadProgressTrackingData {
+    action: 'click';
+    trackingLabel?: string;
+    componentName?: string;
+}
 export interface UuploadUprogressProps {
     /** Additional CSS classes */
     className?: string;
@@ -28,6 +34,12 @@ export interface UuploadUprogressProps {
     disabled?: boolean;
     /** Callback when component is interacted with */
     onClick?: () => void;
+    /** Optional tracking callback */
+    onTrack?: (data: UploadProgressTrackingData) => void;
+    /** Optional tracking label */
+    trackingLabel?: string;
+    /** Optional component name for tracking */
+    componentName?: string;
 }
-export declare const UuploadUprogress: ({ className, children, disabled, onClick, }: UuploadUprogressProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UuploadUprogress: ({ className, children, disabled, onClick, onTrack, trackingLabel, componentName, }: UuploadUprogressProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=upload-progress.d.ts.map

package/dist/upload-progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload-progress.d.ts","sourceRoot":"","sources":["../src/upload-progress.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,GAAI,6CAK9B,qBAAqB,4CAmBvB,CAAC"}
+{"version":3,"file":"upload-progress.d.ts","sourceRoot":"","sources":["../src/upload-progress.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,+CAA+C;AAC/C,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACrD,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,GAAI,oFAQ9B,qBAAqB,4CA0BvB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/documents-components",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "documents UI components for React",
   "type": "module",
   "main": "dist/index.umd.js",
@@ -24,7 +24,7 @@
     "test": "echo \"Tests passed\" && exit 0"
   },
   "peerDependencies": {
-    "@sudobility/components": "^4.0.36",
+    "@sudobility/components": "*",
     "@sudobility/design": "^1.1.14",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -32,7 +32,7 @@
   "devDependencies": {
     "@eslint/js": "^9.38.0",
     "@heroicons/react": "^2.2.0",
-    "@sudobility/components": "^4.0.36",
+    "@sudobility/components": "*",
     "@sudobility/design": "^1.1.14",
     "@types/node": "^24.7.1",
     "@types/react": "^19.2.2",