@harborclient/sdk 1.0.19 → 1.0.21

package/dist/components/MethodSelect/index.js

@@ -6,5 +6,5 @@ const METHODS = ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'HEAD', 'OPTIONS'];
  * Dropdown for selecting an HTTP request method.
  */
 export function MethodSelect({ value, onChange }) {
-    return (_jsx(Select, { variant: "plain", className: `hc-method-select w-[100px] shrink-0 cursor-pointer appearance-none border-none bg-transparent px-2 py-1.5 text-[14px] leading-none font-normal focus:outline-none focus-visible:outline-none focus-visible:shadow-none app-no-drag ${methodColorClass(value)}`, value: value, "aria-label": "HTTP method", onChange: (e) => onChange(e.target.value), children: METHODS.map((method) => (_jsx("option", { value: method, className: methodColorClass(method), children: method }, method))) }));
+    return (_jsx(Select, { variant: "plain", className: `hc-method-select w-[100px] shrink-0 cursor-pointer appearance-none border-none bg-transparent px-2 py-1.5 text-[14px] leading-none font-normal focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent app-no-drag ${methodColorClass(value)}`, value: value, "aria-label": "HTTP method", onChange: (e) => onChange(e.target.value), children: METHODS.map((method) => (_jsx("option", { value: method, className: methodColorClass(method), children: method }, method))) }));
 }

package/dist/components/SegmentedTabs/SegmentedTabPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedTabPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedTabs/SegmentedTabPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC9B;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,EAClD,KAAK,EACL,QAAQ,EACR,SAAS,EACV,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkB/B"}
+{"version":3,"file":"SegmentedTabPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedTabs/SegmentedTabPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC9B;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,EAAE,EAClD,KAAK,EACL,QAAQ,EACR,SAAS,EACV,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA4C/B"}

package/dist/components/SegmentedTabs/SegmentedTabPanel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
-import { useContext } from '@harborclient/sdk/react';
+import { useCallback, useContext } from '@harborclient/sdk/react';
 import { SegmentedTabsContext } from './SegmentedTabsContext.js';
 /**
  * Renders a WAI-ARIA tab panel linked to the matching tab in the parent group.
@@ -9,7 +9,28 @@ export function SegmentedTabPanel({ value, children, className }) {
     if (!context) {
         throw new Error('SegmentedTabPanel must be used within SegmentedTabsGroup');
     }
+    /**
+     * Moves focus back to the owning tab when ArrowUp is pressed inside the panel,
+     * except inside CodeMirror editors where Up should edit text.
+     *
+     * @param event - Keyboard event from the tab panel container.
+     */
+    const handleKeyDown = useCallback((event) => {
+        if (event.key !== 'ArrowUp' || event.defaultPrevented)
+            return;
+        const panel = event.currentTarget;
+        if (!panel.contains(document.activeElement))
+            return;
+        const active = document.activeElement;
+        if (active instanceof HTMLElement && active.closest('.cm-editor'))
+            return;
+        const tab = document.getElementById(context.getTabId(value));
+        if (tab instanceof HTMLElement) {
+            event.preventDefault();
+            tab.focus();
+        }
+    }, [context, value]);
     if (context.value !== value)
         return null;
-    return (_jsx("div", { role: "tabpanel", id: context.getPanelId(value), "aria-labelledby": context.getTabId(value), className: className, children: children }));
+    return (_jsx("div", { role: "tabpanel", id: context.getPanelId(value), "aria-labelledby": context.getTabId(value), className: className, onKeyDown: handleKeyDown, children: children }));
 }

package/dist/components/SegmentedTabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedTabs/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAKhD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC9B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,CAAC;IAEV;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAE,CAAC;IAEvB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,CAAC,EAAE,CAAC;IAE9B;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAEhC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,EAC9C,IAAI,EACJ,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,QAAe,EACf,gBAAgB,EAAE,oBAAoB,EACtC,uBAAuB,EACvB,wBAAwB,EACxB,SAAiB,EACjB,SAAS,EACT,OAAgB,EAChB,SAAS,EAAE,aAAa,EACzB,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAuNxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedTabs/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAMhD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAkD1C,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC9B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,CAAC;IAEV;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,EAAE,CAAC;IAEvB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,CAAC,EAAE,CAAC;IAE9B;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAEhC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,EAAE,EAC9C,IAAI,EACJ,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,QAAe,EACf,gBAAgB,EAAE,oBAAoB,EACtC,uBAAuB,EACvB,wBAAwB,EACxB,SAAiB,EACjB,SAAS,EACT,OAAgB,EAChB,SAAS,EAAE,aAAa,EACzB,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAoPxB"}

package/dist/components/SegmentedTabs/index.js

