se-design 1.0.82 → 1.0.83-dev.2

package/dist/index268.js

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=index268.js.map

package/dist/index268.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index268.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index28.js

@@ -1,9 +1,9 @@
 import i, { useMemo as D, useRef as j, useEffect as m } from "react";
 import { Icon as M } from "./index6.js";
-import { getA11yNameAttributes as $ } from "./index78.js";
+import { getA11yNameAttributes as $ } from "./index81.js";
 import { useFocusTrap as k } from "./index72.js";
-import { useDismissOnEscape as z } from "./index211.js";
-import { useFocusSentinel as T } from "./index212.js";
+import { useDismissOnEscape as z } from "./index215.js";
+import { useFocusSentinel as T } from "./index216.js";
 /* empty css         */
 function u() {
   return u = Object.assign ? Object.assign.bind() : function(s) {
@@ -96,13 +96,13 @@ const V = (s) => {
     inert: e ? void 0 : ""
   }), /* @__PURE__ */ i.createElement("div", {
     className: "overlay-content"
-  }, C && /* @__PURE__ */ i.createElement(M, {
+  }, !t && /* @__PURE__ */ i.createElement("div", _), C && /* @__PURE__ */ i.createElement(M, {
     name: O,
     onClick: d,
     className: "overlay-close",
     ariaLabel: P,
     automationId: "sidebar_overlay_close"
-  }), !t && /* @__PURE__ */ i.createElement("div", _), o, !t && /* @__PURE__ */ i.createElement("div", A)));
+  }), o, !t && /* @__PURE__ */ i.createElement("div", A)));
 };
 export {
   V as SidebarOverlay

package/dist/index28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index28.js","sources":["../src/components/SidebarOverlay/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useRef } from 'react';\nimport { Icon } from 'components/Icon';\nimport { getA11yNameAttributes, useFocusTrap, useDismissOnEscape } from '../../utils/a11y';\nimport { useFocusSentinel } from '../../utils/a11y/useFocusSentinel';\n\nimport './style.scss';\n\ntype SidebarOverlayA11yRole = 'dialog' | 'complementary';\n\nexport interface SidebarOverlayProps {\n  content: React.ReactNode;\n  className?: string;\n  alignment?: 'left' | 'right';\n  style?: React.CSSProperties;\n  noShadow?: boolean;\n  automationId?: string;\n  id?: string;\n  position?: 'absolute' | 'fixed' | 'relative' | 'static' | '';\n  isOpen?: boolean;\n  displayCloseSidebar?: boolean;\n  closeSidebarIcon?: string;\n  /**\n   * Accessible label for the close button. Defaults to 'Close sidebar'.\n   */\n  closeAriaLabel?: string;\n  onClose?: () => void;\n  onSidebarUnmount?: () => void;\n  onPathChange?: (route: string) => void;\n  currentPath?: string;\n  animateSidebar?: boolean;\n  /**\n   * Accessibility role that determines the full behavior bundle.\n   * - 'dialog': modal drawer (focus trap, scroll lock, aria-modal, Escape closes)\n   * - 'complementary': persistent side panel (no trap, no forced focus, no scroll lock)\n   * If not provided, derives from position: fixed|absolute → 'dialog', static|relative|'' → 'complementary'\n   */\n  a11yRole?: SidebarOverlayA11yRole;\n  /**\n   * Accessible name when no visible label exists.\n   * Prefer ariaLabelledBy when a visible title exists inside the sidebar.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of visible element(s) that label this sidebar.\n   * Preferred over ariaLabel when a visible title exists (keeps SR and visual text in sync).\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this sidebar (additional context).\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Explicit element to restore focus to when the sidebar closes.\n   * Overrides automatic trigger capture from document.activeElement.\n   * Use when the opener element is known (e.g. a ref on the toggle button).\n   * In complementary mode: seeds the trigger ref directly.\n   * In dialog mode: passed through to useFocusTrap.\n   */\n  returnFocusRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport const SidebarOverlay: FC<SidebarOverlayProps> = (props) => {\n  const {\n    content,\n    className = '',\n    alignment,\n    noShadow,\n    position = 'fixed',\n    isOpen,\n    displayCloseSidebar,\n    onClose,\n    onSidebarUnmount,\n    onPathChange,\n    style,\n    automationId,\n    id,\n    currentPath = '',\n    closeSidebarIcon = 'close',\n    closeAriaLabel = 'Close sidebar',\n    animateSidebar = true,\n    a11yRole,\n    ariaLabel,\n    ariaLabelledBy,\n    ariaDescribedBy,\n    returnFocusRef,\n  } = props;\n\n  // Default to complementary — consumers opt into dialog (focus trap + scroll lock)\n  // by passing a11yRole=\"dialog\" explicitly.\n  const effectiveA11yRole: SidebarOverlayA11yRole = a11yRole ?? 'complementary';\n\n  const isModal = effectiveA11yRole === 'dialog';\n\n  // Get accessible name attributes\n  const accessibleNameProps = useMemo(\n    () => getA11yNameAttributes({ ariaLabel, ariaLabelledBy, ariaDescribedBy }),\n    [ariaLabel, ariaLabelledBy, ariaDescribedBy]\n  );\n\n  const sidebarRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    return () => {\n      onSidebarUnmount && onSidebarUnmount();\n    };\n  }, []);\n\n  // Scroll lock — modal only.\n  useEffect(() => {\n    if (!isModal) return;\n    document.body.style.overflow = isOpen ? 'hidden' : '';\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [isOpen, isModal]);\n\n  useEffect(() => {\n    onPathChange && onPathChange(currentPath);\n  }, [currentPath]);\n\n  useDismissOnEscape({\n    containerRef: sidebarRef,\n    onDismiss: onClose,\n    enabled: isOpen\n  });\n\n  // Focus trap: modal mode only, guarded by onClose as a WCAG safety net —\n  // trapping focus without a dismiss path is a keyboard trap (WCAG 2.1.2).\n  useFocusTrap({\n    enabled: Boolean(isModal && isOpen && !!onClose),\n    containerRef: sidebarRef,\n    restoreFocus: true,\n    initialFocus: 'first',\n    returnFocusRef,\n  });\n\n  // Complementary (non-modal) focus management: move focus in on open,\n  // restore to trigger on close, wrap Tab/Shift+Tab at panel boundaries.\n  const { startSentinelProps, endSentinelProps } = useFocusSentinel({\n    isOpen,\n    isModal,\n    containerRef: sidebarRef,\n    returnFocusRef,\n  });\n\n  const getSidebarClassName = () => {\n    let defaultClass = `se-design-sidebar-overlay-container z-[1000]`;\n\n    defaultClass += className.length > 0 ? ` ${className}` : '';\n    defaultClass += alignment === 'left' ? ' left-aligned' : ' right-aligned';\n    defaultClass += noShadow ? ' no-shadow' : '';\n    defaultClass += position.length > 0 ? ` ${position}` : '';\n    defaultClass += isOpen ? ' open-sidebar' : ' closed-sidebar';\n    if(!animateSidebar) {\n      defaultClass += isOpen ? '' : ' hidden';\n    }\n    return defaultClass;\n  };\n\n  const getSidebarStyle = () => {\n    return {\n      ...style,\n      ...(isOpen && style?.width ? { width: style?.width } : { width: '0px' })\n    };\n  };\n\n  return (\n    <div\n      ref={sidebarRef}\n      id={id}\n      className={getSidebarClassName()}\n      style={getSidebarStyle()}\n      data-automation-id={automationId}\n      tabIndex={-1}\n      role={effectiveA11yRole}\n      aria-modal={isModal ? 'true' : undefined}\n      aria-hidden={!isOpen ? 'true' : undefined}\n      {...accessibleNameProps}\n      inert={!isOpen ? ('' as unknown as boolean) : undefined}\n    >\n      <div className=\"overlay-content\">\n        {displayCloseSidebar && (\n          <Icon\n            name={closeSidebarIcon}\n            onClick={onClose}\n            className=\"overlay-close\"\n            ariaLabel={closeAriaLabel}\n            automationId=\"sidebar_overlay_close\"\n          />\n        )}\n        {!isModal && <div {...startSentinelProps} />}\n        {content}\n        {!isModal && <div {...endSentinelProps} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["SidebarOverlay","props","content","className","alignment","noShadow","position","isOpen","displayCloseSidebar","onClose","onSidebarUnmount","onPathChange","style","automationId","id","currentPath","closeSidebarIcon","closeAriaLabel","animateSidebar","a11yRole","ariaLabel","ariaLabelledBy","ariaDescribedBy","returnFocusRef","effectiveA11yRole","isModal","accessibleNameProps","useMemo","getA11yNameAttributes","sidebarRef","useRef","useEffect","document","body","overflow","useDismissOnEscape","containerRef","onDismiss","enabled","useFocusTrap","Boolean","restoreFocus","initialFocus","startSentinelProps","endSentinelProps","useFocusSentinel","getSidebarClassName","defaultClass","length","getSidebarStyle","width","React","createElement","_extends","ref","tabIndex","role","undefined","inert","Icon","name","onClick"],"mappings":"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"}
+{"version":3,"file":"index28.js","sources":["../src/components/SidebarOverlay/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useRef } from 'react';\nimport { Icon } from 'components/Icon';\nimport { getA11yNameAttributes, useFocusTrap, useDismissOnEscape } from '../../utils/a11y';\nimport { useFocusSentinel } from '../../utils/a11y/useFocusSentinel';\n\nimport './style.scss';\n\ntype SidebarOverlayA11yRole = 'dialog' | 'complementary';\n\nexport interface SidebarOverlayProps {\n  content: React.ReactNode;\n  className?: string;\n  alignment?: 'left' | 'right';\n  style?: React.CSSProperties;\n  noShadow?: boolean;\n  automationId?: string;\n  id?: string;\n  position?: 'absolute' | 'fixed' | 'relative' | 'static' | '';\n  isOpen?: boolean;\n  displayCloseSidebar?: boolean;\n  closeSidebarIcon?: string;\n  /**\n   * Accessible label for the close button. Defaults to 'Close sidebar'.\n   */\n  closeAriaLabel?: string;\n  onClose?: () => void;\n  onSidebarUnmount?: () => void;\n  onPathChange?: (route: string) => void;\n  currentPath?: string;\n  animateSidebar?: boolean;\n  /**\n   * Accessibility role that determines the full behavior bundle.\n   * - 'dialog': modal drawer (focus trap, scroll lock, aria-modal, Escape closes)\n   * - 'complementary': persistent side panel (no trap, no forced focus, no scroll lock)\n   * If not provided, derives from position: fixed|absolute → 'dialog', static|relative|'' → 'complementary'\n   */\n  a11yRole?: SidebarOverlayA11yRole;\n  /**\n   * Accessible name when no visible label exists.\n   * Prefer ariaLabelledBy when a visible title exists inside the sidebar.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of visible element(s) that label this sidebar.\n   * Preferred over ariaLabel when a visible title exists (keeps SR and visual text in sync).\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this sidebar (additional context).\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Explicit element to restore focus to when the sidebar closes.\n   * Overrides automatic trigger capture from document.activeElement.\n   * Use when the opener element is known (e.g. a ref on the toggle button).\n   * In complementary mode: seeds the trigger ref directly.\n   * In dialog mode: passed through to useFocusTrap.\n   */\n  returnFocusRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport const SidebarOverlay: FC<SidebarOverlayProps> = (props) => {\n  const {\n    content,\n    className = '',\n    alignment,\n    noShadow,\n    position = 'fixed',\n    isOpen,\n    displayCloseSidebar,\n    onClose,\n    onSidebarUnmount,\n    onPathChange,\n    style,\n    automationId,\n    id,\n    currentPath = '',\n    closeSidebarIcon = 'close',\n    closeAriaLabel = 'Close sidebar',\n    animateSidebar = true,\n    a11yRole,\n    ariaLabel,\n    ariaLabelledBy,\n    ariaDescribedBy,\n    returnFocusRef,\n  } = props;\n\n  // Default to complementary — consumers opt into dialog (focus trap + scroll lock)\n  // by passing a11yRole=\"dialog\" explicitly.\n  const effectiveA11yRole: SidebarOverlayA11yRole = a11yRole ?? 'complementary';\n\n  const isModal = effectiveA11yRole === 'dialog';\n\n  // Get accessible name attributes\n  const accessibleNameProps = useMemo(\n    () => getA11yNameAttributes({ ariaLabel, ariaLabelledBy, ariaDescribedBy }),\n    [ariaLabel, ariaLabelledBy, ariaDescribedBy]\n  );\n\n  const sidebarRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    return () => {\n      onSidebarUnmount && onSidebarUnmount();\n    };\n  }, []);\n\n  // Scroll lock — modal only.\n  useEffect(() => {\n    if (!isModal) return;\n    document.body.style.overflow = isOpen ? 'hidden' : '';\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [isOpen, isModal]);\n\n  useEffect(() => {\n    onPathChange && onPathChange(currentPath);\n  }, [currentPath]);\n\n  useDismissOnEscape({\n    containerRef: sidebarRef,\n    onDismiss: onClose,\n    enabled: isOpen\n  });\n\n  // Focus trap: modal mode only, guarded by onClose as a WCAG safety net —\n  // trapping focus without a dismiss path is a keyboard trap (WCAG 2.1.2).\n  useFocusTrap({\n    enabled: Boolean(isModal && isOpen && !!onClose),\n    containerRef: sidebarRef,\n    restoreFocus: true,\n    initialFocus: 'first',\n    returnFocusRef,\n  });\n\n  // Complementary (non-modal) focus management: move focus in on open,\n  // restore to trigger on close, wrap Tab/Shift+Tab at panel boundaries.\n  const { startSentinelProps, endSentinelProps } = useFocusSentinel({\n    isOpen,\n    isModal,\n    containerRef: sidebarRef,\n    returnFocusRef,\n  });\n\n  const getSidebarClassName = () => {\n    let defaultClass = `se-design-sidebar-overlay-container z-[1000]`;\n\n    defaultClass += className.length > 0 ? ` ${className}` : '';\n    defaultClass += alignment === 'left' ? ' left-aligned' : ' right-aligned';\n    defaultClass += noShadow ? ' no-shadow' : '';\n    defaultClass += position.length > 0 ? ` ${position}` : '';\n    defaultClass += isOpen ? ' open-sidebar' : ' closed-sidebar';\n    if(!animateSidebar) {\n      defaultClass += isOpen ? '' : ' hidden';\n    }\n    return defaultClass;\n  };\n\n  const getSidebarStyle = () => {\n    return {\n      ...style,\n      ...(isOpen && style?.width ? { width: style?.width } : { width: '0px' })\n    };\n  };\n\n  return (\n    <div\n      ref={sidebarRef}\n      id={id}\n      className={getSidebarClassName()}\n      style={getSidebarStyle()}\n      data-automation-id={automationId}\n      tabIndex={-1}\n      role={effectiveA11yRole}\n      aria-modal={isModal ? 'true' : undefined}\n      aria-hidden={!isOpen ? 'true' : undefined}\n      {...accessibleNameProps}\n      inert={!isOpen ? ('' as unknown as boolean) : undefined}\n    >\n      <div className=\"overlay-content\">\n        {!isModal && <div {...startSentinelProps} />}\n        {displayCloseSidebar && (\n          <Icon\n            name={closeSidebarIcon}\n            onClick={onClose}\n            className=\"overlay-close\"\n            ariaLabel={closeAriaLabel}\n            automationId=\"sidebar_overlay_close\"\n          />\n        )}\n        {content}\n        {!isModal && <div {...endSentinelProps} />}\n      </div>\n    </div>\n  );\n};\n"],"names":["SidebarOverlay","props","content","className","alignment","noShadow","position","isOpen","displayCloseSidebar","onClose","onSidebarUnmount","onPathChange","style","automationId","id","currentPath","closeSidebarIcon","closeAriaLabel","animateSidebar","a11yRole","ariaLabel","ariaLabelledBy","ariaDescribedBy","returnFocusRef","effectiveA11yRole","isModal","accessibleNameProps","useMemo","getA11yNameAttributes","sidebarRef","useRef","useEffect","document","body","overflow","useDismissOnEscape","containerRef","onDismiss","enabled","useFocusTrap","Boolean","restoreFocus","initialFocus","startSentinelProps","endSentinelProps","useFocusSentinel","getSidebarClassName","defaultClass","length","getSidebarStyle","width","React","createElement","_extends","ref","tabIndex","role","undefined","inert","Icon","name","onClick"],"mappings":"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"}

package/dist/index29.js

@@ -2,7 +2,7 @@ import r, { useState as $, useMemo as j, useRef as F, useEffect as B } from "rea
 import { Icon as L } from "./index6.js";
 import { Popover as z } from "./index19.js";
 import { MenuList as H } from "./index18.js";
-import { useStableId as U } from "./index201.js";
+import { useStableId as U } from "./index205.js";
 import "./index72.js";
 import { useTabsA11y as V, getPanelId as q } from "./index73.js";
 /* empty css         */

package/dist/index3.js

@@ -1,64 +1,74 @@
-import P, { forwardRef as x } from "react";
-import { getA11yNameAttributes as N } from "./index78.js";
-import { useAccessiblePress as O } from "./index67.js";
+import K, { forwardRef as N } from "react";
+import { getA11yNameAttributes as R } from "./index81.js";
+import { useAccessiblePress as _ } from "./index67.js";
 import "./index72.js";
-function o() {
-  return o = Object.assign ? Object.assign.bind() : function(e) {
-    for (var t = 1; t < arguments.length; t++) {
-      var r = arguments[t];
-      for (var s in r) ({}).hasOwnProperty.call(r, s) && (e[s] = r[s]);
+function a() {
+  return a = Object.assign ? Object.assign.bind() : function(t) {
+    for (var r = 1; r < arguments.length; r++) {
+      var e = arguments[r];
+      for (var n in e) ({}).hasOwnProperty.call(e, n) && (t[n] = e[n]);
     }
-    return e;
-  }, o.apply(null, arguments);
+    return t;
+  }, a.apply(null, arguments);
 }
-const R = /* @__PURE__ */ x(({
-  onClick: e,
-  onKeyboardActivate: t,
-  role: r = "button",
-  disabled: s,
-  loading: c,
-  stopPropagation: l,
-  ariaLabel: u,
-  ariaLabelledBy: m,
-  ariaDescribedBy: f,
+const h = /* @__PURE__ */ N(({
+  onClick: t,
+  onKeyboardActivate: r,
+  onKeyDown: e,
+  role: n = "button",
+  disabled: d,
+  loading: m,
+  stopPropagation: u,
+  tabIndex: p,
+  isPressed: b,
+  ariaLabel: f,
+  ariaLabelledBy: v,
+  ariaDescribedBy: g,
   automationId: i,
-  className: n = "",
-  children: p,
-  ...v
-}, d) => {
-  const a = !!e, {
-    pressProps: b,
-    role: g,
+  className: c = "",
+  children: y,
+  ...x
+}, P) => {
+  const l = !!t, {
+    pressProps: o,
+    role: w,
     tabIndex: A
-  } = O({
-    onClick: a ? e : void 0,
-    onKeyboardActivate: t,
+  } = _({
+    onClick: l ? t : void 0,
+    onKeyboardActivate: r,
     isNative: !1,
-    role: r,
-    disabled: s,
-    loading: c,
-    stopPropagation: l
-  }), y = a ? {
-    role: g,
+    role: n,
+    disabled: d,
+    loading: m,
+    stopPropagation: u,
+    tabIndex: p,
+    pressed: b
+  }), D = e ? (s) => {
+    o.onKeyDown?.(s), s.key !== "Enter" && s.key !== " " && e(s);
+  } : o.onKeyDown, I = {
+    ...o,
+    onKeyDown: D
+  }, O = l ? {
+    role: w,
     tabIndex: A,
-    className: `focus-outline ${n}`.trim(),
-    ...N({
-      ariaLabel: u,
-      ariaLabelledBy: m,
-      ariaDescribedBy: f
+    className: `focus-outline ${c}`.trim(),
+    ...R({
+      ariaLabel: f,
+      ariaLabelledBy: v,
+      ariaDescribedBy: g
     }),
-    ...b
+    ...I
   } : {
-    className: n
+    className: c
   };
-  return /* @__PURE__ */ P.createElement("div", o({
-    ref: d
-  }, y, i ? {
+  return /* @__PURE__ */ K.createElement("div", a({
+    ref: P
+  }, O, i ? {
     "data-automation-id": i
-  } : {}, v), p);
+  } : {}, x), y);
 });
-R.displayName = "AccessibleDiv";
+h.displayName = "AccessibleDiv";
 export {
-  R as AccessibleDiv
+  h as AccessibleDiv
 };
 //# sourceMappingURL=index3.js.map

package/dist/index3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index3.js","sources":["../src/components/AccessibleDiv/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useAccessiblePress, getA11yNameAttributes } from '../../utils/a11y';\nimport type { UseAccessiblePressOptions } from '../../utils/a11y';\nimport type { AccessibleNameInput } from '../../utils/a11y';\n\ntype NativeDivProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onClick' | 'role' | 'tabIndex' | 'aria-label' | 'aria-labelledby' | 'aria-describedby'\n>;\n\nexport interface AccessibleDivProps extends NativeDivProps, AccessibleNameInput {\n  onClick?: UseAccessiblePressOptions['onClick'];\n  onKeyboardActivate?: UseAccessiblePressOptions['onKeyboardActivate'];\n  /** ARIA role. Defaults to 'button'. */\n  role?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  /** Calls e.stopPropagation() before onClick. Useful for nested clickable elements. */\n  stopPropagation?: boolean;\n  className?: string;\n  id?: string;\n  automationId?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * Accessible clickable container for complex interactive content.\n * Use when children can't fit into se-design Button's label+icon API.\n * For simple icon+label, prefer se-design Button instead.\n */\nexport const AccessibleDiv = forwardRef<HTMLDivElement, AccessibleDivProps>(\n  (\n    {\n      onClick,\n      onKeyboardActivate,\n      role = 'button',\n      disabled,\n      loading,\n      stopPropagation,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      automationId,\n      className = '',\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const isInteractive = Boolean(onClick);\n\n    const { pressProps, role: resolvedRole, tabIndex } = useAccessiblePress({\n      onClick: isInteractive ? onClick : undefined,\n      onKeyboardActivate,\n      isNative: false,\n      role,\n      disabled,\n      loading,\n      stopPropagation\n    });\n\n    const interactiveProps = isInteractive\n      ? {\n          role: resolvedRole,\n          tabIndex,\n          className: `focus-outline ${className}`.trim(),\n          ...getA11yNameAttributes({ ariaLabel, ariaLabelledBy, ariaDescribedBy }),\n          ...pressProps\n        }\n      : { className };\n\n    return (\n      <div\n        ref={ref}\n        {...interactiveProps}\n        {...(automationId ? { 'data-automation-id': automationId } : {})}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nAccessibleDiv.displayName = 'AccessibleDiv';\n"],"names":["AccessibleDiv","onClick","onKeyboardActivate","role","disabled","loading","stopPropagation","ariaLabel","ariaLabelledBy","ariaDescribedBy","automationId","className","children","rest","ref","isInteractive","Boolean","pressProps","resolvedRole","tabIndex","useAccessiblePress","undefined","isNative","interactiveProps","trim","getA11yNameAttributes","React","createElement","_extends","displayName"],"mappings":";;;;;;;;;;;;;AA8BO,MAAMA,sBACX,CACE;AAAA,EACEC,SAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,UAAAA;AAAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAgBC,EAAQf,GAExB;AAAA,IAAEgB,YAAAA;AAAAA,IAAYd,MAAMe;AAAAA,IAAcC,UAAAA;AAAAA,EAAAA,IAAaC,EAAmB;AAAA,IACtEnB,SAASc,IAAgBd,IAAUoB;AAAAA,IACnCnB,oBAAAA;AAAAA,IACAoB,UAAU;AAAA,IACVnB,MAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,iBAAAA;AAAAA,EAAAA,CACD,GAEKiB,IAAmBR,IACrB;AAAA,IACEZ,MAAMe;AAAAA,IACNC,UAAAA;AAAAA,IACAR,WAAW,iBAAiBA,CAAS,GAAGa,KAAAA;AAAAA,IACxC,GAAGC,EAAsB;AAAA,MAAElB,WAAAA;AAAAA,MAAWC,gBAAAA;AAAAA,MAAgBC,iBAAAA;AAAAA,IAAAA,CAAiB;AAAA,IACvE,GAAGQ;AAAAA,EAAAA,IAEL;AAAA,IAAEN,WAAAA;AAAAA,EAAAA;AAEN,SACEe,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IACEd,KAAAA;AAAAA,EAAAA,GACIS,GACCb,IAAe;AAAA,IAAE,sBAAsBA;AAAAA,EAAAA,IAAiB,CAAA,GACzDG,CAAI,GAEPD,CACE;AAET,CACF;AAEAZ,EAAc6B,cAAc;"}
+{"version":3,"file":"index3.js","sources":["../src/components/AccessibleDiv/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useAccessiblePress, getA11yNameAttributes } from '../../utils/a11y';\nimport type { UseAccessiblePressOptions } from '../../utils/a11y';\nimport type { AccessibleNameInput } from '../../utils/a11y';\n\ntype NativeDivProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onClick' | 'role' | 'tabIndex' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'onKeyDown'\n>;\n\nexport interface AccessibleDivProps extends NativeDivProps, AccessibleNameInput {\n  onClick?: UseAccessiblePressOptions['onClick'];\n  /**\n   * Activation override: called on Enter/Space/virtual click instead of onClick.\n   * Use when keyboard activation needs different behavior than mouse click.\n   * Note: some screen readers (JAWS/NVDA) fire a synthetic click on role=\"button\"\n   * Enter — routed here as a virtual click so keyboard and AT behavior stay consistent.\n   */\n  onKeyboardActivate?: UseAccessiblePressOptions['onKeyboardActivate'];\n  /**\n   * Raw keydown handler for non-activation keys (e.g. arrow keys in a roving focus group).\n   * Enter/Space are filtered out — activation is always routed through onClick/onKeyboardActivate.\n   */\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  /** ARIA role. Defaults to 'button'. */\n  role?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  /** Calls e.stopPropagation() before onClick. Useful for nested clickable elements. */\n  stopPropagation?: boolean;\n  /**\n   * Override the computed tabIndex. Use when this element is part of a roving focus group\n   * (e.g. pass -1 for non-focused items, 0 for the focused item).\n   * When disabled, tabIndex is always forced to -1 regardless of this value.\n   */\n  tabIndex?: number;\n  /**\n   * When true or false, sets aria-pressed on the element (e.g. selected/active state).\n   * Omit for non-toggle elements.\n   */\n  isPressed?: boolean;\n  className?: string;\n  id?: string;\n  automationId?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * Accessible clickable container for complex interactive content.\n * Use when children can't fit into se-design Button's label+icon API.\n * For simple icon+label, prefer se-design Button instead.\n */\nexport const AccessibleDiv = forwardRef<HTMLDivElement, AccessibleDivProps>(\n  (\n    {\n      onClick,\n      onKeyboardActivate,\n      onKeyDown,\n      role = 'button',\n      disabled,\n      loading,\n      stopPropagation,\n      tabIndex: tabIndexProp,\n      isPressed,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      automationId,\n      className = '',\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const isInteractive = Boolean(onClick);\n\n    const { pressProps, role: resolvedRole, tabIndex: computedTabIndex } = useAccessiblePress({\n      onClick: isInteractive ? onClick : undefined,\n      onKeyboardActivate,\n      isNative: false,\n      role,\n      disabled,\n      loading,\n      stopPropagation,\n      tabIndex: tabIndexProp,\n      pressed: isPressed\n    });\n\n    // Merge internal Enter/Space handler with caller's onKeyDown (e.g. arrow keys for roving focus)\n    // Skip caller's handler for Enter/Space — activation is routed through onClick/onKeyboardActivate\n    const mergedOnKeyDown = onKeyDown\n      ? (e: React.KeyboardEvent<HTMLDivElement>) => {\n          (pressProps.onKeyDown as React.KeyboardEventHandler<HTMLDivElement> | undefined)?.(e);\n          if (e.key !== 'Enter' && e.key !== ' ') {\n            onKeyDown(e);\n          }\n        }\n      : pressProps.onKeyDown;\n\n    const mergedPressProps = { ...pressProps, onKeyDown: mergedOnKeyDown };\n\n    const interactiveProps = isInteractive\n      ? {\n          role: resolvedRole,\n          tabIndex: computedTabIndex,\n          className: `focus-outline ${className}`.trim(),\n          ...getA11yNameAttributes({ ariaLabel, ariaLabelledBy, ariaDescribedBy }),\n          ...mergedPressProps\n        }\n      : { className };\n\n    return (\n      <div\n        ref={ref}\n        {...interactiveProps}\n        {...(automationId ? { 'data-automation-id': automationId } : {})}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nAccessibleDiv.displayName = 'AccessibleDiv';\n"],"names":["AccessibleDiv","onClick","onKeyboardActivate","onKeyDown","role","disabled","loading","stopPropagation","tabIndex","tabIndexProp","isPressed","ariaLabel","ariaLabelledBy","ariaDescribedBy","automationId","className","children","rest","ref","isInteractive","Boolean","pressProps","resolvedRole","computedTabIndex","useAccessiblePress","undefined","isNative","pressed","mergedOnKeyDown","e","key","mergedPressProps","interactiveProps","trim","getA11yNameAttributes","React","createElement","_extends","displayName"],"mappings":";;;;;;;;;;;;;AAoDO,MAAMA,sBACX,CACE;AAAA,EACEC,SAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,UAAUC;AAAAA,EACVC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,UAAAA;AAAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAgBC,EAAQnB,GAExB;AAAA,IAAEoB,YAAAA;AAAAA,IAAYjB,MAAMkB;AAAAA,IAAcd,UAAUe;AAAAA,EAAAA,IAAqBC,EAAmB;AAAA,IACxFvB,SAASkB,IAAgBlB,IAAUwB;AAAAA,IACnCvB,oBAAAA;AAAAA,IACAwB,UAAU;AAAA,IACVtB,MAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,UAAUC;AAAAA,IACVkB,SAASjB;AAAAA,EAAAA,CACV,GAIKkB,IAAkBzB,IACpB,CAAC0B,MAA2C;AACzCR,IAAAA,EAAWlB,YAAuE0B,CAAC,GAChFA,EAAEC,QAAQ,WAAWD,EAAEC,QAAQ,OACjC3B,EAAU0B,CAAC;AAAA,EAEf,IACAR,EAAWlB,WAET4B,IAAmB;AAAA,IAAE,GAAGV;AAAAA,IAAYlB,WAAWyB;AAAAA,EAAAA,GAE/CI,IAAmBb,IACrB;AAAA,IACEf,MAAMkB;AAAAA,IACNd,UAAUe;AAAAA,IACVR,WAAW,iBAAiBA,CAAS,GAAGkB,KAAAA;AAAAA,IACxC,GAAGC,EAAsB;AAAA,MAAEvB,WAAAA;AAAAA,MAAWC,gBAAAA;AAAAA,MAAgBC,iBAAAA;AAAAA,IAAAA,CAAiB;AAAA,IACvE,GAAGkB;AAAAA,EAAAA,IAEL;AAAA,IAAEhB,WAAAA;AAAAA,EAAAA;AAEN,SACEoB,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IACEnB,KAAAA;AAAAA,EAAAA,GACIc,GACClB,IAAe;AAAA,IAAE,sBAAsBA;AAAAA,EAAAA,IAAiB,CAAA,GACzDG,CAAI,GAEPD,CACE;AAET,CACF;AAEAhB,EAAcsC,cAAc;"}

package/dist/index30.js

@@ -1,7 +1,7 @@
 import e, { forwardRef as K } from "react";
 import { Icon as M } from "./index6.js";
 import { Button as d } from "./index4.js";
-import { useStableId as B } from "./index201.js";
+import { useStableId as B } from "./index205.js";
 import { getRegionAttributes as Q } from "./index66.js";
 import { useAccessiblePress as U } from "./index67.js";
 import "./index72.js";

package/dist/index33.js

@@ -1,5 +1,5 @@
 import e, { useRef as y } from "react";
-import { useStableId as N } from "./index201.js";
+import { useStableId as N } from "./index205.js";
 function I(a) {
   const {
     label: s,

package/dist/index35.js

@@ -1,6 +1,6 @@
 import e, { useState as h, useEffect as E } from "react";
 import { Icon as N } from "./index6.js";
-import { useStableId as $ } from "./index201.js";
+import { useStableId as $ } from "./index205.js";
 import { getRegionAttributes as I } from "./index66.js";
 import { useAccessiblePress as _ } from "./index67.js";
 import "./index72.js";

package/dist/index36.js

@@ -1,7 +1,7 @@
 import e, { useState as k, useEffect as w } from "react";
 import { Icon as x } from "./index6.js";
-import { useStableId as F } from "./index201.js";
-import { getA11yNameAttributes as P } from "./index78.js";
+import { useStableId as F } from "./index205.js";
+import { getA11yNameAttributes as P } from "./index81.js";
 import { getRegionAttributes as V } from "./index66.js";
 import { useAccessiblePress as q } from "./index67.js";
 import "./index72.js";