@ztwoint/z-ui 0.1.101 → 0.1.103

package/dist/components/column-reorder/components/column-item/column-item.js

@@ -3,8 +3,8 @@ import { useRef as x, useState as h, useEffect as b } from "react";
 import { createPortal as N } from "react-dom";
 import { cn as u } from "../../../../lib/utils.js";
 import { useColumnItemDragAndDrop as v } from "./column-item.hook.js";
-import { Button as y } from "../../../button/button.js";
-import { Minus as w } from "../../../assets/icons/minus.js";
+import { Button as w } from "../../../button/button.js";
+import { Minus as y } from "../../../assets/icons/minus.js";
 import { parseColumnLabel as p } from "./column-item.util.js";
 import g from "../../../assets/icons/drag-handle.js";
 import { Z2Tooltip as k } from "../../../tooltip/tooltip.js";
@@ -79,7 +79,7 @@ const S = ({
           ref: m,
           className: u(
             "flex items-center gap-2 p-1 pl-3 bg-background-neutral-default transition-colors",
-            o ? "cursor-default opacity-60" : "cursor-grab hover:bg-background-neutral-medium",
+            o ? "cursor-default" : "cursor-grab hover:bg-background-neutral-medium",
             L[a.type] ?? ""
           ),
           children: [
@@ -105,13 +105,13 @@ const S = ({
               )
             ] }),
             /* @__PURE__ */ e("div", { className: "ml-auto flex items-center gap-3", children: i ? i(t, r) : /* @__PURE__ */ e(
-              y,
+              w,
               {
                 onClick: () => r == null ? void 0 : r(t.id),
                 variant: "ghost",
                 shade: "neutral",
                 size: "medium",
-                leftIcon: /* @__PURE__ */ e(w, { className: "w-4 h-4" })
+                leftIcon: /* @__PURE__ */ e(y, { className: "w-4 h-4" })
               }
             ) })
           ]

package/dist/components/popover/popover.js

@@ -0,0 +1,39 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-popover";
+import "react";
+import { cn as i } from "../../lib/utils.js";
+function l({ ...o }) {
+  return /* @__PURE__ */ t(e.Root, { "data-slot": "popover", ...o });
+}
+function m({ ...o }) {
+  return /* @__PURE__ */ t(e.Trigger, { "data-slot": "popover-trigger", ...o });
+}
+function f({
+  className: o,
+  align: r = "center",
+  sideOffset: a = 4,
+  ...n
+}) {
+  return /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ t(
+    e.Content,
+    {
+      "data-slot": "popover-content",
+      align: r,
+      sideOffset: a,
+      className: i(
+        "bg-surface-neutral-default text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border border-stroke-solid-light p-4 outline-hidden",
+        o
+      ),
+      ...n
+    }
+  ) });
+}
+function c({ ...o }) {
+  return /* @__PURE__ */ t(e.Anchor, { "data-slot": "popover-anchor", ...o });
+}
+export {
+  l as Popover,
+  c as PopoverAnchor,
+  f as PopoverContent,
+  m as PopoverTrigger
+};

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

@@ -41,7 +41,8 @@ import "../../../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledg
 import "@radix-ui/react-slot";
 import "@radix-ui/react-radio-group";
 import "../../../segmented-control/item.js";
-const tt = ({
+import "@radix-ui/react-popover";
+const it = ({
   avatar: m,
   value: a,
   rightIcon: o,
@@ -79,5 +80,5 @@ const tt = ({
   }
 );
 export {
-  tt as AvatarCell
+  it as AvatarCell
 };

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

@@ -46,6 +46,7 @@ import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dis
 import "@radix-ui/react-slot";
 import "@radix-ui/react-radio-group";
 import "../segmented-control/item.js";
+import "@radix-ui/react-popover";
 import { TableHeaderWrapper as T } from "./components/table-header-wrapper.js";
 import { TableHeaderContent as b } from "./components/table-header-content.js";
 import { TableFooter as s } from "./components/table-footer.js";

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

@@ -41,8 +41,9 @@ import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dis
 import "@radix-ui/react-slot";
 import "@radix-ui/react-radio-group";
 import "../segmented-control/item.js";
+import "@radix-ui/react-popover";
 import "../table/table.context.js";
-const Be = ({
+const be = ({
   dataSource: w,
   schema: B,
   loading: b,
@@ -198,5 +199,5 @@ const Be = ({
   ] });
 };
 export {
-  Be as default
+  be as default
 };

package/dist/index.d.ts

@@ -25,5 +25,6 @@ export * from './components/breadcrumb/z2-breadcrumb';
 export * from './components/radio/z2-radio';
 export * from './components/assets/icons';
 export * from './components/segmented-control';
+export * from './components/popover/popover';
 export * from './lib/theme.hook';
 export * from './lib/utils';

package/dist/index.js

@@ -105,10 +105,11 @@ import { default as ea } from "./components/assets/icons/descending.js";
 import { default as ta } from "./components/assets/icons/chain.js";
 import { SegmentedControl as pa } from "./components/segmented-control/controller.js";
 import { SegmentedControlItem as fa } from "./components/segmented-control/item.js";
-import { useTheme as ma } from "./lib/theme.hook.js";
-import { cn as xa } from "./lib/utils.js";
-import { Z2PopoverTrigger as ia } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
-import { Z2PopoverContent as sa } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
+import { Popover as ma, PopoverAnchor as da, PopoverContent as xa, PopoverTrigger as ua } from "./components/popover/popover.js";
+import { useTheme as ca } from "./lib/theme.hook.js";
+import { cn as Za } from "./lib/utils.js";
+import { Z2PopoverTrigger as Sa } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
+import { Z2PopoverContent as ba } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
 export {
   p as Alert,
   m as AlertCirclesIcon,
@@ -163,6 +164,10 @@ export {
   xr as PaginationInfo,
   ir as PaginationQuickJumper,
   vt as PinIcon,
+  ma as Popover,
+  da as PopoverAnchor,
+  xa as PopoverContent,
+  ua as PopoverTrigger,
   j as SIDEBAR_WIDTH,
   q as SIDEBAR_WIDTH_COLLAPSED,
   pa as SegmentedControl,
@@ -243,8 +248,8 @@ export {
   go as Z2DropdownSubTrigger,
   Gt as Z2Icon,
   k as Z2Popover,
-  sa as Z2PopoverContent,
-  ia as Z2PopoverTrigger,
+  ba as Z2PopoverContent,
+  Sa as Z2PopoverTrigger,
   Gr as Z2RadioGroup,
   Wr as Z2RadioGroupIndicator,
   _r as Z2RadioGroupItem,
@@ -278,9 +283,9 @@ export {
   sr as Z2Tooltip,
   br as badgeVariants,
   u as buttonVariants,
-  xa as cn,
+  Za as cn,
   De as extractCellValue,
   Le as useTableContext,
-  ma as useTheme,
+  ca as useTheme,
   P as useZ2SideNavBar
 };

package/dist/types/index.d.ts

@@ -26,5 +26,6 @@ export * from './components/breadcrumb/z2-breadcrumb';
 export * from './components/radio/z2-radio';
 export * from './components/assets/icons';
 export * from './components/segmented-control';
+export * from './components/popover/popover';
 export * from './lib/theme.hook';
 export * from './lib/utils';

package/package.json

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