@astryxdesign/core 0.3.0 → 0.4.0

package/dist/NumberInput/NumberInput.js

@@ -18,8 +18,8 @@
 import { useId, useState, useMemo, useCallback, useRef } from 'react';
 import * as stylex from '@stylexjs/stylex';
 import "../theme/tokens.stylex.js";
-import { colorVars, sizeVars, radiusVars, typographyVars, typeScaleVars, borderVars } from "../theme/tokens.stylex.js";
-import { Field, inputWrapperStyles, inputStatusBorderStyles, inputStatusHoverShadowStyles, inputStatusFocusWithinStyles } from "../Field/index.js";
+import { colorVars, sizeVars, spacingVars, radiusVars, typographyVars, typeScaleVars, borderVars } from "../theme/tokens.stylex.js";
+import { Field, InputClearButton, inputWrapperStyles, inputStatusBorderStyles, inputStatusHoverShadowStyles, inputStatusFocusWithinStyles } from "../Field/index.js";
 import { Icon, renderIconSlot } from "../Icon/index.js";
 import { VisuallyHidden } from "../VisuallyHidden/index.js";
 import { useTooltip } from "../Tooltip/index.js";
@@ -32,6 +32,14 @@ const styles = {
   wrapper: {
     kY2c9j: "x1vjfegm",
     $$css: true
+  },
+  wrapperWithNumberSteppers: {
+    kwRFfy: "xyri2b",
+    $$css: true
+  },
+  incrementIcon: {
+    k3aq6I: "x19jd1h0",
+    $$css: true
   }
 };
 const sizeStyles = {
@@ -91,6 +99,56 @@ function parseNumberInput(input, options) {
   }
   return num;
 }
