@clasing/ui 2.7.4 → 2.8.0

package/dist/index-C_XDkVGm.js

@@ -0,0 +1,270 @@
+import K from "react";
+import ee from "clsx";
+import { twMerge as re } from "tailwind-merge";
+var v = { exports: {} }, d = {};
+var I;
+function te() {
+  if (I) return d;
+  I = 1;
+  var u = /* @__PURE__ */ Symbol.for("react.transitional.element"), E = /* @__PURE__ */ Symbol.for("react.fragment");
+  function c(i, o, s) {
+    var f = null;
+    if (s !== void 0 && (f = "" + s), o.key !== void 0 && (f = "" + o.key), "key" in o) {
+      s = {};
+      for (var m in o)
+        m !== "key" && (s[m] = o[m]);
+    } else s = o;
+    return o = s.ref, {
+      $$typeof: u,
+      type: i,
+      key: f,
+      ref: o !== void 0 ? o : null,
+      props: s
+    };
+  }
+  return d.Fragment = E, d.jsx = c, d.jsxs = c, d;
+}
+var _ = {};
+var $;
+function ne() {
+  return $ || ($ = 1, process.env.NODE_ENV !== "production" && (function() {
+    function u(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === H ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case p:
+          return "Fragment";
+        case U:
+          return "Profiler";
+        case W:
+          return "StrictMode";
+        case z:
+          return "Suspense";
+        case G:
+          return "SuspenseList";
+        case B:
+          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 L:
+            return "Portal";
+          case V:
+            return e.displayName || "Context";
+          case J:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case q:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case X:
+            return r = e.displayName || null, r !== null ? r : u(e.type) || "Memo";
+          case T:
+            r = e._payload, e = e._init;
+            try {
+              return u(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function E(e) {
+      return "" + e;
+    }
+    function c(e) {
+      try {
+        E(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          n
+        ), E(e);
+      }
+    }
+    function i(e) {
+      if (e === p) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === T)
+        return "<...>";
+      try {
+        var r = u(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = k.A;
+      return e === null ? null : e.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function f(e) {
+      if (j.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, r) {
+      function t() {
+        g || (g = !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
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function D() {
+      var e = u(this.type);
+      return h[e] || (h[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 M(e, r, t, n, b, A) {
+      var a = t.ref;
+      return e = {
+        $$typeof: y,
+        type: e,
+        key: r,
+        props: t,
+        _owner: n
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: D
+      }) : 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: b
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: A
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function P(e, r, t, n, b, A) {
+      var a = r.children;
+      if (a !== void 0)
+        if (n)
+          if (Z(a)) {
+            for (n = 0; n < a.length; n++)
+              w(a[n]);
+            Object.freeze && Object.freeze(a);
+          } 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 w(a);
+      if (j.call(r, "key")) {
+        a = u(e);
+        var l = Object.keys(r).filter(function(Q) {
+          return Q !== "key";
+        });
+        n = 0 < l.length ? "{key: someKey, " + l.join(": ..., ") + ": ...}" : "{key: someKey}", Y[a + n] || (l = 0 < l.length ? "{" + l.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} />`,
+          n,
+          a,
+          l,
+          a
+        ), Y[a + n] = !0);
+      }
+      if (a = null, t !== void 0 && (c(t), a = "" + t), f(r) && (c(r.key), a = "" + r.key), "key" in r) {
+        t = {};
+        for (var S in r)
+          S !== "key" && (t[S] = r[S]);
+      } else t = r;
+      return a && m(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), M(
+        e,
+        a,
+        t,
+        o(),
+        b,
+        A
+      );
+    }
+    function w(e) {
+      x(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (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 === y;
+    }
+    var R = K, y = /* @__PURE__ */ Symbol.for("react.transitional.element"), L = /* @__PURE__ */ Symbol.for("react.portal"), p = /* @__PURE__ */ Symbol.for("react.fragment"), W = /* @__PURE__ */ Symbol.for("react.strict_mode"), U = /* @__PURE__ */ Symbol.for("react.profiler"), J = /* @__PURE__ */ Symbol.for("react.consumer"), V = /* @__PURE__ */ Symbol.for("react.context"), q = /* @__PURE__ */ Symbol.for("react.forward_ref"), z = /* @__PURE__ */ Symbol.for("react.suspense"), G = /* @__PURE__ */ Symbol.for("react.suspense_list"), X = /* @__PURE__ */ Symbol.for("react.memo"), T = /* @__PURE__ */ Symbol.for("react.lazy"), B = /* @__PURE__ */ Symbol.for("react.activity"), H = /* @__PURE__ */ Symbol.for("react.client.reference"), k = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, Z = Array.isArray, O = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    R = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var g, h = {}, N = R.react_stack_bottom_frame.bind(
+      R,
+      s
+    )(), C = O(i(s)), Y = {};
+    _.Fragment = p, _.jsx = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return P(
+        e,
+        r,
+        t,
+        !1,
+        n ? Error("react-stack-top-frame") : N,
+        n ? O(i(e)) : C
+      );
+    }, _.jsxs = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return P(
+        e,
+        r,
+        t,
+        !0,
+        n ? Error("react-stack-top-frame") : N,
+        n ? O(i(e)) : C
+      );
+    };
+  })()), _;
+}
+var F;
+function ae() {
+  return F || (F = 1, process.env.NODE_ENV === "production" ? v.exports = te() : v.exports = ne()), v.exports;
+}
+var le = ae();
+function ce(...u) {
+  return re(ee(u));
+}
+export {
+  ce as c,
+  le as j
+};

package/dist/{input-9_pd3W-1.js → input-C0PAOim8.js}

@@ -1,8 +1,8 @@
-import { j as r, c as o } from "./index-CwFDnnd3.js";
+import { j as r, c as o } from "./index-C_XDkVGm.js";
 import { EyeSlashIcon as f, EyeIcon as g } from "@phosphor-icons/react";
-import { c as b } from "./index-CnqageB2.js";
+import { cva as b } from "class-variance-authority";
 import * as m from "react";
-import { B as c } from "./button-BMh8vaQL.js";
+import { B as x } from "./button-DSpGxL2e.js";
 const d = b(
   `
     flex w-full min-w-0 rounded-md border border-input bg-transparent
@@ -93,7 +93,7 @@ function y({
       }
     ),
     e === "password" && /* @__PURE__ */ r.jsx(
-      c,
+      x,
       {
         variant: "secondary",
         type: "button",

package/dist/{label-BteX4MEt.js → label-CnZHCbRc.js}

@@ -1,4 +1,4 @@
-import { j as a, c as o } from "./index-CwFDnnd3.js";
+import { j as a, c as o } from "./index-C_XDkVGm.js";
 import * as r from "@radix-ui/react-label";
 function s({
   className: e,

package/dist/{popover-eQq2Is-I.js → popover-CLQxfbEi.js}

@@ -1,4 +1,4 @@
-import { j as t, c as s } from "./index-CwFDnnd3.js";
+import { j as t, c as s } from "./index-C_XDkVGm.js";
 import * as e from "@radix-ui/react-popover";
 function p({
   ...o

package/dist/{scroll-area-CJy_EOqT.js → scroll-area-DQenuQib.js}

@@ -1,4 +1,4 @@
-import { j as r, c as s } from "./index-CwFDnnd3.js";
+import { j as r, c as s } from "./index-C_XDkVGm.js";
 import * as o from "@radix-ui/react-scroll-area";
 function c({
   className: e,

package/dist/{toggle-DuhnqdDT.js → toggle-Bj6sVNqF.js}

@@ -1,6 +1,6 @@
-import { j as n, c as i } from "./index-CwFDnnd3.js";
+import { j as a, c as i } from "./index-C_XDkVGm.js";
 import * as o from "@radix-ui/react-toggle";
-import { c as s } from "./index-CnqageB2.js";
+import { cva as s } from "class-variance-authority";
 const d = s(
   `
     inline-flex items-center justify-center gap-2 rounded-md paragraph-sm
@@ -46,14 +46,14 @@ function c({
   className: e,
   variant: t,
   size: r,
-  ...a
+  ...n
 }) {
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ a.jsx(
     o.Root,
     {
       "data-slot": "toggle",
       className: i(d({ variant: t, size: r, className: e })),
-      ...a
+      ...n
     }
   );
 }

package/dist/{tooltip-BYeLeBei.js → tooltip-CC_kyHTm.js}

@@ -1,4 +1,4 @@
-import { j as o, c as s } from "./index-CwFDnnd3.js";
+import { j as o, c as s } from "./index-C_XDkVGm.js";
 import * as r from "@radix-ui/react-tooltip";
 function d({
   delayDuration: t = 0,

package/dist/ui.css

@@ -1,7 +1,7 @@
 @import 'tailwindcss';
 @import 'tw-animate-css';
 
-@source './**/*.{js,jsx,ts,tsx}';
+@source './src/**/*.{ts,tsx}';
 
 @custom-variant dark (&:is(.dark *));
 
@@ -302,7 +302,7 @@
   --primary-foreground: var(--color-neutral-100);
   --secondary: var(--color-neutral-200);
   --secondary-foreground: var(--foreground);
-  --muted: var(--color-neutral-200);
+  --muted: var(--color-neutral-100);
   --muted-foreground: var(--color-neutral-500);
   --accent: var(--color-neutral-200);
   --accent-foreground: var(--color-neutral-900);
@@ -316,7 +316,7 @@
   --info-foreground: var(--color-blue-700);
   --border: var(--color-neutral-200);
   --input: var(--color-neutral-300);
-  --ring: var(--color-neutral-900);
+  --ring: var(--color-ring-default);
   --sidebar: var(--background);
   --sidebar-foreground: var(--foreground);
   --sidebar-primary: var(--primary);
@@ -331,9 +331,9 @@
 .dark {
   --background: var(--color-neutral-900);
   --foreground: var(--color-neutral-100);
-  --card: var(--color-neutral-800);
+  --card: var(--color-neutral-900);
   --card-foreground: var(--foreground);
-  --popover: var(--color-neutral-800);
+  --popover: var(--color-neutral-900);
   --popover-foreground: var(--foreground);
   --primary: var(--color-neutral-100);
   --primary-foreground: var(--color-neutral-900);
@@ -341,7 +341,7 @@
   --secondary-foreground: var(--color-neutral-100);
   --muted: var(--color-neutral-800);
   --muted-foreground: var(--color-neutral-400);
-  --accent: var(--color-neutral-800);
+  --accent: var(--color-neutral-700);
   --accent-foreground: var(--color-neutral-100);
   --destructive: var(--color-red-900);
   --destructive-foreground: var(--color-red-200);
@@ -353,7 +353,7 @@
   --info-foreground: var(--color-blue-200);
   --border: var(--color-neutral-700);
   --input: var(--color-neutral-700);
-  --ring: var(--color-neutral-300);
+  --ring: var(--color-ring-default);
   --sidebar: var(--color-neutral-900);
   --sidebar-foreground: var(--foreground);
   --sidebar-primary: var(--primary);
@@ -361,7 +361,7 @@
   --sidebar-accent: var(--accent);
   --sidebar-accent-foreground: var(--accent-foreground);
   --sidebar-border: var(--border);
-  --surface: var(--color-neutral-800);
+  --surface: var(--color-neutral-900);
   --surface-foreground: var(--foreground);
 }
 /*
@@ -385,7 +385,7 @@
     @apply border-border outline-ring/50;
   }
   ::selection {
-    @apply bg-selection text-selection-foreground;
+    @apply bg-blue-500/20 dark:bg-blue-500/10 text-blue-500 dark:text-blue-800;
   }
   html {
     @apply scroll-smooth;
@@ -711,3 +711,11 @@ input[type='color']::-webkit-color-swatch {
 ::-webkit-scrollbar-thumb:hover {
   background-color: var(--color-neutral-200);
 }
+
+@utility active-card {
+  @apply border-info-foreground! bg-info lg:hover:bg-info/50 dark:bg-info/50 dark:hover:bg-info/20;
+}
+
+@utility focusable-item {
+  @apply transition-[color,background-color,box-shadow] focus-visible:ring-[3px] focus-visible:ring-ring-default focus-visible:ring-offset-1 focus-visible:outline-hidden;
+}