@companix/uikit 0.1.40 → 0.1.42

package/dist/Popover/index.d.ts

@@ -18,10 +18,12 @@ export interface PopoverProps {
     showArrows?: boolean;
     minimal?: boolean;
     sideOffset?: number;
+    alignOffset?: number;
     matchTarget?: 'width' | 'min-width';
     className?: string;
     fitMaxHeight?: boolean;
     disabled?: boolean;
     zIndex?: number;
+    style?: React.CSSProperties;
 }
 export declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/bundle.es11.js

@@ -1,58 +1,61 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-popover";
-import { attr as B } from "@companix/utils-browser";
-import M from "classnames";
-import { forwardRef as j, useRef as k } from "react";
-const D = j((i, n) => {
+import { attr as j } from "@companix/utils-browser";
+import k from "classnames";
+import { forwardRef as F, useRef as T } from "react";
+const H = F((i, n) => {
   const {
     children: s,
     sideOffset: l,
-    matchTarget: c,
-    onAnimationEnd: m,
-    onAnimationStart: d,
+    alignOffset: c,
+    matchTarget: m,
+    onAnimationEnd: d,
+    onAnimationStart: f,
     onOpenAutoFocus: p,
-    onCloseAutoFocus: f,
-    triggerRef: h,
-    triggerProps: g,
-    open: u,
-    content: v,
-    onOpenChange: C,
-    align: x,
-    disabled: w,
-    minimal: L,
-    className: N,
-    fitMaxHeight: O = !0,
-    zIndex: P = 9999,
-    side: A,
-    showArrows: b
-  } = i, e = k(null), y = () => {
+    onCloseAutoFocus: h,
+    style: g,
+    triggerRef: u,
+    triggerProps: v,
+    open: C,
+    content: x,
+    onOpenChange: w,
+    align: L,
+    disabled: O,
+    minimal: N,
+    className: P,
+    fitMaxHeight: y = !0,
+    zIndex: A = 9999,
+    side: b,
+    showArrows: R
+  } = i, e = T(null), B = () => {
     e.current && e.current.click();
-  }, R = (t) => {
-    w && t.preventDefault();
+  }, M = (t) => {
+    O && t.preventDefault();
   };
-  return /* @__PURE__ */ a(o.Root, { open: u, onOpenChange: C, children: [
-    /* @__PURE__ */ r(o.Trigger, { ref: h, ...g, onClick: R, asChild: !0, children: s }),
+  return /* @__PURE__ */ a(o.Root, { open: C, onOpenChange: w, children: [
+    /* @__PURE__ */ r(o.Trigger, { ref: u, ...v, onClick: M, asChild: !0, children: s }),
     /* @__PURE__ */ r(o.Portal, { children: /* @__PURE__ */ a(
       o.Content,
       {
         ref: n,
-        className: M("popover", N),
-        side: A,
-        align: x,
-        "data-appearance": L ? "minimal" : "default",
-        "data-match-target": c,
+        className: k("popover", P),
+        side: b,
+        align: L,
+        "data-appearance": N ? "minimal" : "default",
+        "data-match-target": m,
         sideOffset: l ?? 6,
+        alignOffset: c,
         avoidCollisions: !0,
         arrowPadding: 10,
-        style: { zIndex: P },
-        onAnimationStart: d,
-        onAnimationEnd: m,
+        style: { zIndex: A, ...g },
+        onAnimationStart: f,
+        onAnimationEnd: d,
         onOpenAutoFocus: p,
-        onCloseAutoFocus: f,
+        onCloseAutoFocus: h,
         onWheel: (t) => t.stopPropagation(),
         children: [
           /* @__PURE__ */ r(o.Close, { ref: e, style: { display: "none" } }),
-          b && /* @__PURE__ */ r(o.Arrow, { width: 30, height: 11, asChild: !0, children: /* @__PURE__ */ r("div", { className: "popover-arrow", children: /* @__PURE__ */ a("svg", { className: "popover-arrow-icon", viewBox: "0 0 30 11", width: 30, height: 11, children: [
+          R && /* @__PURE__ */ r(o.Arrow, { width: 30, height: 11, asChild: !0, children: /* @__PURE__ */ r("div", { className: "popover-arrow", children: /* @__PURE__ */ a("svg", { className: "popover-arrow-icon", viewBox: "0 0 30 11", width: 30, height: 11, children: [
             /* @__PURE__ */ r(
               "path",
               {
@@ -72,12 +75,12 @@ const D = j((i, n) => {
               }
             )
           ] }) }) }),
-          /* @__PURE__ */ r("div", { className: "popover-content", "data-fit-max-height": B(O), children: v({ close: y }) })
+          /* @__PURE__ */ r("div", { className: "popover-content", "data-fit-max-height": j(y), children: x({ close: B }) })
         ]
       }
     ) })
   ] });
 });
 export {
-  D as Popover
+  H as Popover
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/uikit",
-  "version": "0.1.40",
+  "version": "0.1.42",
   "main": "./dist/bundle.es.js",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",