+function getDecimalPlaces(value) {
+  const [coefficient, exponentText] = String(value).toLowerCase().split('e');
+  const fractionLength = coefficient.split('.')[1]?.length ?? 0;
+  const exponent = exponentText == null ? 0 : Number(exponentText);
+  return Math.max(0, fractionLength - exponent);
+}
+function getEffectiveStep(step, isIntegerOnly) {
+  if (step == null || !Number.isFinite(step) || step <= 0 || isIntegerOnly && !Number.isInteger(step)) {
+    return 1;
+  }
+  return step;
+}
+function getSteppedValue({
+  currentValue,
+  direction,
+  min,
+  max,
+  step,
+  isIntegerOnly
+}) {
+  const effectiveStep = getEffectiveStep(step, isIntegerOnly);
+  const stepBase = min != null && (!isIntegerOnly || Number.isInteger(min)) ? min : 0;
+  let nextValue;
+  if (currentValue == null) {
+    nextValue = direction === 1 ? min ?? 0 : max ?? 0;
+    if (isIntegerOnly) {
+      nextValue = direction === 1 ? Math.ceil(nextValue) : Math.floor(nextValue);
+    }
+  } else {
+    const stepPosition = (currentValue - stepBase) / effectiveStep;
+    const tolerance = Number.EPSILON * Math.max(1, Math.abs(stepPosition)) * 4;
+    const nextStepPosition = direction === 1 ? Math.floor(stepPosition + tolerance) + 1 : Math.ceil(stepPosition - tolerance) - 1;
+    nextValue = stepBase + nextStepPosition * effectiveStep;
+  }
+  if (min != null) {
+    nextValue = Math.max(min, nextValue);
+  }
+  if (max != null) {
+    nextValue = Math.min(max, nextValue);
+  }
+  if (!Number.isFinite(nextValue)) {
+    return currentValue;
+  }
+  const precision = Math.min(12, Math.max(getDecimalPlaces(effectiveStep), getDecimalPlaces(stepBase)));
+  const roundedValue = Number(nextValue.toFixed(precision));
+  if (isIntegerOnly && !Number.isInteger(roundedValue)) {
+    return currentValue;
+  }
+  return Object.is(roundedValue, -0) ? 0 : roundedValue;
+}
 
 /**
  * A number input component for collecting numeric user input.
@@ -109,6 +167,7 @@ export function NumberInput({
   isOptional = false,
   isRequired = false,
   isDisabled = false,
+  isReadOnly = false,
   disabledMessage,
   startIcon,
   labelIcon,
@@ -125,6 +184,9 @@ export function NumberInput({
   min,
   max,
   step,
+  formatValue,
+  isWheelEnabled = true,
+  hasNumberSteppers = false,
   units,
   isIntegerOnly = false,
   onFocus,
@@ -152,6 +214,7 @@ export function NumberInput({
 
   // Pending input while user is typing (null = show formatted value)
   const [pendingInput, setPendingInput] = useState(null);
+  const [isFocused, setIsFocused] = useState(false);
 
   // Disabled-reason tooltip. Disabled controls swallow pointer events, so the
   // tooltip listeners attach to the input container (which already exists) and
@@ -184,9 +247,15 @@ export function NumberInput({
   // The tooltip variant renders no message box; describe the input by the
   // tooltip's content instead so the status is still announced.
   statusTooltipDescribedBy, units ? unitsID : null, showsDisabledMessage ? disabledMessageTooltip.describedBy : null], inputGroup);
+  const formattedValue = useMemo(() => {
+    if (value == null) {
+      return '';
+    }
+    return formatValue?.(value) ?? String(value);
+  }, [formatValue, value]);
 
-  // Display value: pending input if typing, otherwise the raw value
-  // Note: With type="number", we can't use formatted display values
+  // Preserve pending text while editing. Otherwise show the formatted value
+  // at rest and the raw numeric value while focused so it remains editable.
   const displayValue = useMemo(() => {
     if (pendingInput !== null) {
       return pendingInput;
@@ -194,8 +263,8 @@ export function NumberInput({
     if (value == null) {
       return '';
     }
-    return String(value);
-  }, [pendingInput, value]);
+    return isFocused ? String(value) : formattedValue;
+  }, [formattedValue, isFocused, pendingInput, value]);
 
   // Check if current pending input is valid (for styling purposes)
   const isInputValid = useMemo(() => {
@@ -214,7 +283,7 @@ export function NumberInput({
     // Value can't change while showing a disabled message (the field is
     // read-only and non-native-disabled), but guard the handler too so the
     // pending value and onChange never fire.
-    if (isDisabled) {
+    if (isDisabled || isReadOnly) {
       return;
     }
     const newValue = e.target.value;
@@ -229,10 +298,11 @@ export function NumberInput({
     if (parsed !== null && parsed !== value) {
       onChange(parsed);
     }
-  }, [value, onChange, min, max, isIntegerOnly, isDisabled]);
+  }, [value, onChange, min, max, isIntegerOnly, isDisabled, isReadOnly]);
 
   // Handle focus
   const handleFocus = useCallback(e => {
+    setIsFocused(true);
     onFocus?.(e);
   }, [onFocus]);
 
@@ -259,11 +329,58 @@ export function NumberInput({
 
     // Clear pending input - display will revert to formatted value
     setPendingInput(null);
+    setIsFocused(false);
     onBlur?.(e);
   }, [pendingInput, value, onChange, min, max, isIntegerOnly, onBlur, hasClear]);
+  const valueForStepping = useMemo(() => {
+    if (pendingInput === null) {
+      return value ?? null;
+    }
+    if (pendingInput.trim() === '') {
+      return null;
+    }
+    return parseNumberInput(pendingInput, {
+      min,
+      max,
+      isIntegerOnly
+    }) ?? value ?? null;
+  }, [isIntegerOnly, max, min, pendingInput, value]);
+  const getNextValue = useCallback(direction => getSteppedValue({
+    currentValue: valueForStepping,
+    direction,
+    min,
+    max,
+    step,
+    isIntegerOnly
+  }), [isIntegerOnly, max, min, step, valueForStepping]);
+  const stepValue = useCallback(direction => {
+    // A read-only field is not steppable by any route: keyboard, wheel, or
+    // the stepper buttons all land here.
+    if (isDisabled || isReadOnly) {
+      return;
+    }
+    const nextValue = getNextValue(direction);
+    if (nextValue == null) {
+      return;
+    }
+    setPendingInput(null);
+    if (nextValue !== value) {
+      onChange(nextValue);
+    }
+  }, [getNextValue, isDisabled, isReadOnly, onChange, value]);
 
   // Handle keyboard events
   const handleKeyDown = useCallback(e => {
+    const hasModifier = e.altKey || e.ctrlKey || e.metaKey || e.shiftKey;
+    if (!hasModifier && (e.key === 'ArrowUp' || e.key === 'ArrowDown')) {
+      onKeyDown?.(e);
+      if (e.defaultPrevented) {
+        return;
+      }
+      e.preventDefault();
+      stepValue(e.key === 'ArrowUp' ? 1 : -1);
+      return;
+    }
     if (e.key === 'Enter') {
       // Validate and commit on Enter
       if (pendingInput !== null) {
@@ -287,17 +404,33 @@ export function NumberInput({
       onEnter?.();
     }
     onKeyDown?.(e);
-  }, [pendingInput, value, onChange, min, max, isIntegerOnly, onEnter, onKeyDown, hasClear]);
+  }, [pendingInput, value, onChange, min, max, isIntegerOnly, onEnter, onKeyDown, hasClear, stepValue]);
 
-  // While focused, a wheel gesture steps the value — keep that gesture from
-  // also bubbling up and scrolling an ancestor container (page, Dialog,
-  // ScrollArea). When the input isn't focused the wheel isn't stepping the
-  // value, so normal scrolling is left alone.
-  const handleWheel = useCallback(e => {
-    if (document.activeElement === e.currentTarget) {
-      e.stopPropagation();
+  // React's delegated wheel listener can be passive, so use a native,
+  // explicitly non-passive listener to prevent page scrolling only when this
+  // focused input is intentionally consuming the gesture to step its value.
+  const wheelListenerRef = useCallback(input => {
+    if (input == null || !isWheelEnabled) {
+      return;
     }
-  }, []);
+    const handleWheel = event => {
+      // Bail before preventDefault so a read-only input never swallows the
+      // page scroll it cannot act on.
+      if (document.activeElement !== input || isDisabled || isReadOnly || event.deltaY === 0 || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      stepValue(event.deltaY < 0 ? 1 : -1);
+    };
+    input.addEventListener('wheel', handleWheel, {
+      passive: false
+    });
+    return () => input.removeEventListener('wheel', handleWheel);
+  }, [isDisabled, isReadOnly, isWheelEnabled, stepValue]);
+  const mergedInputRef = useMemo(() => mergeRefs(ref, inputRef, wheelListenerRef), [ref, wheelListenerRef]);
+  const canIncrement = getNextValue(1) !== valueForStepping;
+  const canDecrement = getNextValue(-1) !== valueForStepping;
 
   // Handle clear button click
   const handleClear = useCallback(() => {
@@ -329,8 +462,10 @@ export function NumberInput({
     onMouseUp: handleWrapperMouseUp,
     ...mergeProps(themeProps('number-input', {
       size,
-      status: status?.type ?? null
-    }), stylex.props(inputWrapperStyles.base, styles.wrapper, sizeStyles[size], isDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && !isDisabled && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], inputGroup && groupStyles.inGroup, xstyle), className, style),
+      status: status?.type ?? null,
+      disabled: isDisabled ? 'disabled' : null,
+      readonly: isReadOnly ? 'readonly' : null
+    }), stylex.props(inputWrapperStyles.base, styles.wrapper, hasNumberSteppers && styles.wrapperWithNumberSteppers, sizeStyles[size], isDisabled && inputWrapperStyles.disabled, status && inputStatusBorderStyles[status.type], status && !isDisabled && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], inputGroup && groupStyles.inGroup, xstyle), className, style),
     children: [startIcon && renderIconSlot(startIcon, {
       size: 'sm',
       color: 'secondary'
@@ -339,17 +474,18 @@ export function NumberInput({
       children: label
     }), /*#__PURE__*/_jsx("input", {
       ...rest,
-      ref: mergeRefs(ref, inputRef),
+      ref: mergedInputRef,
       id: id,
-      name: htmlName,
-      type: "number",
+      name: isDisabled || formatValue ? undefined : htmlName,
+      type: "text",
+      inputMode: isIntegerOnly ? 'numeric' : 'decimal',
+      role: "spinbutton",
       autoComplete: autoComplete,
       value: displayValue,
       onChange: handleInputChange,
       onFocus: handleFocus,
       onBlur: handleBlur,
       onKeyDown: handleKeyDown,
-      onWheel: handleWheel,
       placeholder: placeholder
       // With a disabledMessage the input keeps focusability via aria-disabled
       // so the reason is focus-discoverable; readOnly + the handler guards
@@ -357,30 +493,35 @@ export function NumberInput({
       ,
       disabled: isDisabled && !showsDisabledMessage,
       "aria-disabled": showsDisabledMessage ? 'true' : undefined,
-      readOnly: showsDisabledMessage || undefined,
+      readOnly: isReadOnly || showsDisabledMessage || undefined,
       autoFocus: hasAutoFocus,
       "data-autofocus": hasAutoFocus || undefined,
-      min: min ?? undefined,
-      max: max ?? undefined,
-      step: step ?? undefined,
+      "aria-valuemin": min ?? undefined,
+      "aria-valuemax": max ?? undefined,
+      "aria-valuenow": value ?? undefined,
+      "aria-valuetext": value == null || !formatValue ? undefined : formattedValue,
       "aria-describedby": ariaDescribedBy,
       "aria-required": isRequired === true ? 'true' : undefined,
       "aria-invalid": status?.type === 'error' || !isInputValid ? 'true' : undefined,
       "aria-labelledby": ariaLabelledBy,
       ...{
         0: {
-          className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x1yrzqix xquy46f x1raxpij x1vnlled x1l72qor x9ynric xjm74w1 x6pjikd xw6l6zx x1tgivj0 xjbqb8w x1a2a7pz xeyghm5"
+          className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx x1tgivj0 xjbqb8w x1a2a7pz xeyghm5"
         },
         2: {
-          className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x1yrzqix xquy46f x1raxpij x1vnlled x1l72qor x9ynric xjm74w1 x6pjikd xw6l6zx x1tgivj0 xjbqb8w x1a2a7pz xeyghm5 x1h6gzvc"
+          className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx x1tgivj0 xjbqb8w x1a2a7pz xeyghm5 x1h6gzvc"
         },
         1: {
-          className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x1yrzqix xquy46f x1raxpij x1vnlled x1l72qor x9ynric xjm74w1 x6pjikd xw6l6zx xjbqb8w x1a2a7pz xeyghm5 xv1l7n4"
+          className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx xjbqb8w x1a2a7pz xeyghm5 xv1l7n4"
         },
         3: {
-          className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x1yrzqix xquy46f x1raxpij x1vnlled x1l72qor x9ynric xjm74w1 x6pjikd xw6l6zx xjbqb8w x1a2a7pz xeyghm5 x1h6gzvc xv1l7n4"
+          className: "x1lliihq x98rzlu xeuugli xc342km xng3xce x1717udv x9ynric xjm74w1 x6pjikd xw6l6zx xjbqb8w x1a2a7pz xeyghm5 x1h6gzvc xv1l7n4"
         }
       }[!!isDisabled << 1 | !!!isInputValid << 0]
+    }), formatValue && htmlName && !isDisabled && /*#__PURE__*/_jsx("input", {
+      type: "hidden",
+      name: htmlName,
+      value: value == null ? '' : String(value)
     }), units && /*#__PURE__*/_jsx("span", {
       id: unitsID,
       ...{
@@ -392,21 +533,68 @@ export function NumberInput({
       role: "alert",
       "aria-live": "assertive",
       children: !isInputValid ? 'Invalid number' : ''
-    }), hasClear && value != null && !isDisabled && /*#__PURE__*/_jsx("button", {
-      type: "button",
-      onClick: handleClear,
-      "aria-label": t('@astryx.numberInput.clearLabel', {
+    }), hasClear && value != null && !isDisabled && !isReadOnly && /*#__PURE__*/_jsx(InputClearButton, {
+      label: t('@astryx.numberInput.clearLabel', {
         label
       }),
+      onClick: handleClear
+    }), statusIcon, hasNumberSteppers && /*#__PURE__*/_jsxs("div", {
       ...{
-        className: "x78zum5 x6s0dn4 xl56j7k x1717udv x1ghz6dp xc342km xng3xce xjbqb8w x1ypdohk xh6dtrn x1a2a7pz x1p25gnr x1y3gkto"
+        className: "xkh2ocl x78zum5 xdt5ytf x2lah0s x12xnipv x10hv0ee xgbv0en x1t7ytsu x14ydlgx xb3r6kr xxbepff x14i3lts"
       },
-      children: /*#__PURE__*/_jsx(Icon, {
-        icon: "close",
-        size: "sm",
-        color: "secondary"
-      })
-    }), statusIcon]
+      children: [/*#__PURE__*/_jsx("button", {
+        type: "button",
+        tabIndex: -1,
+        disabled: isDisabled || isReadOnly || !canIncrement,
+        "aria-label": t('@astryx.numberInput.incrementLabel', {
+          label
+        }),
+        onPointerDown: event => event.preventDefault(),
+        onClick: () => {
+          inputRef.current?.focus();
+          stepValue(1);
+        },
+        ...{
+          0: {
+            className: "x9f619 x78zum5 x6s0dn4 xl56j7k x98rzlu x2lwn1j x1717udv x1ghz6dp xc342km xng3xce xv9yike x10xzikg x1ilzqfv xq8i9tn x1ypdohk x1a2a7pz"
+          },
+          1: {
+            className: "x9f619 x78zum5 x6s0dn4 xl56j7k x98rzlu x2lwn1j x1717udv x1ghz6dp xc342km xng3xce x10xzikg x1a2a7pz xqa6c3m x1h6gzvc x18o3ruo"
+          }
+        }[!!(isDisabled || isReadOnly || !canIncrement) << 0],
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: "chevronDown",
+          size: "xsm",
+          color: "inherit",
+          xstyle: styles.incrementIcon
+        })
+      }), /*#__PURE__*/_jsx("button", {
+        type: "button",
+        tabIndex: -1,
+        disabled: isDisabled || isReadOnly || !canDecrement,
+        "aria-label": t('@astryx.numberInput.decrementLabel', {
+          label
+        }),
+        onPointerDown: event => event.preventDefault(),
+        onClick: () => {
+          inputRef.current?.focus();
+          stepValue(-1);
+        },
+        ...{
+          0: {
+            className: "x9f619 x78zum5 x6s0dn4 xl56j7k x98rzlu x2lwn1j x1717udv x1ghz6dp xc342km xng3xce xv9yike x10xzikg x1ilzqfv xq8i9tn x1ypdohk x1a2a7pz x11xkdxz x13fuv20 x1mly77v"
+          },
+          1: {
+            className: "x9f619 x78zum5 x6s0dn4 xl56j7k x98rzlu x2lwn1j x1717udv x1ghz6dp xc342km xng3xce x10xzikg x1a2a7pz x11xkdxz x13fuv20 x1mly77v xqa6c3m x1h6gzvc x18o3ruo"
+          }
+        }[!!(isDisabled || isReadOnly || !canDecrement) << 0],
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: "chevronDown",
+          size: "xsm",
+          color: "inherit"
+        })
+      })]
+    })]
   });
   if (inputGroup) {
     return /*#__PURE__*/_jsxs(_Fragment, {

package/dist/Outline/Outline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Outline.d.ts","sourceRoot":"","sources":["../../src/Outline/Outline.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAIzC,YAAY,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,YAAa,SAAQ,SAAS,CAAC,WAAW,CAAC;IAC1D,6CAA6C;IAC7C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAE7B,+CAA+C;IAC/C,KAAK,EAAE,WAAW,EAAE,CAAC;IAErB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEhC;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEzD;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAgJD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,KAAK,EAAE,cAAc,EACrB,OAAmB,EACnB,eAAe,EACf,aAAa,EACb,MAAU,EACV,kBAAkB,EAClB,gBAAuB,EACvB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,aAAa,EAAE,MAAM,EACrB,GAAG,KAAK,EACT,EAAE,YAAY,+BAiLd;yBAlMe,OAAO"}
+{"version":3,"file":"Outline.d.ts","sourceRoot":"","sources":["../../src/Outline/Outline.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAKzC,YAAY,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,YAAa,SAAQ,SAAS,CAAC,WAAW,CAAC;IAC1D,6CAA6C;IAC7C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAE7B,+CAA+C;IAC/C,KAAK,EAAE,WAAW,EAAE,CAAC;IAErB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEhC;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAErC;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEzD;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA4ID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,KAAK,EAAE,cAAc,EACrB,OAAmB,EACnB,eAAe,EACf,aAAa,EACb,MAAU,EACV,kBAAkB,EAClB,gBAAuB,EACvB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,aAAa,EAAE,MAAM,EACrB,GAAG,KAAK,EACT,EAAE,YAAY,+BAiLd;yBAlMe,OAAO"}

package/dist/Outline/Outline.js

@@ -32,6 +32,7 @@ import { useIsomorphicLayoutEffect } from "../hooks/useIsomorphicLayoutEffect.js
 import { mergeProps, mergeRefs } from "../utils/index.js";
 import { useScrollSpy } from "./useScrollSpy.js";
 import { themeProps } from "../utils/themeProps.js";
+import { focusOutlineProps } from "../utils/focusOutline.stylex.js";
 import { useTranslator } from "../i18n/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
@@ -72,8 +73,6 @@ const styles = {
     kHE3J0: "xe9uy6x",
     krNwJM: "x140uwzg",
     kSReZ0: "xyxi2l3",
-    k3Woio: "x17nn4n9",
-    kiEn40: "x7s97pk",
     $$css: true
   },
   activeLink: {
@@ -332,7 +331,7 @@ export function Outline({
             ...mergeProps(themeProps('outline-item', {
               active: isActive ? 'active' : null,
               level: item.level
-            }), stylex.props(styles.link, densityStyles[density], getIndentStyle(item.level), isActive && styles.activeLink, isActive && styles.activeAnchor)),
+            }), focusOutlineProps.focusVisible(styles.link, densityStyles[density], getIndentStyle(item.level), isActive && styles.activeLink, isActive && styles.activeAnchor)),
             children: /*#__PURE__*/_jsx("span", {
               ...{
                 className: "xb3r6kr xlyipyv xuxw1ft"

package/dist/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,SAAS,CAAC;AAMlD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,oBAAoB,CAAC;AAE3D,uCAAuC;AACvC,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,SAAS,CAAC,WAAW,CAAC,EACtB,UAAU,CACX;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAE7B,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAGtD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAG9C;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAGtB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAuHD;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,GACnB,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,CA6CpB;AAMD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,UAAU,EAAE,cAAc,EAC1B,OAAO,EACP,QAAQ,EAAE,YAAiB,EAC3B,eAAe,EACf,gBAAgB,EAChB,OAAiB,EACjB,SAAS,EACT,YAAmB,EACnB,IAAI,EAAE,QAAY,EAClB,YAAgB,EAChB,IAAW,EACX,UAAkB,EAClB,KAAK,EAAE,cAAc,EACrB,aAAa,EAAE,MAAM,EACrB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe,sCAwejB;yBAhgBe,UAAU"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,SAAS,CAAC;AAMlD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,oBAAoB,CAAC;AAE3D,uCAAuC;AACvC,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,SAAS,CAAC,WAAW,CAAC,EACtB,UAAU,CACX;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAE7B,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAGtD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAG9C;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAGtB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA+GD;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAC/B,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,GACnB,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,CA6CpB;AAMD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,UAAU,EAAE,cAAc,EAC1B,OAAO,EACP,QAAQ,EAAE,YAAiB,EAC3B,eAAe,EACf,gBAAgB,EAChB,OAAiB,EACjB,SAAS,EACT,YAAmB,EACnB,IAAI,EAAE,QAAY,EAClB,YAAgB,EAChB,IAAW,EACX,UAAkB,EAClB,KAAK,EAAE,cAAc,EACrB,aAAa,EAAE,MAAM,EACrB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe,sCAkfjB;yBA1gBe,UAAU"}

package/dist/Pagination/Pagination.js

@@ -34,6 +34,7 @@ import { useAnnounce } from "../hooks/useAnnounce.js";
 import { useListFocus } from "../hooks/useListFocus.js";
 import { mergeProps, rtlStyles } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
+import { focusOutlineProps } from "../utils/focusOutline.stylex.js";
 import { useTranslator } from "../i18n/useTranslator.js";
 
 // =============================================================================
@@ -50,6 +51,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // Styles
 // =============================================================================
 
+/** Width (px) of the page-size Selector field. */
+const PAGE_SIZE_SELECTOR_WIDTH = 80;
 const styles = {
   root: {
     k1xSpc: "x78zum5",
@@ -58,6 +61,34 @@ const styles = {
     kOIVth: "x18g69wz",
     $$css: true
   },
+  dot: {
+    kzqmXN: "x1f0dxl5",
+    kZKoxP: "xoqw5ej",
+    kMzoRj: "xc342km",
+    ksu8eU: "xng3xce",
+    kmVPX3: "x1717udv",
+    kaIpWk: "x16rqkct",
+    kWkggS: "x17x4s8c",
+    kkrTdU: "x1ypdohk",
+    k1ekBW: "x15406qy",
+    kIyJzY: "xuedmi6",
+    kAMwcw: "xlr8y92",
+    $$css: true
+  },
+  dotSm: {
+    kzqmXN: "x1wu31ai",
+    kZKoxP: "xcenk2v",
+    $$css: true
+  },
+  dotActive: {
+    kWkggS: "x1ewilqj",
+    $$css: true
+  },
+  dotDisabled: {
+    kkrTdU: "x1h6gzvc",
+    kSiTet: "xbyyjgo",
+    $$css: true
+  },
   activePage: {
     kWkggS: "x17x4s8c",
     k63SB2: "x1e4wzip",
@@ -459,32 +490,7 @@ export function Pagination({
                 ...mergeProps(themeProps('pagination-dot', {
                   active: isActive ? 'active' : null,
                   size
-                }), {
-                  0: {
-                    className: "x1f0dxl5 xoqw5ej xc342km xng3xce x1717udv x16rqkct x17x4s8c x1ypdohk x15406qy xuedmi6 xlr8y92 x1a2a7pz x17nn4n9 x1wfwxd8 x7s97pk"
-                  },
-                  4: {
-                    className: "xc342km xng3xce x1717udv x16rqkct x17x4s8c x1ypdohk x15406qy xuedmi6 xlr8y92 x1a2a7pz x17nn4n9 x1wfwxd8 x7s97pk x1wu31ai xcenk2v"
-                  },
-                  2: {
-                    className: "x1f0dxl5 xoqw5ej xc342km xng3xce x1717udv x16rqkct x1ypdohk x15406qy xuedmi6 xlr8y92 x1a2a7pz x17nn4n9 x1wfwxd8 x7s97pk x1ewilqj"
-                  },
-                  6: {
-                    className: "xc342km xng3xce x1717udv x16rqkct x1ypdohk x15406qy xuedmi6 xlr8y92 x1a2a7pz x17nn4n9 x1wfwxd8 x7s97pk x1wu31ai xcenk2v x1ewilqj"
-                  },
-                  1: {
-                    className: "x1f0dxl5 xoqw5ej xc342km xng3xce x1717udv x16rqkct x17x4s8c x15406qy xuedmi6 xlr8y92 x1a2a7pz x17nn4n9 x1wfwxd8 x7s97pk x1h6gzvc xbyyjgo"
-                  },
-                  5: {
-                    className: "xc342km xng3xce x1717udv x16rqkct x17x4s8c x15406qy xuedmi6 xlr8y92 x1a2a7pz x17nn4n9 x1wfwxd8 x7s97pk x1wu31ai xcenk2v x1h6gzvc xbyyjgo"
-                  },
-                  3: {
-                    className: "x1f0dxl5 xoqw5ej xc342km xng3xce x1717udv x16rqkct x15406qy xuedmi6 xlr8y92 x1a2a7pz x17nn4n9 x1wfwxd8 x7s97pk x1ewilqj x1h6gzvc xbyyjgo"
-                  },
-                  7: {
-                    className: "xc342km xng3xce x1717udv x16rqkct x15406qy xuedmi6 xlr8y92 x1a2a7pz x17nn4n9 x1wfwxd8 x7s97pk x1wu31ai xcenk2v x1ewilqj x1h6gzvc xbyyjgo"
-                  }
-                }[!!isSm << 2 | !!isActive << 1 | !!isDisabled << 0])
+                }), focusOutlineProps.focusVisible(styles.dot, isSm && styles.dotSm, isActive && styles.dotActive, isDisabled && styles.dotDisabled))
               }, i + 1);
             })
           });
@@ -564,19 +570,19 @@ export function Pagination({
       ...{
         className: "x78zum5 x6s0dn4 x1txdalj"
       },
-      children: /*#__PURE__*/_jsx("div", {
-        ...{
-          className: "x1dmp6jm"
-        },
-        children: /*#__PURE__*/_jsx(Selector, {
-          label: itemsPerPageLabel,
-          isLabelHidden: true,
-          options: pageSizeOptions.map(opt => String(opt)),
-          value: String(pageSize),
-          onChange: handlePageSizeChange,
-          size: buttonSize,
-          isDisabled: isDisabled
-        })
+      children: /*#__PURE__*/_jsx(Selector, {
+        label: itemsPerPageLabel,
+        isLabelHidden: true,
+        options: pageSizeOptions.map(opt => String(opt)),
+        value: String(pageSize),
+        onChange: handlePageSizeChange,
+        size: buttonSize,
+        isDisabled: isDisabled
+        // `width`, not `xstyle`: Selector's xstyle lands on the trigger
+        // box, while `width` sizes the whole field — which is what the
+        // removed wrapper did.
+        ,
+        width: PAGE_SIZE_SELECTOR_WIDTH
       })
     }), /*#__PURE__*/_jsxs("div", {
       ...{
@@ -587,12 +593,10 @@ export function Pagination({
         tooltip: isDisabled || !hasPrevious ? undefined : firstLabel,
         variant: "ghost",
         size: buttonSize,
-        icon: /*#__PURE__*/_jsx("span", {
-          ...stylex.props(rtlStyles.mirror),
-          children: /*#__PURE__*/_jsx(Icon, {
-            icon: "chevronsLeft",
-            size: isSm ? 'sm' : 'md'
-          })
+        icon: /*#__PURE__*/_jsx(Icon, {
+          icon: "chevronsLeft",
+          size: isSm ? 'sm' : 'md',
+          xstyle: rtlStyles.mirror
         }),
         onClick: handleFirst,
         isDisabled: isDisabled || !hasPrevious,
@@ -602,12 +606,10 @@ export function Pagination({
         tooltip: isDisabled || !hasPrevious ? undefined : previousLabel,
         variant: "ghost",
         size: buttonSize,
-        icon: /*#__PURE__*/_jsx("span", {
-          ...stylex.props(rtlStyles.mirror),
-          children: /*#__PURE__*/_jsx(Icon, {
-            icon: "chevronLeft",
-            size: isSm ? 'sm' : 'md'
-          })
+        icon: /*#__PURE__*/_jsx(Icon, {
+          icon: "chevronLeft",
+          size: isSm ? 'sm' : 'md',
+          xstyle: rtlStyles.mirror
         }),
         onClick: handlePrevious,
         isDisabled: isDisabled || !hasPrevious,
@@ -617,12 +619,10 @@ export function Pagination({
         tooltip: isDisabled || !hasNext ? undefined : nextLabel,
         variant: "ghost",
         size: buttonSize,
-        icon: /*#__PURE__*/_jsx("span", {
-          ...stylex.props(rtlStyles.mirror),
-          children: /*#__PURE__*/_jsx(Icon, {
-            icon: "chevronRight",
-            size: isSm ? 'sm' : 'md'
-          })
+        icon: /*#__PURE__*/_jsx(Icon, {
+          icon: "chevronRight",
+          size: isSm ? 'sm' : 'md',
+          xstyle: rtlStyles.mirror
         }),
         onClick: handleNext,
         isDisabled: isDisabled || !hasNext,
@@ -632,12 +632,10 @@ export function Pagination({
         tooltip: isDisabled || !hasNext ? undefined : lastLabel,
         variant: "ghost",
         size: buttonSize,
-        icon: /*#__PURE__*/_jsx("span", {
-          ...stylex.props(rtlStyles.mirror),
-          children: /*#__PURE__*/_jsx(Icon, {
-            icon: "chevronsRight",
-            size: isSm ? 'sm' : 'md'
-          })
+        icon: /*#__PURE__*/_jsx(Icon, {
+          icon: "chevronsRight",
+          size: isSm ? 'sm' : 'md',
+          xstyle: rtlStyles.mirror
         }),
         onClick: handleLast,
         isDisabled: isDisabled || !hasNext,

package/dist/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAGZ,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AA4BtE;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,2EAA2E;IAC3E,GAAG,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,sCAAsC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+DAA+D;IAC/D,eAAe,EAAE,QAAQ,CAAC;IAC1B,6DAA6D;IAC7D,eAAe,EAAE,OAAO,CAAC;IACzB,4DAA4D;IAC5D,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,SAAS,EACT,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC;IACC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAC,CAAC;IAEzE;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAEzB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAsCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAmB,EACnB,SAAmB,EACnB,MAAM,EACN,YAAY,EACZ,SAAgB,EAChB,KAAK,EACL,KAAK,EACL,IAAe,EACf,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,eAAsB,EACtB,gBAAuB,EACvB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GACtB,EAAE,YAAY,GAAG,YAAY,CAoR7B;yBA1Se,OAAO"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAGZ,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AA4BtE;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,2EAA2E;IAC3E,GAAG,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,sCAAsC;IACtC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+DAA+D;IAC/D,eAAe,EAAE,QAAQ,CAAC;IAC1B,6DAA6D;IAC7D,eAAe,EAAE,OAAO,CAAC;IACzB,4DAA4D;IAC5D,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,SAAS,EACT,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC;IACC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,yBAAyB,KAAK,SAAS,CAAC,CAAC;IAEzE;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAEzB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAkCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAmB,EACnB,SAAmB,EACnB,MAAM,EACN,YAAY,EACZ,SAAgB,EAChB,KAAK,EACL,KAAK,EACL,IAAe,EACf,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,eAAsB,EACtB,gBAAuB,EACvB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GACtB,EAAE,YAAY,GAAG,YAAY,CAuR7B;yBA7Se,OAAO"}