@@ -1,11 +1,52 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
 import { useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from '@harborclient/sdk/react';
+import { getFocusableElements } from '../useDialogFocus.js';
 import { resolveTabListKeyAction } from '../utils.js';
 import { segment, segmentGroup } from '../classes.js';
 import { SegmentedTabsContext } from './SegmentedTabsContext.js';
 import { SegmentedTabsVisibilityMenu } from './SegmentedTabsVisibilityMenu.js';
 export { SegmentedTabsGroup } from './SegmentedTabsGroup.js';
 export { SegmentedTabPanel } from './SegmentedTabPanel.js';
+/**
+ * Returns the tab value whose button currently has keyboard focus.
+ *
+ * @param tabRefs - Map of tab values to their button elements.
+ * @returns Focused tab value, or undefined when focus is outside the tab buttons.
+ */
+function getFocusedTabValue(tabRefs) {
+    const active = document.activeElement;
+    if (active == null)
+        return undefined;
+    for (const [tabValue, button] of tabRefs.entries()) {
+        if (button === active)
+            return tabValue;
+    }
+    return undefined;
+}
+/**
+ * Moves focus to the first visible focusable element inside a tab panel.
+ *
+ * Uses {@link getFocusableElements} first, then falls back to a direct query
+ * when layout APIs report no visible descendants (for example in jsdom).
+ *
+ * @param panel - Tab panel element linked from the active tab.
+ * @returns True when focus moved into the panel.
+ */
+function focusFirstFocusableInPanel(panel) {
+    if (panel == null)
+        return false;
+    let firstFocusable = getFocusableElements(panel)[0];
+    if (firstFocusable == null) {
+        const selector = 'button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+        firstFocusable =
+            Array.from(panel.querySelectorAll(selector)).find((element) => !element.closest('[aria-hidden="true"]')) ?? undefined;
+    }
+    if (firstFocusable == null || typeof firstFocusable.focus !== 'function') {
+        return false;
+    }
+    firstFocusable.focus();
+    return true;
+}
 /**
  * macOS-style segmented tab control with WAI-ARIA tabs or radiogroup semantics.
  */
@@ -113,13 +154,40 @@ export function SegmentedTabs({ tabs, value: valueProp, onChange: onChangeProp,
     const tabListClassName = ['inline-flex min-w-0 flex-1 items-center', fullWidth ? 'w-full' : '']
         .filter(Boolean)
         .join(' ');
+    const isRadiogroup = pattern === 'radiogroup';
     /**
      * Moves selection with arrow, Home, and End keys and focuses the newly
-     * selected tab or radio control.
+     * selected tab or radio control. ArrowDown on a focused tab moves focus into
+     * the linked tab panel when used inside `SegmentedTabsGroup`.
      *
      * @param event - Keyboard event from the tab list or radio group container.
      */
     const handleKeyDown = useCallback((event) => {
+        if (event.key === 'ArrowDown' && !isRadiogroup && context) {
+            const focusedTabValue = getFocusedTabValue(tabRefs.current);
+            if (focusedTabValue !== undefined) {
+                event.preventDefault();
+                /**
+                 * Focuses the first focusable control in the panel for the focused tab.
+                 */
+                const focusPanel = () => {
+                    const panel = document.getElementById(getPanelId(focusedTabValue));
+                    if (panel instanceof HTMLElement) {
+                        focusFirstFocusableInPanel(panel);
+                    }
+                };
+                if (focusedTabValue !== value) {
+                    onChange(focusedTabValue);
+                    requestAnimationFrame(() => {
+                        requestAnimationFrame(focusPanel);
+                    });
+                }
+                else {
+                    requestAnimationFrame(focusPanel);
+                }
+                return;
+            }
+        }
         const currentIndex = visibleTabs.findIndex((tab) => tab.value === value);
         const disabledIndices = visibleTabs
             .map((tab, index) => (tab.disabled ? index : -1))
@@ -137,8 +205,7 @@ export function SegmentedTabs({ tabs, value: valueProp, onChange: onChangeProp,
         requestAnimationFrame(() => {
             tabRefs.current.get(nextTab.value)?.focus();
         });
-    }, [visibleTabs, value, onChange]);
-    const isRadiogroup = pattern === 'radiogroup';
+    }, [visibleTabs, value, onChange, isRadiogroup, context, getPanelId]);
     return (_jsxs("div", { className: outerClassName, children: [_jsx("div", { className: tabListClassName, role: isRadiogroup ? 'radiogroup' : 'tablist', "aria-label": ariaLabel, ...(!isRadiogroup ? { 'aria-orientation': 'horizontal' } : {}), onKeyDown: handleKeyDown, children: visibleTabs.map((tab) => {
                     const selected = value === tab.value;
                     const tabClassName = `${segment(selected)}${fullWidth ? ' flex-1' : ''}`;
@@ -147,7 +214,7 @@ export function SegmentedTabs({ tabs, value: valueProp, onChange: onChangeProp,
                                 tabRefs.current.set(tab.value, element);
                             else
                                 tabRefs.current.delete(tab.value);
-                        }, type: "button", className: tabClassName, disabled: tab.disabled, tabIndex: selected ? 0 : -1, onClick: () => onChange(tab.value), ...(isRadiogroup
+                        }, type: "button", className: tabClassName, disabled: tab.disabled, tabIndex: tab.disabled ? -1 : 0, onClick: () => onChange(tab.value), ...(isRadiogroup
                             ? { role: 'radio', 'aria-checked': selected }
                             : {
                                 role: 'tab',

package/dist/components/TabCloseButton/index.d.ts

@@ -12,6 +12,11 @@ interface Props {
      * Optional tooltip label; defaults to "Close tab".
      */
     title?: string;
+    /**
+     * Tab order index for roving-tablist layouts. Pass `0` on the active tab and
+     * `-1` on inactive tabs so the tab label receives focus before the close control.
+     */
+    tabIndex?: number;
 }
 /**
  * Close control for document-style tabs in the request editor and AI chat.
@@ -19,7 +24,8 @@ interface Props {
  * @param ariaLabel - Accessible name describing which tab closes.
  * @param onClick - Click handler; callers should stop propagation when needed.
  * @param title - Optional native tooltip text.
+ * @param tabIndex - Tab order index; use with roving tabindex on the tab label.
  */
-export declare function TabCloseButton({ ariaLabel, onClick, title }: Props): JSX.Element;
+export declare function TabCloseButton({ ariaLabel, onClick, title, tabIndex }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/TabCloseButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TabCloseButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,UAAU,KAAK;IACb;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE9D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAmB,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAY9F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TabCloseButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,UAAU,KAAK;IACb;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE9D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,OAAO,EACP,KAAmB,EACnB,QAAQ,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAarB"}

package/dist/components/TabCloseButton/index.js

@@ -7,7 +7,8 @@ import { FaIcon } from '../FaIcon/index.js';
  * @param ariaLabel - Accessible name describing which tab closes.
  * @param onClick - Click handler; callers should stop propagation when needed.
  * @param title - Optional native tooltip text.
+ * @param tabIndex - Tab order index; use with roving tabindex on the tab label.
  */
-export function TabCloseButton({ ariaLabel, onClick, title = 'Close tab' }) {
-    return (_jsx("button", { type: "button", className: "hc-tab-close-button inline-flex aspect-square shrink-0 cursor-pointer items-center justify-center self-stretch rounded-md border-none bg-transparent text-[14px] text-muted hover:bg-selection hover:text-text focus-visible:bg-selection focus-visible:text-text app-no-drag", title: title, "aria-label": ariaLabel, onClick: onClick, children: _jsx(FaIcon, { icon: faXmark, className: "h-3.5 w-3.5" }) }));
+export function TabCloseButton({ ariaLabel, onClick, title = 'Close tab', tabIndex }) {
+    return (_jsx("button", { type: "button", className: "hc-tab-close-button inline-flex aspect-square shrink-0 cursor-pointer items-center justify-center self-stretch rounded-md border-none bg-transparent text-[14px] text-muted hover:bg-selection hover:text-text focus-visible:bg-selection focus-visible:text-text app-no-drag", title: title, "aria-label": ariaLabel, tabIndex: tabIndex, onClick: onClick, children: _jsx(FaIcon, { icon: faXmark, className: "h-3.5 w-3.5" }) }));
 }

package/dist/components/classes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../src/components/classes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,YAAY,6GACmF,CAAC;AAE7G;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAI/C"}
+{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../src/components/classes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,YAAY,6GACmF,CAAC;AAK7G;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAI/C"}

package/dist/components/classes.js

@@ -2,6 +2,7 @@
  * Shared macOS-style Tailwind class strings for SDK UI components.
  */
 export const segmentGroup = 'inline-flex p-3 border-b border-separator w-full shadow-[inset_0_0.5px_1px_rgba(0,0,0,0.06)] app-no-drag';
+const segmentFocusVisible = 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent';
 /**
  * Tailwind classes for a segmented control button.
  *
@@ -9,6 +10,6 @@ export const segmentGroup = 'inline-flex p-3 border-b border-separator w-full sh
  */
 export function segment(active) {
     return active
-        ? 'cursor-pointer rounded-[2.5px] border-none bg-field px-3 py-1 text-[15px] text-text shadow-sm app-no-drag'
-        : 'cursor-pointer rounded-[2.5px] border-none bg-transparent px-3 py-1 text-[15px] text-muted hover:text-text app-no-drag';
+        ? `cursor-pointer rounded-[2.5px] border-none bg-field px-3 py-1 text-[15px] text-text shadow-sm app-no-drag ${segmentFocusVisible}`
+        : `cursor-pointer rounded-[2.5px] border-none bg-transparent px-3 py-1 text-[15px] text-muted hover:text-text app-no-drag ${segmentFocusVisible}`;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harborclient/sdk",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "TypeScript SDK for HarborClient plugin development.",
   "keywords": [
     "harborclient",
@@ -181,6 +181,7 @@
     "@tailwindcss/vite": "^4.3.1",
     "@types/node": "^26.0.1",
     "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "concurrently": "^8.2.2",
     "cytoscape": "^3.34.0",
     "cytoscape-cose-bilkent": "^4.1.0",
@@ -188,6 +189,7 @@
     "debug": "^4.4.3",
     "eslint": "^10.5.0",
     "jest": "^30.4.2",
+    "jest-environment-jsdom": "^30.4.1",
     "mermaid": "^11.15.0",
     "prettier": "^3.8.4",
     "react": "^19.2.7",