@tempots/ui 4.2.4 → 4.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tempots/ui",
-  "version": "4.2.4",
+  "version": "4.3.0",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",

package/renderables/pop-over.d.ts

@@ -14,31 +14,46 @@ export type PopOverOptions = {
     /**
      * Specifies whether the PopOver is open or closed.
      */
-    readonly open: Value<boolean>;
+    open: Value<boolean>;
     /**
      * Specifies the content of the PopOver.
      * This should be a function that returns a TNode.
      */
-    readonly content: () => TNode;
+    content: () => TNode;
     /**
      * Specifies the placement of the PopOver.
      * This is an optional property.
      */
-    readonly placement?: Value<Placement>;
+    placement?: Value<Placement>;
     /**
      * Specifies the offset of the PopOver.
      * This is an optional property.
      */
-    readonly offset?: Value<{
+    offset?: Value<{
         /**
          * Specifies the offset on the main axis.
          */
-        readonly mainAxis?: number;
+        mainAxis?: number;
         /**
          * Specifies the offset on the cross axis.
          */
-        readonly crossAxis?: number;
+        crossAxis?: number;
     }>;
+    /**
+     * Specifies the arrow configuration for the PopOver.
+     * When provided, an arrow element will be created and positioned.
+     * This is an optional property.
+     */
+    arrow?: {
+        /**
+         * Specifies the padding between the arrow and the edges of the floating element.
+         */
+        padding?: number;
+        /**
+         * Specifies the content of the arrow.
+         */
+        content?: TNode;
+    };
 };
 /**
  * Renders a PopOver component.
@@ -47,4 +62,4 @@ export type PopOverOptions = {
  * @returns The rendered PopOver component.
  * @public
  */
-export declare const PopOver: ({ content, open, placement: placementOption, offset, }: PopOverOptions) => import('@tempots/dom').Renderable;
+export declare const PopOver: ({ content, open, placement: placementOption, offset, arrow: arrowOption, }: PopOverOptions) => import('@tempots/dom').Renderable;