@ztwoint/z-ui 0.2.0-beta.1 → 0.2.0-beta.2

package/dist/components/breadcrumb/z2-breadcrumb.js

@@ -0,0 +1,97 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { Slot as i } from "@radix-ui/react-slot";
+import { MoreHorizontal as o } from "lucide-react";
+import "react";
+import { cn as t } from "../../lib/utils.js";
+import l from "../assets/icons/z2-slash.js";
+function x({ ...r }) {
+  return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
+}
+function h({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: t("flex flex-wrap items-center gap-1 break-words", r),
+      ...e
+    }
+  );
+}
+function g({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: t(
+        "inline-flex items-center gap-1.5 text-neutral-secondary hover:text-neutral-primary cursor-pointer leading-none-medium-sm",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function N({
+  asChild: r,
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    r ? i : "a",
+    {
+      "data-slot": "breadcrumb-link",
+      className: t("hover:text-foreground transition-colors", e),
+      ...n
+    }
+  );
+}
+function Z({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: t("text-neutral-primary", r),
+      ...e
+    }
+  );
+}
+function B({ children: r, className: e, ...n }) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t("[&>svg]:size-3.5 text-stroke-solid-high", e),
+      ...n,
+      children: r ?? /* @__PURE__ */ a(l, {})
+    }
+  );
+}
+function k({ className: r, ...e }) {
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t("flex size-9 items-center justify-center", r),
+      ...e,
+      children: [
+        /* @__PURE__ */ a(o, { className: "size-4" }),
+        /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+export {
+  x as Z2Breadcrumb,
+  k as Z2BreadcrumbEllipsis,
+  g as Z2BreadcrumbItem,
+  N as Z2BreadcrumbLink,
+  h as Z2BreadcrumbList,
+  Z as Z2BreadcrumbPage,
+  B as Z2BreadcrumbSeparator
+};

package/dist/components/primitives/table-card/table-card.js

@@ -54,6 +54,8 @@ import "../../z2map/components/map-pin-content.js";
 import "../../z2map/components/map-controls.js";
 import "../../z2map/components/map-zoom-control.js";
 import "../../z2map/components/map-style-control.js";
+import "@radix-ui/react-slot";
+import "../../badge/badge.js";
 import "../../../v2/atoms/inputs/input.js";
 import "../../../v2/atoms/inputs/label.js";
 import "../../../v2/atoms/indicators/badge.js";
@@ -63,7 +65,7 @@ import "../../../v2/atoms/indicators/stepper.js";
 import "../../../v2/atoms/actions/button.js";
 import "../../../v2/atoms/actions/breadcrumb-link.js";
 import "../../table/table.context.js";
-const Xt = ({
+const Zt = ({
   dataSource: w,
   schema: B,
   loading: b,
@@ -73,7 +75,7 @@ const Xt = ({
   bordered: n = !0,
   showHeader: g = !0,
   headerClassName: j,
-  search: s,
+  search: i,
   filter: e,
   headerLeftContent: p,
   headerActions: h,
@@ -85,7 +87,7 @@ const Xt = ({
   showFooter: P = !0,
   footerClassName: T,
   pagination: l,
-  paginationInfo: i,
+  paginationInfo: s,
   paginationQuickJumper: a,
   error: u = !1,
   dataSourceError: _ = !1
@@ -100,7 +102,7 @@ const Xt = ({
         typeof u == "string" && /* @__PURE__ */ t("div", { className: "text-text-warning-secondary text-sm", children: u })
       ] })
     ] }) });
-  const N = a && a.totalPage && a.totalPage >= 2, C = l && l.totalPage && l.totalPage >= 2 || !!i || N, v = s || e || p || h, R = typeof (e == null ? void 0 : e.showFilterButton) > "u" ? !0 : e == null ? void 0 : e.showFilterButton;
+  const N = a && a.totalPage && a.totalPage >= 2, C = l && l.totalPage && l.totalPage >= 2 || !!s || N, v = i || e || p || h, R = typeof (e == null ? void 0 : e.showFilterButton) > "u" ? !0 : e == null ? void 0 : e.showFilterButton;
   return /* @__PURE__ */ m("div", { className: d("flex flex-col overflow-hidden relative", H), children: [
     /* @__PURE__ */ m(r, { dataSource: w, schema: B, emptyMessage: k, children: [
       g && v && /* @__PURE__ */ m(
@@ -115,16 +117,16 @@ const Xt = ({
           children: [
             /* @__PURE__ */ m(r.HeaderContent, { className: "overflow-x-auto p-[1px]", children: [
               p && p,
-              s && /* @__PURE__ */ t(
+              i && /* @__PURE__ */ t(
                 r.Search,
                 {
                   search: {
-                    value: s.value || "",
-                    onChange: s.onChange || (() => {
+                    value: i.value || "",
+                    onChange: i.onChange || (() => {
                     }),
-                    placeholder: s.placeholder
+                    placeholder: i.placeholder
                   },
-                  className: s.className
+                  className: i.className
                 }
               ),
               e && /* @__PURE__ */ m(
@@ -177,13 +179,13 @@ const Xt = ({
             T
           ),
           children: [
-            i ? /* @__PURE__ */ t(r.FooterContent, { children: /* @__PURE__ */ t(
+            s ? /* @__PURE__ */ t(r.FooterContent, { children: /* @__PURE__ */ t(
               r.PaginationInfo,
               {
-                showTotal: i.showTotal,
-                totalItems: i.totalItems,
-                currentPage: i.currentPage,
-                itemsPerPage: i.itemsPerPage
+                showTotal: s.showTotal,
+                totalItems: s.totalItems,
+                currentPage: s.currentPage,
+                itemsPerPage: s.itemsPerPage
               }
             ) }) : a || l ? /* @__PURE__ */ t(r.FooterContent, { children: null }) : null,
             (a || l) && /* @__PURE__ */ m(r.FooterContent, { children: [
@@ -219,5 +221,5 @@ const Xt = ({
   ] });
 };
 export {
-  Xt as default
+  Zt as default
 };

package/dist/components/table/components/cell/avatar-cell.js

@@ -54,6 +54,8 @@ import "../../../z2map/components/map-pin-content.js";
 import "../../../z2map/components/map-controls.js";
 import "../../../z2map/components/map-zoom-control.js";
 import "../../../z2map/components/map-style-control.js";
+import "@radix-ui/react-slot";
+import "../../../badge/badge.js";
 import "../../../../v2/atoms/inputs/input.js";
 import "../../../../v2/atoms/inputs/label.js";
 import "../../../../v2/atoms/indicators/badge.js";
@@ -62,7 +64,7 @@ import "../../../../v2/atoms/indicators/featured-icon.js";
 import "../../../../v2/atoms/indicators/stepper.js";
 import "../../../../v2/atoms/actions/button.js";
 import "../../../../v2/atoms/actions/breadcrumb-link.js";
-const gt = ({
+const jt = ({
   avatar: m,
   value: a,
   rightIcon: o,
@@ -100,5 +102,5 @@ const gt = ({
   }
 );
 export {
-  gt as AvatarCell
+  jt as AvatarCell
 };

package/dist/components/table/table-provider.js

@@ -59,6 +59,8 @@ import "../z2map/components/map-pin-content.js";
 import "../z2map/components/map-controls.js";
 import "../z2map/components/map-zoom-control.js";
 import "../z2map/components/map-style-control.js";
+import "@radix-ui/react-slot";
+import "../badge/badge.js";
 import "../../v2/atoms/inputs/input.js";
 import "../../v2/atoms/inputs/label.js";
 import "../../v2/atoms/indicators/badge.js";

package/dist/index.d.ts

@@ -33,4 +33,8 @@ export * from './components/radio-card/radio-card';
 export * from './components/z2map';
 export * from './lib/theme.hook';
 export * from './lib/utils';
+export * from './components/breadcrumb/z2-breadcrumb';
+export * from './components/badge/badge';
+export * from './components/input/input';
+export * from './components/button/button';
 export * from './v2';