@webdevarif/dashui 0.1.3 → 0.1.5

package/dist/index.mjs

@@ -1513,14 +1513,23 @@ function AuthCard({ children }) {
 
 // src/components/auth/AuthLogo.tsx
 import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
-function AuthLogo({ appName = "Builify CMS", letter = "B" }) {
+function AuthLogo({ appName = "Builify CMS", letter = "B", imageUrl, size = 36 }) {
   return /* @__PURE__ */ jsxs19("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", gap: "10px", marginBottom: "28px" }, children: [
-    /* @__PURE__ */ jsx34(
+    imageUrl ? /* @__PURE__ */ jsx34(
+      "img",
+      {
+        src: imageUrl,
+        alt: appName,
+        width: size,
+        height: size,
+        style: { borderRadius: "calc(var(--radius, 0.5rem) * 1.2)", flexShrink: 0, display: "block" }
+      }
+    ) : /* @__PURE__ */ jsx34(
       "div",
       {
         style: {
-          width: 36,
-          height: 36,
+          width: size,
+          height: size,
           background: "var(--primary)",
           borderRadius: "calc(var(--radius, 0.5rem) * 1.2)",
           display: "flex",
@@ -1528,7 +1537,7 @@ function AuthLogo({ appName = "Builify CMS", letter = "B" }) {
           justifyContent: "center",
           color: "var(--primary-foreground)",
           fontWeight: 800,
-          fontSize: "1rem",
+          fontSize: `${size * 0.44}px`,
           flexShrink: 0
         },
         children: letter
@@ -1751,6 +1760,37 @@ function AuthFootnote({ text, linkText, linkHref }) {
   ] });
 }
 
+// src/components/Skeleton.tsx
+import { jsx as jsx40 } from "react/jsx-runtime";
+function Skeleton2({ width = "100%", height = 16, rounded, style }) {
+  return /* @__PURE__ */ jsx40(
+    "div",
+    {
+      style: {
+        width,
+        height,
+        background: "var(--muted, #e5e7eb)",
+        borderRadius: rounded ?? "var(--radius, 0.5rem)",
+        overflow: "hidden",
+        position: "relative",
+        flexShrink: 0,
+        ...style
+      },
+      children: /* @__PURE__ */ jsx40(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            inset: 0,
+            background: "linear-gradient(90deg, transparent 0%, color-mix(in oklab, var(--background, #fff) 40%, transparent) 50%, transparent 100%)",
+            animation: "dashui-shimmer 1.6s ease-in-out infinite"
+          }
+        }
+      )
+    }
+  );
+}
+
 // src/index.ts
 import { ThemeProvider, useTheme } from "next-themes";
 export {
@@ -1825,7 +1865,7 @@ export {
   SelectValue,
   Separator3 as Separator,
   Sidebar,
-  Skeleton,
+  Skeleton2 as Skeleton,
   Stats,
   Switch,
   Tabs,