@zag-js/tabs 0.74.2 → 0.76.0

package/dist/index.d.mts

@@ -12,7 +12,7 @@ interface FocusChangeDetails {
     focusedValue: string;
 }
 interface IntlTranslations {
-    listLabel?: string;
+    listLabel?: string | undefined;
 }
 type ElementIds = Partial<{
     root: string;
@@ -25,11 +25,11 @@ interface PublicContext extends DirectionProperty, CommonProperties {
     /**
      * The ids of the elements in the tabs. Useful for composition.
      */
-    ids?: ElementIds;
+    ids?: ElementIds | undefined;
     /**
      * Specifies the localized strings that identifies the accessibility elements and their states
      */
-    translations?: IntlTranslations;
+    translations?: IntlTranslations | undefined;
     /**
      * Whether the keyboard navigation will loop from last tab to first, and vice versa.
      * @default true
@@ -46,7 +46,7 @@ interface PublicContext extends DirectionProperty, CommonProperties {
      *
      * @default "horizontal"
      */
-    orientation?: "horizontal" | "vertical";
+    orientation?: "horizontal" | "vertical" | undefined;
     /**
      * The activation mode of the tabs. Can be `manual` or `automatic`
      * - `manual`: Tabs are activated when clicked or press `enter` key.
@@ -54,15 +54,15 @@ interface PublicContext extends DirectionProperty, CommonProperties {
      *
      * @default "automatic"
      */
-    activationMode?: "manual" | "automatic";
+    activationMode?: "manual" | "automatic" | undefined;
     /**
      * Callback to be called when the selected/active tab changes
      */
-    onValueChange?: (details: ValueChangeDetails) => void;
+    onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
     /**
      * Callback to be called when the focused tab changes
      */
-    onFocusChange?: (details: FocusChangeDetails) => void;
+    onFocusChange?: ((details: FocusChangeDetails) => void) | undefined;
     /**
      * Whether the tab is composite
      */
@@ -70,7 +70,7 @@ interface PublicContext extends DirectionProperty, CommonProperties {
     /**
      * Whether the active tab can be deselected when clicking on it.
      */
-    deselectable?: boolean;
+    deselectable?: boolean | undefined;
 }
 type UserDefinedContext = RequiredBy<PublicContext, "id">;
 type ComputedContext = Readonly<{}>;
@@ -92,7 +92,7 @@ interface TriggerProps {
     /**
      * Whether the tab is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 }
 interface TriggerState {
     /**

package/dist/index.d.ts

@@ -12,7 +12,7 @@ interface FocusChangeDetails {
     focusedValue: string;
 }
 interface IntlTranslations {
-    listLabel?: string;
+    listLabel?: string | undefined;
 }
 type ElementIds = Partial<{
     root: string;
@@ -25,11 +25,11 @@ interface PublicContext extends DirectionProperty, CommonProperties {
     /**
      * The ids of the elements in the tabs. Useful for composition.
      */
-    ids?: ElementIds;
+    ids?: ElementIds | undefined;
     /**
      * Specifies the localized strings that identifies the accessibility elements and their states
      */
-    translations?: IntlTranslations;
+    translations?: IntlTranslations | undefined;
     /**
      * Whether the keyboard navigation will loop from last tab to first, and vice versa.
      * @default true
@@ -46,7 +46,7 @@ interface PublicContext extends DirectionProperty, CommonProperties {
      *
      * @default "horizontal"
      */
-    orientation?: "horizontal" | "vertical";
+    orientation?: "horizontal" | "vertical" | undefined;
     /**
      * The activation mode of the tabs. Can be `manual` or `automatic`
      * - `manual`: Tabs are activated when clicked or press `enter` key.
@@ -54,15 +54,15 @@ interface PublicContext extends DirectionProperty, CommonProperties {
      *
      * @default "automatic"
      */
-    activationMode?: "manual" | "automatic";
+    activationMode?: "manual" | "automatic" | undefined;
     /**
      * Callback to be called when the selected/active tab changes
      */
-    onValueChange?: (details: ValueChangeDetails) => void;
+    onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
     /**
      * Callback to be called when the focused tab changes
      */
-    onFocusChange?: (details: FocusChangeDetails) => void;
+    onFocusChange?: ((details: FocusChangeDetails) => void) | undefined;
     /**
      * Whether the tab is composite
      */
@@ -70,7 +70,7 @@ interface PublicContext extends DirectionProperty, CommonProperties {
     /**
      * Whether the active tab can be deselected when clicking on it.
      */
-    deselectable?: boolean;
+    deselectable?: boolean | undefined;
 }
 type UserDefinedContext = RequiredBy<PublicContext, "id">;
 type ComputedContext = Readonly<{}>;
@@ -92,7 +92,7 @@ interface TriggerProps {
     /**
      * Whether the tab is disabled
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 }
 interface TriggerState {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/tabs",
-  "version": "0.74.2",
+  "version": "0.76.0",
   "description": "Core logic for the tabs widget implemented as a state machine",
   "keywords": [
     "js",
@@ -26,13 +26,13 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.74.2",
-    "@zag-js/dom-query": "0.74.2",
-    "@zag-js/dom-event": "0.74.2",
-    "@zag-js/element-rect": "0.74.2",
-    "@zag-js/utils": "0.74.2",
-    "@zag-js/core": "0.74.2",
-    "@zag-js/types": "0.74.2"
+    "@zag-js/anatomy": "0.76.0",
+    "@zag-js/dom-query": "0.76.0",
+    "@zag-js/dom-event": "0.76.0",
+    "@zag-js/element-rect": "0.76.0",
+    "@zag-js/utils": "0.76.0",
+    "@zag-js/core": "0.76.0",
+    "@zag-js/types": "0.76.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"