@koide-labs/ui 0.0.10 → 0.0.12

package/dist/components/anchor/index.js

@@ -8,16 +8,13 @@ function p({ external: e, render: r, ...n }) {
   return o({
     defaultTagName: "a",
     render: r,
-    props: t(
-      {
-        className: s.anchor,
-        ...e ? {
-          target: "_blank",
-          rel: "noreferrer"
-        } : {}
-      },
-      n
-    )
+    props: t(n, {
+      className: s.anchor,
+      ...e ? {
+        target: "_blank",
+        rel: "noreferrer"
+      } : {}
+    })
   });
 }
 export {

package/dist/components/badge/index.d.ts

@@ -13,4 +13,4 @@ export interface BadgeProps extends Omit<useRender.ComponentProps<"span">, "chil
     /** Tagline of badge. */
     tagline?: string;
 }
-export declare function Badge({ icon, name, color, shiny, tagline, render, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Badge({ icon, name, color, shiny, tagline, render, className, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/badge/index.js

@@ -1,41 +1,43 @@
 "use client";
-import { jsx as e, jsxs as c, Fragment as g } from "react/jsx-runtime";
-import { c as p } from "../../clsx-OuTLNxxd.js";
-import { Icon as f } from "../icon/index.js";
-import { Text as u } from "../text/index.js";
-import { Tooltip as _ } from "../tooltip/index.js";
-import { View as b } from "../view/index.js";
-import { u as h } from "../../useRender-CLx7dR_1.js";
-import { m as x } from "../../useRenderElement-DwToLA61.js";
-import '../../index8.css';const y = "_badge_sf2gl_1", T = "_badge_shiny_sf2gl_16", t = {
-  badge: y,
-  badge_shiny: T
+import { jsx as e, jsxs as g, Fragment as p } from "react/jsx-runtime";
+import { c as f } from "../../clsx-OuTLNxxd.js";
+import { Icon as u } from "../icon/index.js";
+import { Text as _ } from "../text/index.js";
+import { Tooltip as b } from "../tooltip/index.js";
+import { View as h } from "../view/index.js";
+import { u as x } from "../../useRender-CLx7dR_1.js";
+import { m as y } from "../../useRenderElement-DwToLA61.js";
+import '../../index8.css';const T = "_badge_sf2gl_1", j = "_badge_shiny_sf2gl_16", t = {
+  badge: T,
+  badge_shiny: j
 };
-function R({
+function V({
   icon: r,
   name: m,
   color: n,
   shiny: i,
   tagline: s,
   render: a,
-  ...l
+  className: l,
+  ...d
 }) {
-  const d = h({
+  const c = x({
     defaultTagName: "span",
     render: a,
-    props: x(
-      {
-        className: p(t.badge, i && t.badge_shiny),
-        children: /* @__PURE__ */ c(g, { children: [
-          r ? /* @__PURE__ */ e(f, { name: r }) : null,
-          m
-        ] })
-      },
-      l
-    )
-  }), o = /* @__PURE__ */ e(b, { color: n, children: d });
-  return s ? /* @__PURE__ */ e(_, { trigger: o, children: /* @__PURE__ */ e(u, { size: "sm", multiline: !0, children: s }) }) : o;
+    props: y(d, {
+      className: f(
+        t.badge,
+        i && t.badge_shiny,
+        l
+      ),
+      children: /* @__PURE__ */ g(p, { children: [
+        r ? /* @__PURE__ */ e(u, { name: r }) : null,
+        m
+      ] })
+    })
+  }), o = /* @__PURE__ */ e(h, { color: n, children: c });
+  return s ? /* @__PURE__ */ e(b, { trigger: o, children: /* @__PURE__ */ e(_, { size: "sm", multiline: !0, children: s }) }) : o;
 }
 export {
-  R as Badge
+  V as Badge
 };

package/dist/components/collapse/index.js

@@ -24,17 +24,11 @@ function R({
     defaultTagName: "div",
     render: o,
     ref: l,
-    props: _(
-      {
-        "aria-hidden": !s,
-        className: p(
-          t.collapse,
-          s && t.collapse_expand
-        ),
-        style: { "--collapse-height": `${n}px` }
-      },
-      a
-    )
+    props: _(a, {
+      "aria-hidden": !s,
+      className: p(t.collapse, s && t.collapse_expand),
+      style: { "--collapse-height": `${n}px` }
+    })
   });
 }
 export {

package/dist/components/heading/index.js

@@ -24,12 +24,7 @@ function _({
   const l = i(s), a = d(e || l), u = c({
     defaultTagName: `h${a}`,
     render: o,
-    props: g(
-      {
-        className: v.heading
-      },
-      r
-    )
+    props: g(r, { className: v.heading })
   });
   return /* @__PURE__ */ m(
     x,

package/dist/components/status-banner/index.d.ts

@@ -14,4 +14,4 @@ export interface StatusBannerProps extends Omit<useRender.ComponentProps<"div">,
     /** Size, defaults to lg */
     size?: Extract<Size, "md" | "lg">;
 }
-export declare function StatusBanner({ color, icon, title, description, size, render, ...props }: StatusBannerProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusBanner({ color, icon, title, description, size, render, className, ...props }: StatusBannerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/status-banner/index.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs as _, jsx as s } from "react/jsx-runtime";
-import { c as m } from "../../clsx-OuTLNxxd.js";
-import { Heading as b } from "../heading/index.js";
-import { Icon as d } from "../icon/index.js";
-import { Text as g } from "../text/index.js";
+import { c as b } from "../../clsx-OuTLNxxd.js";
+import { Heading as d } from "../heading/index.js";
+import { Icon as g } from "../icon/index.js";
+import { Text as p } from "../text/index.js";
 import { View as i } from "../view/index.js";
 import '../../index3.css';const t = {
   "status-banner": "_status-banner_zygt6_1",
@@ -26,32 +26,34 @@ import '../../index3.css';const t = {
     description: "md"
   }
 };
-function x({
+function w({
   color: e,
   icon: r,
   title: o,
   description: l,
   size: n = "lg",
   render: u,
-  ...c
+  className: c,
+  ...m
 }) {
   return /* @__PURE__ */ _(
     i,
     {
       render: u,
-      ...c,
+      ...m,
       color: e,
-      className: m(
+      className: b(
         t["status-banner"],
         t[`status-banner_size_${n}`],
-        e ? t["status-banner_variant_colorway"] : t["status-banner_variant_neutral"]
+        e ? t["status-banner_variant_colorway"] : t["status-banner_variant_neutral"],
+        c
       ),
       children: [
-        r ? /* @__PURE__ */ s(d, { name: r, size: a[n].icon }) : null,
+        r ? /* @__PURE__ */ s(g, { name: r, size: a[n].icon }) : null,
         /* @__PURE__ */ _(i, { className: t["status-banner__content"], children: [
-          /* @__PURE__ */ s(b, { level: 1, size: a[n].title, color: "inherit", children: o }),
+          /* @__PURE__ */ s(d, { level: 1, size: a[n].title, color: "inherit", children: o }),
           /* @__PURE__ */ s(
-            g,
+            p,
             {
               className: t["status-banner__description"],
               multiline: !0,
@@ -66,5 +68,5 @@ function x({
   );
 }
 export {
-  x as StatusBanner
+  w as StatusBanner
 };

package/dist/components/text/index.js

@@ -29,22 +29,19 @@ function P({
   return m({
     defaultTagName: "span",
     render: x,
-    props: r(
-      {
-        className: i(
-          c.view,
-          t.text,
-          t[`text_color_${l}`],
-          t[`text_size_${s}`],
-          !e && t["text_clip-line"],
-          !e && _ > 1 && t["text_clamp-lines"]
-        ),
-        style: {
-          "--text-max-lines": Math.max(_, 1)
-        }
-      },
-      o
-    )
+    props: r(o, {
+      className: i(
+        c.view,
+        t.text,
+        t[`text_color_${l}`],
+        t[`text_size_${s}`],
+        !e && t["text_clip-line"],
+        !e && _ > 1 && t["text_clamp-lines"]
+      ),
+      style: {
+        "--text-max-lines": Math.max(_, 1)
+      }
+    })
   });
 }
 export {