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

package/dist/v2/organisms/index.d.ts

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

package/dist/v2/organisms/kpi-card-group.d.ts

@@ -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 };

package/dist/v2/organisms/kpi-card-group.js

@@ -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
+};

package/dist/v2/organisms/tab-bar.d.ts

@@ -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 };

package/dist/v2/organisms/tab-bar.js

@@ -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
+};

package/dist/v2/organisms/topbar.d.ts

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

package/dist/v2/organisms/topbar.js

@@ -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
+};

package/package.json

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