@bbki.ng/components 5.0.3 → 5.1.2

package/dist/link/Link.mjs

@@ -1,31 +1,34 @@
-import s from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
-import { Link as y } from "react-router-dom";
+import n from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
+import { Link as p } from "react-router-dom";
 import { BlinkDot as l } from "../blink-dot/BlinkDot.mjs";
-import { jsx as t, jsxs as c, Fragment as d } from "../_virtual/jsx-runtime.mjs";
+import { jsx as r, jsxs as c, Fragment as i } from "../_virtual/jsx-runtime.mjs";
 var x = /* @__PURE__ */ ((e) => (e.BLUE = "blue", e.RED = "red", e.GRAY = "gray", e))(x || {});
 const h = {
   blue: "text-blue-600",
-  red: "text-red-500",
+  red: "text-yy-pink-150",
   gray: "text-gray-400"
-}, p = {
+}, N = {
   blue: "md:not-focus:hover:bg-blue-100 md:not-focus:hover:text-blue-600",
-  red: "md:not-focus:hover:bg-red-100 md:not-focus:hover:text-red-500",
+  red: "md:not-focus:hover:bg-yy-pink-50 md:not-focus:hover:text-yy-pink-150",
   gray: "md:not-focus:hover:bg-gray-100 md:not-focus:hover:text-gray-400"
-}, N = {
+}, k = {
   blue: "focus:bg-blue-100",
-  red: "focus:bg-red-100",
+  red: "focus:bg-yy-pink-50",
   gray: "focus:bg-gray-100"
 }, R = (e) => {
   const {
-    color: o = "blue",
-    external: u,
-    className: i,
-    children: r,
-    status: n,
-    readonly: m,
-    ...f
-  } = e, a = s(
-    i,
+    color: u = "blue",
+    external: d,
+    className: f,
+    children: t,
+    status: s,
+    readonly: g,
+    ...m
+  } = e;
+  let o = u;
+  typeof t == "string" && t.includes("小乌鸦") && (o = "red");
+  const a = n(
+    f,
     "rounded-sm",
     "no-underline!",
     "inline-block",
@@ -33,11 +36,11 @@ const h = {
     "active:scale-[0.97]",
     // "focus:text-white",
     h[o],
-    p[o],
-    N[o]
+    N[o],
+    k[o]
   );
-  if (u)
-    return /* @__PURE__ */ t("a", {
+  if (d)
+    return /* @__PURE__ */ r("a", {
       href: e.to,
       className: a,
       target: "_blank",
@@ -45,35 +48,35 @@ const h = {
       style: {
         padding: 4
       },
-      children: r
+      children: t
     });
-  if (m) {
-    const g = !/^[a-zA-Z~]+$/.test(r), b = s({
-      "relative top-[2px]": g
+  if (g) {
+    const y = !/^[a-zA-Z~]+$/.test(t), b = n({
+      "relative top-[2px]": y
     });
-    return /* @__PURE__ */ c(d, {
-      children: [/* @__PURE__ */ t("span", {
-        className: s("text-gray-400", b),
+    return /* @__PURE__ */ c(i, {
+      children: [/* @__PURE__ */ r("span", {
+        className: n("text-gray-400", b),
         style: {
           padding: 4
         },
-        children: r
-      }), /* @__PURE__ */ t(l, {
-        status: n
+        children: t
+      }), /* @__PURE__ */ r(l, {
+        status: s
       })]
     });
   }
-  return /* @__PURE__ */ c(d, {
-    children: [/* @__PURE__ */ t(y, {
-      ...f,
+  return /* @__PURE__ */ c(i, {
+    children: [/* @__PURE__ */ r(p, {
+      ...m,
       className: a,
       style: {
         padding: 4
       },
-      children: r
-    }), /* @__PURE__ */ t(l, {
+      children: t
+    }), /* @__PURE__ */ r(l, {
       className: "-top-3 left-1",
-      status: n
+      status: s
     })]
   });
 };

package/dist/list/list.d.ts

@@ -7,6 +7,7 @@ export interface listProps {
     itemRenderer: (itemProps: any, index: number) => ReactElement;
     horizontal?: boolean;
     footer?: ReactNode;
+    spaceBetween?: boolean;
 }
 export declare const List: FunctionComponent<listProps>;
 export interface TitledListProps extends listProps {

package/dist/list/list.mjs

@@ -1,76 +1,78 @@
 import a from "../node_modules/.pnpm/classnames@2.3.1/node_modules/classnames/index.mjs";
-import { Link as f } from "../link/Link.mjs";
-import { Article as h } from "../article/Article.mjs";
-import { jsxs as k, jsx as e } from "../_virtual/jsx-runtime.mjs";
-const p = (i) => {
+import { Link as h } from "../link/Link.mjs";
+import { Article as u } from "../article/Article.mjs";
+import { jsxs as k, jsx as t } from "../_virtual/jsx-runtime.mjs";
+const p = (n) => {
   const {
-    items: t,
-    itemRenderer: n,
+    items: r,
+    itemRenderer: c,
     className: s,
-    horizontal: r,
+    horizontal: e,
     compact: d,
-    footer: o
-  } = i, c = d ? "" : r ? "mr-3" : "mb-16";
+    footer: i,
+    spaceBetween: l
+  } = n, m = d ? "" : e ? "mr-3" : "mb-16";
   return /* @__PURE__ */ k("ul", {
     className: a(s, "list-style-none", {
-      flex: r,
-      "items-center": r
+      flex: e,
+      "items-center": e,
+      "flex flex-col justify-between": !e && i && l
     }),
-    children: [t.map((l, m) => /* @__PURE__ */ e("li", {
-      className: a(c, "shrink-0", {
-        "my-0!": r
+    children: [r.map((o, f) => /* @__PURE__ */ t("li", {
+      className: a(m, "shrink-0", {
+        "my-0!": e
       }),
-      children: n(l, m)
-    }, l.id || m)), o && /* @__PURE__ */ e("li", {
-      className: a(c, "shrink-0", {
-        "my-0!": r
+      children: c(o, f)
+    }, o.id || f)), i && /* @__PURE__ */ t("li", {
+      className: a("shrink-0", {
+        "my-0!": e
       }),
-      children: o
+      children: i
     }, "footer")]
   });
-}, u = (i) => {
+}, L = (n) => {
   const {
-    title: t,
-    description: n,
+    title: r,
+    description: c,
     ...s
-  } = i;
-  return t ? /* @__PURE__ */ e(h, {
-    title: t,
-    description: n,
+  } = n;
+  return r ? /* @__PURE__ */ t(u, {
+    title: r,
+    description: c,
     className: "w-fit",
-    children: /* @__PURE__ */ e(p, {
+    children: /* @__PURE__ */ t(p, {
       ...s
     })
-  }) : /* @__PURE__ */ e(p, {
+  }) : /* @__PURE__ */ t(p, {
     ...s
   });
-}, j = (i) => {
+}, w = (n) => {
   const {
-    title: t,
-    description: n,
+    title: r,
+    description: c,
     links: s,
-    ...r
-  } = i;
-  return /* @__PURE__ */ e(u, {
-    title: t,
-    description: n,
+    ...e
+  } = n;
+  return /* @__PURE__ */ t(L, {
+    title: r,
+    description: c,
     items: s,
     itemRenderer: ({
-      name: o,
-      to: c,
-      external: l,
-      ...m
-    }) => /* @__PURE__ */ e(f, {
-      to: c,
-      external: l,
-      ...m,
-      children: o
-    }, o),
-    ...r
+      name: i,
+      to: l,
+      external: m,
+      ...o
+    }) => /* @__PURE__ */ t(h, {
+      to: l,
+      external: m,
+      ...o,
+      children: i
+    }, i),
+    ...e
   });
 };
 export {
-  j as LinkList,
+  w as LinkList,
   p as List,
-  u as TitledList
+  L as TitledList
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/components",
-  "version": "5.0.3",
+  "version": "5.1.2",
   "type": "module",
   "files": [
     "dist"
@@ -35,7 +35,7 @@
     "classnames": "2.3.1",
     "phenomenon": "^1.6.0",
     "react-hook-form": "7.54.2",
-    "@bbki.ng/stylebase": "3.0.0"
+    "@bbki.ng/stylebase": "3.0.1"
   },
   "devDependencies": {
     "@babel/core": "^7.18.9",