npm - @ztwoint/z-ui - Versions diffs - 0.1.136 → 0.2.0-beta.1 - Mend

@@ -1,97 +0,0 @@
-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
-};

@@ -0,0 +1,3 @@
+export * from './kpi-card-group';
+export * from './topbar';
+export * from './tab-bar';

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { Z2KpiCardProps } from '../molecules';
+interface Z2KpiCardGroupProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    cards: Z2KpiCardProps[];
+}
+declare const Z2KpiCardGroup: ({ className, cards, ...props }: Z2KpiCardGroupProps) => import("react/jsx-runtime").JSX.Element;
+export { Z2KpiCardGroup, type Z2KpiCardGroupProps };

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Z2KpiCard as i } from "../molecules/kpi-card/kpi-card.js";
+import "../atoms/actions/breadcrumb-link.js";
+import "react";
+import { cn as m } from "../../lib/utils.js";
+const b = ({ className: e, cards: p, ...t }) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: m(
+      "flex gap-2 self-stretch p-4 bg-neutral-50 border-b border-solid border-neutral-200",
+      e
+    ),
+    ...t,
+    children: p.map((r) => /* @__PURE__ */ o(i, { ...r }, r.id))
+  }
+);
+export {
+  b as Z2KpiCardGroup
+};

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { TabGroupProps } from '../molecules/actions/tab-group';
+interface TabBarProps extends TabGroupProps {
+    children?: React.ReactNode;
+}
+declare function TabBar({ tabs, children }: TabBarProps): import("react/jsx-runtime").JSX.Element;
+export { TabBar, type TabBarProps };

@@ -0,0 +1,11 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { TabGroup as a } from "../molecules/actions/tab-group.js";
+function p({ tabs: r, children: e }) {
+  return /* @__PURE__ */ s("div", { className: "flex px-4 items-center gap-0 self-stretch bg-neutral-50 shadow-[inset_0_-1px_0_0_var(--color-neutral-200)]", children: [
+    /* @__PURE__ */ t(a, { tabs: r }),
+    e && /* @__PURE__ */ t("div", { className: "flex py-2 pl-2 justify-end items-start gap-2 flex-1 self-stretch", children: e })
+  ] });
+}
+export {
+  p as TabBar
+};

@@ -0,0 +1,6 @@
+import { Z2BreadcrumbLinkProps } from '../atoms/actions/breadcrumb-link';
+interface TopbarProps extends React.ComponentProps<'div'> {
+    breadcrumbLinks: Z2BreadcrumbLinkProps[];
+}
+declare const Topbar: ({ breadcrumbLinks, className, children, ...props }: TopbarProps) => import("react/jsx-runtime").JSX.Element;
+export { Topbar };

@@ -0,0 +1,20 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { cn as n } from "../../lib/utils.js";
+import { Z2BreadcrumbGroup as a } from "../molecules/actions/breadcrumb-group.js";
+const d = ({ breadcrumbLinks: e, className: t, children: s, ...o }) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: n(
+      "flex items-center justify-between gap-4 self-stretch px-4 py-2 border-b border-solid border-neutral-200 bg-transparent",
+      t
+    ),
+    ...o,
+    children: [
+      /* @__PURE__ */ r(a, { links: e }),
+      /* @__PURE__ */ r("div", { className: "flex items-center gap-2 justify-end", children: s })
+    ]
+  }
+);
+export {
+  d as Topbar
+};

@@ -1,6 +1,6 @@
 {
   "name": "@ztwoint/z-ui",
-  "version": "0.1.136",
+  "version": "0.2.0-beta.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

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