@sudobility/documents-components 1.0.8

package/dist/index.esm.js

@@ -0,0 +1,1119 @@
+import * as s from "react";
+import oe, { useRef as ae, useEffect as ne } from "react";
+import { cn as g } from "@sudobility/components";
+import { textVariants as U } from "@sudobility/design";
+var A = { exports: {} }, _ = {};
+var D;
+function le() {
+  if (D) return _;
+  D = 1;
+  var o = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function r(a, d, b) {
+    var v = null;
+    if (b !== void 0 && (v = "" + b), d.key !== void 0 && (v = "" + d.key), "key" in d) {
+      b = {};
+      for (var y in d)
+        y !== "key" && (b[y] = d[y]);
+    } else b = d;
+    return d = b.ref, {
+      $$typeof: o,
+      type: a,
+      key: v,
+      ref: d !== void 0 ? d : null,
+      props: b
+    };
+  }
+  return _.Fragment = t, _.jsx = r, _.jsxs = r, _;
+}
+var T = {};
+var Y;
+function se() {
+  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 === ee ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case j:
+          return "Fragment";
+        case B:
+          return "Profiler";
+        case C:
+          return "StrictMode";
+        case G:
+          return "Suspense";
+        case X:
+          return "SuspenseList";
+        case K:
+          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 x:
+            return "Portal";
+          case q:
+            return e.displayName || "Context";
+          case Z:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case J:
+            var n = e.render;
+            return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case Q:
+            return n = e.displayName || null, n !== null ? n : o(e.type) || "Memo";
+          case O:
+            n = e._payload, e = e._init;
+            try {
+              return o(e(n));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(e) {
+      return "" + e;
+    }
+    function r(e) {
+      try {
+        t(e);
+        var n = !1;
+      } catch {
+        n = !0;
+      }
+      if (n) {
+        n = console;
+        var u = n.error, m = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return u.call(
+          n,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          m
+        ), t(e);
+      }
+    }
+    function a(e) {
+      if (e === j) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === O)
+        return "<...>";
+      try {
+        var n = o(e);
+        return n ? "<" + n + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function d() {
+      var e = M.A;
+      return e === null ? null : e.getOwner();
+    }
+    function b() {
+      return Error("react-stack-top-frame");
+    }
+    function v(e) {
+      if (W.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function y(e, n) {
+      function u() {
+        I || (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)",
+          n
+        ));
+      }
+      u.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: u,
+        configurable: !0
+      });
+    }
+    function k() {
+      var e = o(this.type);
+      return F[e] || (F[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 l(e, n, u, m, N, P) {
+      var f = u.ref;
+      return e = {
+        $$typeof: w,
+        type: e,
+        key: n,
+        props: u,
+        _owner: m
+      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: k
+      }) : 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: N
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: P
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function c(e, n, u, m, N, P) {
+      var f = n.children;
+      if (f !== void 0)
+        if (m)
+          if (re(f)) {
+            for (m = 0; m < f.length; m++)
+              h(f[m]);
+            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(f);
+      if (W.call(n, "key")) {
+        f = o(e);
+        var R = Object.keys(n).filter(function(te) {
+          return te !== "key";
+        });
+        m = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", V[f + m] || (R = 0 < R.length ? "{" + R.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} />`,
+          m,
+          f,
+          R,
+          f
+        ), V[f + m] = !0);
+      }
+      if (f = null, u !== void 0 && (r(u), f = "" + u), v(n) && (r(n.key), f = "" + n.key), "key" in n) {
+        u = {};
+        for (var L in n)
+          L !== "key" && (u[L] = n[L]);
+      } else u = n;
+      return f && y(
+        u,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), l(
+        e,
+        f,
+        u,
+        d(),
+        N,
+        P
+      );
+    }
+    function h(e) {
+      E(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === O && (e._payload.status === "fulfilled" ? E(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function E(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === w;
+    }
+    var p = oe, w = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), q = Symbol.for("react.context"), J = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), M = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, re = Array.isArray, S = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    p = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var I, F = {}, $ = p.react_stack_bottom_frame.bind(
+      p,
+      b
+    )(), z = S(a(b)), V = {};
+    T.Fragment = j, T.jsx = function(e, n, u) {
+      var m = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return c(
+        e,
+        n,
+        u,
+        !1,
+        m ? Error("react-stack-top-frame") : $,
+        m ? S(a(e)) : z
+      );
+    }, T.jsxs = function(e, n, u) {
+      var m = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return c(
+        e,
+        n,
+        u,
+        !0,
+        m ? Error("react-stack-top-frame") : $,
+        m ? S(a(e)) : z
+      );
+    };
+  })()), T;
+}
+var H;
+function ce() {
+  return H || (H = 1, process.env.NODE_ENV === "production" ? A.exports = le() : A.exports = se()), A.exports;
+}
+var i = ce();
+const Ne = ({
+  className: o,
+  children: t,
+  disabled: r = !1,
+  onClick: a
+}) => /* @__PURE__ */ i.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",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : a,
+    role: "region",
+    "aria-label": "UcellUeditor",
+    children: t || "UcellUeditor Component"
+  }
+), Ae = ({
+  className: o,
+  children: t,
+  disabled: r = !1,
+  onClick: a
+}) => /* @__PURE__ */ i.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",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : a,
+    role: "region",
+    "aria-label": "UcolumnUresize",
+    children: t || "UcolumnUresize Component"
+  }
+), Oe = ({
+  className: o,
+  children: t,
+  disabled: r = !1,
+  onClick: a
+}) => /* @__PURE__ */ i.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",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : a,
+    role: "region",
+    "aria-label": "UcsvUimporter",
+    children: t || "UcsvUimporter Component"
+  }
+), Me = ({
+  className: o,
+  children: t,
+  disabled: r = !1,
+  onClick: a
+}) => /* @__PURE__ */ i.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",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : a,
+    role: "region",
+    "aria-label": "UdiffUviewer",
+    children: t || "UdiffUviewer Component"
+  }
+), Se = ({
+  className: o,
+  children: t,
+  disabled: r = !1,
+  onClick: a
+}) => /* @__PURE__ */ i.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",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : a,
+    role: "region",
+    "aria-label": "UexcelUuploader",
+    children: t || "UexcelUuploader Component"
+  }
+), Pe = ({
+  className: o,
+  children: t,
+  disabled: r = !1,
+  onClick: a
+}) => /* @__PURE__ */ i.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",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : a,
+    role: "region",
+    "aria-label": "UfileUbrowser",
+    children: t || "UfileUbrowser Component"
+  }
+);
+function ie({
+  title: o,
+  titleId: t,
+  ...r
+}, a) {
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: a,
+    "aria-labelledby": t
+  }, r), o ? /* @__PURE__ */ s.createElement("title", {
+    id: t
+  }, o) : null, /* @__PURE__ */ s.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"
+  }));
+}
+const de = /* @__PURE__ */ s.forwardRef(ie);
+function ue({
+  title: o,
+  titleId: t,
+  ...r
+}, a) {
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: a,
+    "aria-labelledby": t
+  }, r), o ? /* @__PURE__ */ s.createElement("title", {
+    id: t
+  }, o) : null, /* @__PURE__ */ s.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5"
+  }));
+}
+const ge = /* @__PURE__ */ s.forwardRef(ue);
+function me({
+  title: o,
+  titleId: t,
+  ...r
+}, a) {
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: a,
+    "aria-labelledby": t
+  }, r), o ? /* @__PURE__ */ s.createElement("title", {
+    id: t
+  }, o) : null, /* @__PURE__ */ s.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m.75 12 3 3m0 0 3-3m-3 3v-6m-1.5-9H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
+  }));
+}
+const fe = /* @__PURE__ */ s.forwardRef(me);
+function be({
+  title: o,
+  titleId: t,
+  ...r
+}, a) {
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: a,
+    "aria-labelledby": t
+  }, r), o ? /* @__PURE__ */ s.createElement("title", {
+    id: t
+  }, o) : null, /* @__PURE__ */ s.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
+  }));
+}
+const he = /* @__PURE__ */ s.forwardRef(be);
+function ve({
+  title: o,
+  titleId: t,
+  ...r
+}, a) {
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: a,
+    "aria-labelledby": t
+  }, r), o ? /* @__PURE__ */ s.createElement("title", {
+    id: t
+  }, o) : null, /* @__PURE__ */ s.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
+  }));
+}
+const pe = /* @__PURE__ */ s.forwardRef(ve);
+function ye({
+  title: o,
+  titleId: t,
+  ...r
+}, a) {
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: a,
+    "aria-labelledby": t
+  }, r), o ? /* @__PURE__ */ s.createElement("title", {
+    id: t
+  }, o) : null, /* @__PURE__ */ s.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h1.5C5.496 19.5 6 18.996 6 18.375m-3.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-1.5A1.125 1.125 0 0 1 18 18.375M20.625 4.5H3.375m17.25 0c.621 0 1.125.504 1.125 1.125M20.625 4.5h-1.5C18.504 4.5 18 5.004 18 5.625m3.75 0v1.5c0 .621-.504 1.125-1.125 1.125M3.375 4.5c-.621 0-1.125.504-1.125 1.125M3.375 4.5h1.5C5.496 4.5 6 5.004 6 5.625m-3.75 0v1.5c0 .621.504 1.125 1.125 1.125m0 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m1.5-3.75C5.496 8.25 6 7.746 6 7.125v-1.5M4.875 8.25C5.496 8.25 6 8.754 6 9.375v1.5m0-5.25v5.25m0-5.25C6 5.004 6.504 4.5 7.125 4.5h9.75c.621 0 1.125.504 1.125 1.125m1.125 2.625h1.5m-1.5 0A1.125 1.125 0 0 1 18 7.125v-1.5m1.125 2.625c-.621 0-1.125.504-1.125 1.125v1.5m2.625-2.625c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125M18 5.625v5.25M7.125 12h9.75m-9.75 0A1.125 1.125 0 0 1 6 10.875M7.125 12C6.504 12 6 12.504 6 13.125m0-2.25C6 11.496 5.496 12 4.875 12M18 10.875c0 .621-.504 1.125-1.125 1.125M18 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m-12 5.25v-5.25m0 5.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125m-12 0v-1.5c0-.621-.504-1.125-1.125-1.125M18 18.375v-5.25m0 5.25v-1.5c0-.621.504-1.125 1.125-1.125M18 13.125v1.5c0 .621.504 1.125 1.125 1.125M18 13.125c0-.621.504-1.125 1.125-1.125M6 13.125v1.5c0 .621-.504 1.125-1.125 1.125M6 13.125C6 12.504 5.496 12 4.875 12m-1.5 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M19.125 12h1.5m0 0c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h1.5m14.25 0h1.5"
+  }));
+}
+const ke = /* @__PURE__ */ s.forwardRef(ye);
+function we({
+  title: o,
+  titleId: t,
+  ...r
+}, a) {
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: a,
+    "aria-labelledby": t
+  }, r), o ? /* @__PURE__ */ s.createElement("title", {
+    id: t
+  }, o) : null, /* @__PURE__ */ s.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "m9 9 10.5-3m0 6.553v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 1 1-.99-3.467l2.31-.66a2.25 2.25 0 0 0 1.632-2.163Zm0 0V2.25L9 5.25v10.303m0 0v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 0 1-.99-3.467l2.31-.66A2.25 2.25 0 0 0 9 15.553Z"
+  }));
+}
+const xe = /* @__PURE__ */ s.forwardRef(we);
+function Ee({
+  title: o,
+  titleId: t,
+  ...r
+}, a) {
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: a,
+    "aria-labelledby": t
+  }, r), o ? /* @__PURE__ */ s.createElement("title", {
+    id: t
+  }, o) : null, /* @__PURE__ */ s.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"
+  }));
+}
+const je = /* @__PURE__ */ s.forwardRef(Ee);
+function Re({
+  title: o,
+  titleId: t,
+  ...r
+}, a) {
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: a,
+    "aria-labelledby": t
+  }, r), o ? /* @__PURE__ */ s.createElement("title", {
+    id: t
+  }, o) : null, /* @__PURE__ */ s.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h7.5c.621 0 1.125-.504 1.125-1.125m-9.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-7.5A1.125 1.125 0 0 1 12 18.375m9.75-12.75c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125m19.5 0v1.5c0 .621-.504 1.125-1.125 1.125M2.25 5.625v1.5c0 .621.504 1.125 1.125 1.125m0 0h17.25m-17.25 0h7.5c.621 0 1.125.504 1.125 1.125M3.375 8.25c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m17.25-3.75h-7.5c-.621 0-1.125.504-1.125 1.125m8.625-1.125c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M12 10.875v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125M13.125 12h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125M20.625 12c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5M12 14.625v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 14.625c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m0 1.5v-1.5m0 0c0-.621.504-1.125 1.125-1.125m0 0h7.5"
+  }));
+}
+const Ue = /* @__PURE__ */ s.forwardRef(Re), Le = ({
+  type: o,
+  size: t = "md",
+  colored: r = !0,
+  className: a
+}) => {
+  const d = {
+    xs: "h-3 w-3",
+    sm: "h-4 w-4",
+    md: "h-5 w-5",
+    lg: "h-6 w-6",
+    xl: "h-8 w-8"
+  }, b = (k) => {
+    const l = k.toLowerCase();
+    return l.startsWith("image/") || [".jpg", ".jpeg", ".png", ".gif", ".svg", ".webp", ".ico"].some(
+      (c) => l.endsWith(c)
+    ) ? {
+      Icon: je,
+      color: "text-blue-600 dark:text-blue-400"
+    } : l.startsWith("video/") || [".mp4", ".avi", ".mov", ".wmv", ".flv", ".webm"].some(
+      (c) => l.endsWith(c)
+    ) ? {
+      Icon: ke,
+      color: "text-purple-600 dark:text-purple-400"
+    } : l.startsWith("audio/") || [".mp3", ".wav", ".ogg", ".m4a", ".flac"].some(
+      (c) => l.endsWith(c)
+    ) ? {
+      Icon: xe,
+      color: "text-pink-600 dark:text-pink-400"
+    } : l.includes("pdf") || l.endsWith(".pdf") ? {
+      Icon: fe,
+      color: "text-red-600 dark:text-red-400"
+    } : l.includes("word") || l.includes("document") || [".doc", ".docx", ".odt"].some((c) => l.endsWith(c)) ? {
+      Icon: he,
+      color: "text-blue-700 dark:text-blue-300"
+    } : l.includes("excel") || l.includes("spreadsheet") || [".xls", ".xlsx", ".ods", ".csv"].some((c) => l.endsWith(c)) ? {
+      Icon: Ue,
+      color: "text-green-600 dark:text-green-400"
+    } : [
+      ".js",
+      ".ts",
+      ".jsx",
+      ".tsx",
+      ".py",
+      ".java",
+      ".cpp",
+      ".c",
+      ".h",
+      ".css",
+      ".scss",
+      ".html",
+      ".json",
+      ".xml",
+      ".yaml",
+      ".yml",
+      ".sh",
+      ".sql"
+    ].some((c) => l.endsWith(c)) ? {
+      Icon: ge,
+      color: "text-gray-700 dark:text-gray-300"
+    } : l.includes("zip") || l.includes("compressed") || l.includes("archive") || [".zip", ".rar", ".7z", ".tar", ".gz", ".bz2"].some(
+      (c) => l.endsWith(c)
+    ) ? {
+      Icon: de,
+      color: "text-yellow-600 dark:text-yellow-400"
+    } : {
+      Icon: pe,
+      color: "text-gray-600 dark:text-gray-400"
+    };
+  }, { Icon: v, color: y } = b(o);
+  return /* @__PURE__ */ i.jsx(
+    v,
+    {
+      className: g(
+        d[t],
+        r ? y : "text-gray-600 dark:text-gray-400",
+        a
+      )
+    }
+  );
+}, We = ({
+  className: o,
+  children: t,
+  disabled: r = !1,
+  onClick: a
+}) => /* @__PURE__ */ i.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",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : a,
+    role: "region",
+    "aria-label": "UfileUpreview",
+    children: t || "UfileUpreview Component"
+  }
+), Ie = ({
+  className: o,
+  children: t,
+  disabled: r = !1,
+  onClick: a
+}) => /* @__PURE__ */ i.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",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : a,
+    role: "region",
+    "aria-label": "UfileUtree",
+    children: t || "UfileUtree Component"
+  }
+), Fe = ({
+  icon: o,
+  "aria-label": t,
+  onClick: r,
+  size: a = "md",
+  shape: d = "rounded",
+  variant: b = "default",
+  disabled: v = !1,
+  type: y = "button",
+  className: k,
+  title: l
+}) => {
+  const c = {
+    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"
+    }
+  }, h = {
+    circle: "rounded-full",
+    square: "rounded-none",
+    rounded: "rounded-lg"
+  }, E = {
+    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 = c[a];
+  return /* @__PURE__ */ i.jsx(
+    "button",
+    {
+      type: y,
+      onClick: r,
+      disabled: v,
+      "aria-label": t,
+      title: l || t,
+      className: g(
+        "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[d],
+        E[b],
+        k
+      ),
+      children: /* @__PURE__ */ i.jsx(o, { className: p.icon })
+    }
+  );
+}, $e = ({
+  className: o,
+  children: t,
+  disabled: r = !1,
+  onClick: a
+}) => /* @__PURE__ */ i.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",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : a,
+    role: "region",
+    "aria-label": "UimportUpreview",
+    children: t || "UimportUpreview Component"
+  }
+), ze = ({
+  className: o,
+  children: t,
+  disabled: r = !1,
+  onClick: a
+}) => /* @__PURE__ */ i.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",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : a,
+    role: "region",
+    "aria-label": "UjsonUimporter",
+    children: t || "UjsonUimporter Component"
+  }
+), Ve = ({
+  className: o,
+  children: t,
+  disabled: r = !1,
+  onClick: a
+}) => /* @__PURE__ */ i.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",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : a,
+    role: "region",
+    "aria-label": "UjsonUviewer",
+    children: t || "UjsonUviewer Component"
+  }
+), De = ({
+  label: o,
+  value: t,
+  orientation: r = "vertical",
+  align: a = "start",
+  labelWidth: d = "auto",
+  size: b = "md",
+  separator: v = !1,
+  labelVariant: y = "muted",
+  valueVariant: k = "default",
+  className: l,
+  labelClassName: c,
+  valueClassName: h
+}) => {
+  const E = {
+    sm: {
+      label: U.body.sm(),
+      value: U.body.sm(),
+      gap: "gap-1"
+    },
+    md: {
+      label: U.body.md(),
+      value: U.body.md(),
+      gap: "gap-2"
+    },
+    lg: {
+      label: U.body.lg(),
+      value: U.body.lg(),
+      gap: "gap-3"
+    }
+  }, p = {
+    auto: "",
+    sm: "w-24",
+    md: "w-32",
+    lg: "w-40"
+  }, w = {
+    start: "justify-start",
+    center: "justify-center",
+    between: "justify-between"
+  }, x = {
+    default: "text-gray-700 dark:text-gray-300",
+    muted: "text-gray-600 dark:text-gray-400",
+    strong: "text-gray-900 dark:text-gray-100 font-semibold"
+  }, j = {
+    default: "text-gray-900 dark:text-gray-100",
+    muted: "text-gray-600 dark:text-gray-400",
+    strong: "text-gray-900 dark:text-gray-100 font-semibold",
+    primary: "text-blue-600 dark:text-blue-400"
+  }, C = E[b];
+  return /* @__PURE__ */ i.jsxs(
+    "div",
+    {
+      className: g(
+        r === "horizontal" ? "flex items-center" : "flex flex-col",
+        r === "horizontal" && w[a],
+        C.gap,
+        v && "pb-3 mb-3 border-b border-gray-200 dark:border-gray-700",
+        l
+      ),
+      children: [
+        /* @__PURE__ */ i.jsx(
+          "dt",
+          {
+            className: g(
+              C.label,
+              x[y],
+              r === "horizontal" && p[d],
+              r === "horizontal" && "flex-shrink-0",
+              c
+            ),
+            children: o
+          }
+        ),
+        /* @__PURE__ */ i.jsx(
+          "dd",
+          {
+            className: g(
+              C.value,
+              j[k],
+              r === "horizontal" && "flex-1",
+              h
+            ),
+            children: t
+          }
+        )
+      ]
+    }
+  );
+}, Ye = ({
+  className: o,
+  children: t,
+  disabled: r = !1,
+  onClick: a
+}) => /* @__PURE__ */ i.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",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : a,
+    role: "region",
+    "aria-label": "UmarkdownUrenderer",
+    children: t || "UmarkdownUrenderer Component"
+  }
+), He = ({
+  value: o,
+  size: t = 200,
+  fgColor: r = "#000000",
+  bgColor: a = "#ffffff",
+  showDownload: d = !1,
+  className: b
+}) => {
+  const v = ae(null);
+  ne(() => {
+    const k = v.current;
+    if (!k) return;
+    const l = k.getContext("2d");
+    if (!l) return;
+    l.fillStyle = a, l.fillRect(0, 0, t, t), l.fillStyle = r;
+    const c = 8, h = t / c, E = o.split("").reduce((w, x) => w + x.charCodeAt(0), 0);
+    for (let w = 0; w < c; w++)
+      for (let x = 0; x < c; x++)
+        (E + w * c + x) % 3 !== 0 && l.fillRect(x * h, w * h, h, h);
+    const p = h * 3;
+    [
+      [0, 0],
+      [t - p, 0],
+      [0, t - p]
+    ].forEach(([w, x]) => {
+      l.strokeStyle = r, l.lineWidth = h, l.strokeRect(
+        w + h / 2,
+        x + h / 2,
+        p - h,
+        p - h
+      );
+    });
+  }, [o, t, r, a]);
+  const y = () => {
+    const k = v.current;
+    if (!k) return;
+    const l = k.toDataURL("image/png"), c = document.createElement("a");
+    c.download = "qrcode.png", c.href = l, c.click();
+  };
+  return /* @__PURE__ */ i.jsxs("div", { className: g("inline-flex flex-col items-center gap-3", b), children: [
+    /* @__PURE__ */ i.jsx(
+      "canvas",
+      {
+        ref: v,
+        width: t,
+        height: t,
+        className: "border-2 border-gray-200 dark:border-gray-700 rounded-lg"
+      }
+    ),
+    d && /* @__PURE__ */ i.jsx(
+      "button",
+      {
+        onClick: y,
+        className: g(
+          "px-4 py-2 text-sm font-medium",
+          "bg-blue-600 dark:bg-blue-500 text-white",
+          "rounded-md",
+          "hover:bg-blue-700 dark:hover:bg-blue-600",
+          "transition-colors"
+        ),
+        children: "Download QR Code"
+      }
+    ),
+    /* @__PURE__ */ i.jsx("p", { className: "text-xs text-gray-600 dark:text-gray-400 max-w-[200px] text-center break-all", children: o })
+  ] });
+}, Be = ({
+  className: o,
+  children: t,
+  disabled: r = !1,
+  onClick: a
+}) => /* @__PURE__ */ i.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",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : a,
+    role: "region",
+    "aria-label": "UuploadUprogress",
+    children: t || "UuploadUprogress Component"
+  }
+), Ze = ({
+  value: o,
+  onChange: t,
+  placeholder: r,
+  className: a
+}) => /* @__PURE__ */ i.jsxs(
+  "div",
+  {
+    className: g(
+      "border border-gray-300 dark:border-gray-700 rounded-lg",
+      a
+    ),
+    children: [
+      /* @__PURE__ */ i.jsx("div", { className: "flex gap-1 p-2 border-b border-gray-300 dark:border-gray-700", children: ["B", "I", "U", "H1", "H2", "List", "Link"].map((d) => /* @__PURE__ */ i.jsx(
+        "button",
+        {
+          className: "px-3 py-1 hover:bg-gray-100 dark:hover:bg-gray-800 rounded text-sm font-semibold",
+          children: d
+        },
+        d
+      )) }),
+      /* @__PURE__ */ i.jsx(
+        "textarea",
+        {
+          value: o,
+          onChange: (d) => t(d.target.value),
+          placeholder: r,
+          className: "w-full p-4 bg-white dark:bg-gray-900 text-gray-900 dark:text-white resize-none focus:outline-none",
+          rows: 10
+        }
+      )
+    ]
+  }
+);
+export {
+  Le as FileIcon,
+  Fe as IconButton,
+  De as KeyValuePair,
+  He as QRCodeDisplay,
+  Ne as UcellUeditor,
+  Ae as UcolumnUresize,
+  Oe as UcsvUimporter,
+  Me as UdiffUviewer,
+  Se as UexcelUuploader,
+  Pe as UfileUbrowser,
+  We as UfileUpreview,
+  Ie as UfileUtree,
+  $e as UimportUpreview,
+  ze as UjsonUimporter,
+  Ve as UjsonUviewer,
+  Ye as UmarkdownUrenderer,
+  Be as UuploadUprogress,
+  Ze as WysiwygEditor
+};