@zag-js/popover 1.35.2 → 1.36.0

package/dist/index.d.mts

@@ -3,7 +3,7 @@ export { anatomy } from './popover.anatomy.mjs';
 export { connect } from './popover.connect.mjs';
 export { machine } from './popover.machine.mjs';
 export { props, splitProps } from './popover.props.mjs';
-export { PopoverApi as Api, ElementIds, PopoverMachine as Machine, OpenChangeDetails, PopoverProps as Props, PopoverService as Service } from './popover.types.mjs';
+export { PopoverApi as Api, ElementIds, IntlTranslations, PopoverMachine as Machine, OpenChangeDetails, PopoverProps as Props, PopoverService as Service } from './popover.types.mjs';
 export { Placement, PositioningOptions } from '@zag-js/popper';
 import '@zag-js/anatomy';
 import '@zag-js/types';

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { anatomy } from './popover.anatomy.js';
 export { connect } from './popover.connect.js';
 export { machine } from './popover.machine.js';
 export { props, splitProps } from './popover.props.js';
-export { PopoverApi as Api, ElementIds, PopoverMachine as Machine, OpenChangeDetails, PopoverProps as Props, PopoverService as Service } from './popover.types.js';
+export { PopoverApi as Api, ElementIds, IntlTranslations, PopoverMachine as Machine, OpenChangeDetails, PopoverProps as Props, PopoverService as Service } from './popover.types.js';
 export { Placement, PositioningOptions } from '@zag-js/popper';
 import '@zag-js/anatomy';
 import '@zag-js/types';

package/dist/popover.connect.js

@@ -39,6 +39,7 @@ var import_popover = require("./popover.anatomy.js");
 var dom = __toESM(require("./popover.dom.js"));
 function connect(service, normalize) {
   const { state, context, send, computed, prop, scope } = service;
+  const translations = prop("translations");
   const open = state.matches("open");
   const currentPlacement = context.get("currentPlacement");
   const portalled = computed("currentPortalled");
@@ -157,7 +158,7 @@ function connect(service, normalize) {
         dir: prop("dir"),
         id: dom.getCloseTriggerId(scope),
         type: "button",
-        "aria-label": "close",
+        "aria-label": translations.closeTriggerLabel,
         onClick(event) {
           if (event.defaultPrevented) return;
           event.stopPropagation();

package/dist/popover.connect.mjs

@@ -5,6 +5,7 @@ import { parts } from "./popover.anatomy.mjs";
 import * as dom from "./popover.dom.mjs";
 function connect(service, normalize) {
   const { state, context, send, computed, prop, scope } = service;
+  const translations = prop("translations");
   const open = state.matches("open");
   const currentPlacement = context.get("currentPlacement");
   const portalled = computed("currentPortalled");
@@ -123,7 +124,7 @@ function connect(service, normalize) {
         dir: prop("dir"),
         id: dom.getCloseTriggerId(scope),
         type: "button",
-        "aria-label": "close",
+        "aria-label": translations.closeTriggerLabel,
         onClick(event) {
           if (event.defaultPrevented) return;
           event.stopPropagation();

package/dist/popover.machine.js

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

package/dist/popover.machine.mjs

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

package/dist/popover.props.js

@@ -46,7 +46,8 @@ var props = (0, import_types.createProps)()([
   "open",
   "persistentElements",
   "portalled",
-  "positioning"
+  "positioning",
+  "translations"
 ]);
 var splitProps = (0, import_utils.createSplitProps)(props);
 // Annotate the CommonJS export names for ESM import in node:

package/dist/popover.props.mjs

@@ -21,7 +21,8 @@ var props = createProps()([
   "open",
   "persistentElements",
   "portalled",
-  "positioning"
+  "positioning",
+  "translations"
 ]);
 var splitProps = createSplitProps(props);
 export {

package/dist/popover.types.d.mts

@@ -7,6 +7,9 @@ import { PropTypes, RequiredBy, CommonProperties, DirectionProperty } from '@zag
 interface OpenChangeDetails {
     open: boolean;
 }
+interface IntlTranslations {
+    closeTriggerLabel?: string | undefined;
+}
 type ElementIds = Partial<{
     anchor: string;
     trigger: string;
@@ -18,6 +21,10 @@ type ElementIds = Partial<{
     arrow: string;
 }>;
 interface PopoverProps extends CommonProperties, DirectionProperty, DismissableElementHandlers, PersistentElementOptions {
+    /**
+     * Specifies the localized strings that identifies the accessibility elements and their states
+     */
+    translations?: IntlTranslations | undefined;
     /**
      * The ids of the elements in the popover. Useful for composition.
      */
@@ -78,7 +85,7 @@ interface PopoverProps extends CommonProperties, DirectionProperty, DismissableE
      */
     defaultOpen?: boolean | undefined;
 }
-type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "portalled" | "autoFocus" | "positioning";
+type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "portalled" | "autoFocus" | "positioning" | "translations";
 type ComputedContext = Readonly<{
     /**
      * The computed value of `portalled`
@@ -139,4 +146,4 @@ interface PopoverApi<T extends PropTypes = PropTypes> {
     getCloseTriggerProps: () => T["button"];
 }
 
-export type { ElementIds, OpenChangeDetails, PopoverApi, PopoverMachine, PopoverProps, PopoverSchema, PopoverService };
+export type { ElementIds, IntlTranslations, OpenChangeDetails, PopoverApi, PopoverMachine, PopoverProps, PopoverSchema, PopoverService };

package/dist/popover.types.d.ts

@@ -7,6 +7,9 @@ import { PropTypes, RequiredBy, CommonProperties, DirectionProperty } from '@zag
 interface OpenChangeDetails {
     open: boolean;
 }
+interface IntlTranslations {
+    closeTriggerLabel?: string | undefined;
+}
 type ElementIds = Partial<{
     anchor: string;
     trigger: string;
@@ -18,6 +21,10 @@ type ElementIds = Partial<{
     arrow: string;
 }>;
 interface PopoverProps extends CommonProperties, DirectionProperty, DismissableElementHandlers, PersistentElementOptions {
+    /**
+     * Specifies the localized strings that identifies the accessibility elements and their states
+     */
+    translations?: IntlTranslations | undefined;
     /**
      * The ids of the elements in the popover. Useful for composition.
      */
@@ -78,7 +85,7 @@ interface PopoverProps extends CommonProperties, DirectionProperty, DismissableE
      */
     defaultOpen?: boolean | undefined;
 }
-type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "portalled" | "autoFocus" | "positioning";
+type PropsWithDefault = "closeOnInteractOutside" | "closeOnEscape" | "modal" | "portalled" | "autoFocus" | "positioning" | "translations";
 type ComputedContext = Readonly<{
     /**
      * The computed value of `portalled`
@@ -139,4 +146,4 @@ interface PopoverApi<T extends PropTypes = PropTypes> {
     getCloseTriggerProps: () => T["button"];
 }
 
-export type { ElementIds, OpenChangeDetails, PopoverApi, PopoverMachine, PopoverProps, PopoverSchema, PopoverService };
+export type { ElementIds, IntlTranslations, OpenChangeDetails, PopoverApi, PopoverMachine, PopoverProps, PopoverSchema, PopoverService };

package/package.json

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