@zag-js/popover 1.43.1 → 1.43.3

package/dist/popover.connect.js

@@ -35,11 +35,15 @@ __export(popover_connect_exports, {
 module.exports = __toCommonJS(popover_connect_exports);
 var import_dom_query = require("@zag-js/dom-query");
 var import_popper = require("@zag-js/popper");
+var import_utils = require("@zag-js/utils");
 var import_popover = require("./popover.anatomy.js");
 var dom = __toESM(require("./popover.dom.js"));
+var defaultTranslations = {
+  closeTriggerLabel: "close"
+};
 function connect(service, normalize) {
   const { state, context, send, computed, prop, scope } = service;
-  const translations = prop("translations");
+  const translations = (0, import_utils.mergeWithDefault)(defaultTranslations, prop("translations"));
   const open = state.matches("open");
   const currentPlacement = context.get("currentPlacement");
   const currentPlacementSide = currentPlacement ? (0, import_popper.getPlacementSide)(currentPlacement) : void 0;

package/dist/popover.connect.mjs

@@ -1,11 +1,15 @@
 // src/popover.connect.ts
 import { ariaAttr, dataAttr, isLeftClick, isSafari } from "@zag-js/dom-query";
 import { getPlacementSide, getPlacementStyles } from "@zag-js/popper";
+import { mergeWithDefault } from "@zag-js/utils";
 import { parts } from "./popover.anatomy.mjs";
 import * as dom from "./popover.dom.mjs";
+var defaultTranslations = {
+  closeTriggerLabel: "close"
+};
 function connect(service, normalize) {
   const { state, context, send, computed, prop, scope } = service;
-  const translations = prop("translations");
+  const translations = mergeWithDefault(defaultTranslations, prop("translations"));
   const open = state.matches("open");
   const currentPlacement = context.get("currentPlacement");
   const currentPlacementSide = currentPlacement ? getPlacementSide(currentPlacement) : void 0;

package/dist/popover.machine.js

@@ -51,10 +51,6 @@ var machine = (0, import_core.createMachine)({
       portalled: true,
       restoreFocus: true,
       ...props,
-      translations: {
-        closeTriggerLabel: "close",
-        ...props.translations
-      },
       positioning: {
         placement: "bottom",
         ...props.positioning

package/dist/popover.machine.mjs

@@ -17,10 +17,6 @@ var machine = createMachine({
       portalled: true,
       restoreFocus: true,
       ...props,
-      translations: {
-        closeTriggerLabel: "close",
-        ...props.translations
-      },
       positioning: {
         placement: "bottom",
         ...props.positioning

package/dist/popover.types.d.mts

@@ -20,16 +20,16 @@ interface TriggerValueChangeDetails {
 interface IntlTranslations {
     closeTriggerLabel?: string | undefined;
 }
-type ElementIds = Partial<{
-    anchor: string;
-    trigger: string | ((value?: string) => string);
-    content: string;
-    title: string;
-    description: string;
-    closeTrigger: string;
-    positioner: string;
-    arrow: string;
-}>;
+interface ElementIds {
+    anchor?: string | undefined;
+    trigger?: (string | ((value?: string) => string)) | undefined;
+    content?: string | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+    closeTrigger?: string | undefined;
+    positioner?: string | undefined;
+    arrow?: string | undefined;
+}
 interface PopoverProps extends CommonProperties, DirectionProperty, DismissableElementHandlers, PersistentElementOptions {
     /**
      * Specifies the localized strings that identifies the accessibility elements and their states
@@ -118,7 +118,7 @@ interface PopoverProps extends CommonProperties, DirectionProperty, DismissableE
      */
     onTriggerValueChange?: ((details: TriggerValueChangeDetails) => void) | undefined;
 }
-type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "portalled" | "autoFocus" | "restoreFocus" | "positioning" | "translations";
+type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "portalled" | "autoFocus" | "restoreFocus" | "positioning";
 type ComputedContext = Readonly<{
     /**
      * The computed value of `portalled`
@@ -158,7 +158,7 @@ interface TriggerProps {
     /**
      * The value that identifies this specific trigger
      */
-    value?: string;
+    value?: string | undefined;
 }
 interface PopoverApi<T extends PropTypes = PropTypes> {
     /**

package/dist/popover.types.d.ts

@@ -20,16 +20,16 @@ interface TriggerValueChangeDetails {
 interface IntlTranslations {
     closeTriggerLabel?: string | undefined;
 }
-type ElementIds = Partial<{
-    anchor: string;
-    trigger: string | ((value?: string) => string);
-    content: string;
-    title: string;
-    description: string;
-    closeTrigger: string;
-    positioner: string;
-    arrow: string;
-}>;
+interface ElementIds {
+    anchor?: string | undefined;
+    trigger?: (string | ((value?: string) => string)) | undefined;
+    content?: string | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+    closeTrigger?: string | undefined;
+    positioner?: string | undefined;
+    arrow?: string | undefined;
+}
 interface PopoverProps extends CommonProperties, DirectionProperty, DismissableElementHandlers, PersistentElementOptions {
     /**
      * Specifies the localized strings that identifies the accessibility elements and their states
@@ -118,7 +118,7 @@ interface PopoverProps extends CommonProperties, DirectionProperty, DismissableE
      */
     onTriggerValueChange?: ((details: TriggerValueChangeDetails) => void) | undefined;
 }
-type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "portalled" | "autoFocus" | "restoreFocus" | "positioning" | "translations";
+type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "portalled" | "autoFocus" | "restoreFocus" | "positioning";
 type ComputedContext = Readonly<{
     /**
      * The computed value of `portalled`
@@ -158,7 +158,7 @@ interface TriggerProps {
     /**
      * The value that identifies this specific trigger
      */
-    value?: string;
+    value?: string | undefined;
 }
 interface PopoverApi<T extends PropTypes = PropTypes> {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/popover",
-  "version": "1.43.1",
+  "version": "1.43.3",
   "description": "Core logic for the popover widget implemented as a state machine",
   "keywords": [
     "js",
@@ -29,16 +29,16 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "1.43.1",
-    "@zag-js/aria-hidden": "1.43.1",
-    "@zag-js/core": "1.43.1",
-    "@zag-js/dom-query": "1.43.1",
-    "@zag-js/utils": "1.43.1",
-    "@zag-js/dismissable": "1.43.1",
-    "@zag-js/popper": "1.43.1",
-    "@zag-js/remove-scroll": "1.43.1",
-    "@zag-js/types": "1.43.1",
-    "@zag-js/focus-trap": "1.43.1"
+    "@zag-js/anatomy": "1.43.3",
+    "@zag-js/aria-hidden": "1.43.3",
+    "@zag-js/core": "1.43.3",
+    "@zag-js/dom-query": "1.43.3",
+    "@zag-js/utils": "1.43.3",
+    "@zag-js/dismissable": "1.43.3",
+    "@zag-js/popper": "1.43.3",
+    "@zag-js/remove-scroll": "1.43.3",
+    "@zag-js/types": "1.43.3",
+    "@zag-js/focus-trap": "1.43.3"
   },
   "devDependencies": {
     "clean-package": "2.2.0"