se-design 1.0.82 → 1.0.83-dev.2

package/dist/index247.js.map

@@ -1 +1 @@
-{"version":3,"file":"index247.js","sources":["../node_modules/@tanem/svg-injector/dist/svg-injector.esm.js"],"sourcesContent":["import { __spreadArray } from 'tslib';\nimport { parse } from 'content-type';\n\nvar cache = new Map();\n\nvar cloneSvg = function cloneSvg(sourceSvg) {\n  return sourceSvg.cloneNode(true);\n};\n\nvar isLocal = function isLocal() {\n  return window.location.protocol === 'file:';\n};\n\nvar makeAjaxRequest = function makeAjaxRequest(url, httpRequestWithCredentials, callback) {\n  var httpRequest = new XMLHttpRequest();\n  httpRequest.onreadystatechange = function () {\n    try {\n      if (!/\\.svg/i.test(url) && httpRequest.readyState === 2) {\n        var contentType = httpRequest.getResponseHeader('Content-Type');\n        if (!contentType) {\n          throw new Error('Content type not found');\n        }\n        var type = parse(contentType).type;\n        if (!(type === 'image/svg+xml' || type === 'text/plain')) {\n          throw new Error(\"Invalid content type: \".concat(type));\n        }\n      }\n      if (httpRequest.readyState === 4) {\n        if (httpRequest.status === 404 || httpRequest.responseXML === null) {\n          throw new Error(isLocal() ? 'Note: SVG injection ajax calls do not work locally without ' + 'adjusting security settings in your browser. Or consider ' + 'using a local webserver.' : 'Unable to load SVG file: ' + url);\n        }\n        if (httpRequest.status === 200 || isLocal() && httpRequest.status === 0) {\n          callback(null, httpRequest);\n        } else {\n          throw new Error('There was a problem injecting the SVG: ' + httpRequest.status + ' ' + httpRequest.statusText);\n        }\n      }\n    } catch (error) {\n      httpRequest.abort();\n      if (error instanceof Error) {\n        callback(error, httpRequest);\n      } else {\n        throw error;\n      }\n    }\n  };\n  httpRequest.open('GET', url);\n  httpRequest.withCredentials = httpRequestWithCredentials;\n  if (httpRequest.overrideMimeType) {\n    httpRequest.overrideMimeType('text/xml');\n  }\n  httpRequest.send();\n};\n\nvar requestQueue = {};\nvar queueRequest = function queueRequest(url, callback) {\n  requestQueue[url] = requestQueue[url] || [];\n  requestQueue[url].push(callback);\n};\nvar processRequestQueue = function processRequestQueue(url) {\n  var _loop_1 = function _loop_1(i, len) {\n    setTimeout(function () {\n      if (Array.isArray(requestQueue[url])) {\n        var cacheValue = cache.get(url);\n        var callback = requestQueue[url][i];\n        if (cacheValue instanceof SVGSVGElement) {\n          callback(null, cloneSvg(cacheValue));\n        }\n        if (cacheValue instanceof Error) {\n          callback(cacheValue);\n        }\n        if (i === requestQueue[url].length - 1) {\n          delete requestQueue[url];\n        }\n      }\n    }, 0);\n  };\n  for (var i = 0, len = requestQueue[url].length; i < len; i++) {\n    _loop_1(i);\n  }\n};\n\nvar loadSvgCached = function loadSvgCached(url, httpRequestWithCredentials, callback) {\n  if (cache.has(url)) {\n    var cacheValue = cache.get(url);\n    if (cacheValue === undefined) {\n      queueRequest(url, callback);\n      return;\n    }\n    if (cacheValue instanceof SVGSVGElement) {\n      callback(null, cloneSvg(cacheValue));\n      return;\n    }\n  }\n  cache.set(url, undefined);\n  queueRequest(url, callback);\n  makeAjaxRequest(url, httpRequestWithCredentials, function (error, httpRequest) {\n    var _a;\n    if (error) {\n      cache.set(url, error);\n    } else if (((_a = httpRequest.responseXML) === null || _a === void 0 ? void 0 : _a.documentElement) instanceof SVGSVGElement) {\n      cache.set(url, httpRequest.responseXML.documentElement);\n    }\n    processRequestQueue(url);\n  });\n};\n\nvar loadSvgUncached = function loadSvgUncached(url, httpRequestWithCredentials, callback) {\n  makeAjaxRequest(url, httpRequestWithCredentials, function (error, httpRequest) {\n    var _a;\n    if (error) {\n      callback(error);\n    } else if (((_a = httpRequest.responseXML) === null || _a === void 0 ? void 0 : _a.documentElement) instanceof SVGSVGElement) {\n      callback(null, httpRequest.responseXML.documentElement);\n    }\n  });\n};\n\nvar idCounter = 0;\nvar uniqueId = function uniqueId() {\n  return ++idCounter;\n};\n\nvar injectedElements = [];\nvar ranScripts = {};\nvar svgNamespace = 'http://www.w3.org/2000/svg';\nvar xlinkNamespace = 'http://www.w3.org/1999/xlink';\nvar injectElement = function injectElement(el, evalScripts, renumerateIRIElements, cacheRequests, httpRequestWithCredentials, beforeEach, callback) {\n  var elUrl = el.getAttribute('data-src') || el.getAttribute('src');\n  if (!elUrl) {\n    callback(new Error('Invalid data-src or src attribute'));\n    return;\n  }\n  if (injectedElements.indexOf(el) !== -1) {\n    injectedElements.splice(injectedElements.indexOf(el), 1);\n    el = null;\n    return;\n  }\n  injectedElements.push(el);\n  el.setAttribute('src', '');\n  var loadSvg = cacheRequests ? loadSvgCached : loadSvgUncached;\n  loadSvg(elUrl, httpRequestWithCredentials, function (error, svg) {\n    if (!svg) {\n      injectedElements.splice(injectedElements.indexOf(el), 1);\n      el = null;\n      callback(error);\n      return;\n    }\n    var elId = el.getAttribute('id');\n    if (elId) {\n      svg.setAttribute('id', elId);\n    }\n    var elTitle = el.getAttribute('title');\n    if (elTitle) {\n      svg.setAttribute('title', elTitle);\n    }\n    var elWidth = el.getAttribute('width');\n    if (elWidth) {\n      svg.setAttribute('width', elWidth);\n    }\n    var elHeight = el.getAttribute('height');\n    if (elHeight) {\n      svg.setAttribute('height', elHeight);\n    }\n    var mergedClasses = Array.from(new Set(__spreadArray(__spreadArray(__spreadArray([], (svg.getAttribute('class') || '').split(' '), true), ['injected-svg'], false), (el.getAttribute('class') || '').split(' '), true))).join(' ').trim();\n    svg.setAttribute('class', mergedClasses);\n    var elStyle = el.getAttribute('style');\n    if (elStyle) {\n      svg.setAttribute('style', elStyle);\n    }\n    svg.setAttribute('data-src', elUrl);\n    var elData = [].filter.call(el.attributes, function (at) {\n      return /^data-\\w[\\w-]*$/.test(at.name);\n    });\n    Array.prototype.forEach.call(elData, function (dataAttr) {\n      if (dataAttr.name && dataAttr.value) {\n        svg.setAttribute(dataAttr.name, dataAttr.value);\n      }\n    });\n    if (renumerateIRIElements) {\n      var iriElementsAndProperties_1 = {\n        clipPath: ['clip-path'],\n        'color-profile': ['color-profile'],\n        cursor: ['cursor'],\n        filter: ['filter'],\n        linearGradient: ['fill', 'stroke'],\n        marker: ['marker', 'marker-start', 'marker-mid', 'marker-end'],\n        mask: ['mask'],\n        path: [],\n        pattern: ['fill', 'stroke'],\n        radialGradient: ['fill', 'stroke']\n      };\n      var element_1;\n      var elements_1;\n      var properties_1;\n      var currentId_1;\n      var newId_1;\n      Object.keys(iriElementsAndProperties_1).forEach(function (key) {\n        element_1 = key;\n        properties_1 = iriElementsAndProperties_1[key];\n        elements_1 = svg.querySelectorAll(element_1 + '[id]');\n        var _loop_1 = function _loop_1(a, elementsLen) {\n          currentId_1 = elements_1[a].id;\n          newId_1 = currentId_1 + '-' + uniqueId();\n          var referencingElements;\n          Array.prototype.forEach.call(properties_1, function (property) {\n            referencingElements = svg.querySelectorAll('[' + property + '*=\"' + currentId_1 + '\"]');\n            for (var b = 0, referencingElementLen = referencingElements.length; b < referencingElementLen; b++) {\n              var attrValue = referencingElements[b].getAttribute(property);\n              if (attrValue && !attrValue.match(new RegExp('url\\\\(\"?#' + currentId_1 + '\"?\\\\)'))) {\n                continue;\n              }\n              referencingElements[b].setAttribute(property, 'url(#' + newId_1 + ')');\n            }\n          });\n          var allLinks = svg.querySelectorAll('[*|href]');\n          var links = [];\n          for (var c = 0, allLinksLen = allLinks.length; c < allLinksLen; c++) {\n            var href = allLinks[c].getAttributeNS(xlinkNamespace, 'href');\n            if (href && href.toString() === '#' + elements_1[a].id) {\n              links.push(allLinks[c]);\n            }\n          }\n          for (var d = 0, linksLen = links.length; d < linksLen; d++) {\n            links[d].setAttributeNS(xlinkNamespace, 'href', '#' + newId_1);\n          }\n          elements_1[a].id = newId_1;\n        };\n        for (var a = 0, elementsLen = elements_1.length; a < elementsLen; a++) {\n          _loop_1(a);\n        }\n      });\n    }\n    svg.removeAttribute('xmlns:a');\n    var scripts = svg.querySelectorAll('script');\n    var scriptsToEval = [];\n    var script;\n    var scriptType;\n    for (var i = 0, scriptsLen = scripts.length; i < scriptsLen; i++) {\n      scriptType = scripts[i].getAttribute('type');\n      if (!scriptType || scriptType === 'application/ecmascript' || scriptType === 'application/javascript' || scriptType === 'text/javascript') {\n        script = scripts[i].innerText || scripts[i].textContent;\n        if (script) {\n          scriptsToEval.push(script);\n        }\n        svg.removeChild(scripts[i]);\n      }\n    }\n    if (scriptsToEval.length > 0 && (evalScripts === 'always' || evalScripts === 'once' && !ranScripts[elUrl])) {\n      for (var l = 0, scriptsToEvalLen = scriptsToEval.length; l < scriptsToEvalLen; l++) {\n        new Function(scriptsToEval[l])(window);\n      }\n      ranScripts[elUrl] = true;\n    }\n    var styleTags = svg.querySelectorAll('style');\n    Array.prototype.forEach.call(styleTags, function (styleTag) {\n      styleTag.textContent += '';\n    });\n    svg.setAttribute('xmlns', svgNamespace);\n    svg.setAttribute('xmlns:xlink', xlinkNamespace);\n    beforeEach(svg);\n    if (!el.parentNode) {\n      injectedElements.splice(injectedElements.indexOf(el), 1);\n      el = null;\n      callback(new Error('Parent node is null'));\n      return;\n    }\n    el.parentNode.replaceChild(svg, el);\n    injectedElements.splice(injectedElements.indexOf(el), 1);\n    el = null;\n    callback(null, svg);\n  });\n};\n\nvar SVGInjector = function SVGInjector(elements, _a) {\n  var _b = _a === void 0 ? {} : _a,\n    _c = _b.afterAll,\n    afterAll = _c === void 0 ? function () {\n      return undefined;\n    } : _c,\n    _d = _b.afterEach,\n    afterEach = _d === void 0 ? function () {\n      return undefined;\n    } : _d,\n    _e = _b.beforeEach,\n    beforeEach = _e === void 0 ? function () {\n      return undefined;\n    } : _e,\n    _f = _b.cacheRequests,\n    cacheRequests = _f === void 0 ? true : _f,\n    _g = _b.evalScripts,\n    evalScripts = _g === void 0 ? 'never' : _g,\n    _h = _b.httpRequestWithCredentials,\n    httpRequestWithCredentials = _h === void 0 ? false : _h,\n    _j = _b.renumerateIRIElements,\n    renumerateIRIElements = _j === void 0 ? true : _j;\n  if (elements && 'length' in elements) {\n    var elementsLoaded_1 = 0;\n    for (var i = 0, j = elements.length; i < j; i++) {\n      injectElement(elements[i], evalScripts, renumerateIRIElements, cacheRequests, httpRequestWithCredentials, beforeEach, function (error, svg) {\n        afterEach(error, svg);\n        if (elements && 'length' in elements && elements.length === ++elementsLoaded_1) {\n          afterAll(elementsLoaded_1);\n        }\n      });\n    }\n  } else if (elements) {\n    injectElement(elements, evalScripts, renumerateIRIElements, cacheRequests, httpRequestWithCredentials, beforeEach, function (error, svg) {\n      afterEach(error, svg);\n      afterAll(1);\n      elements = null;\n    });\n  } else {\n    afterAll(0);\n  }\n};\n\nexport { SVGInjector };\n//# sourceMappingURL=svg-injector.esm.js.map\n"],"names":["__spreadArray","parse_1","cache","cloneSvg","sourceSvg","isLocal","makeAjaxRequest","url","httpRequestWithCredentials","callback","httpRequest","contentType","type","parse","error","requestQueue","queueRequest","processRequestQueue","_loop_1","len","cacheValue","i","loadSvgCached","_a","loadSvgUncached","idCounter","uniqueId","injectedElements","ranScripts","svgNamespace","xlinkNamespace","injectElement","el","evalScripts","renumerateIRIElements","cacheRequests","beforeEach","elUrl","loadSvg","svg","elId","elTitle","elWidth","elHeight","mergedClasses","elStyle","elData","at","dataAttr","iriElementsAndProperties_1","element_1","elements_1","properties_1","currentId_1","newId_1","key","a","elementsLen","referencingElements","property","b","referencingElementLen","attrValue","allLinks","links","c","allLinksLen","href","d","linksLen","scripts","scriptsToEval","script","scriptType","scriptsLen","l","scriptsToEvalLen","styleTags","styleTag","SVGInjector","elements","_b","_c","afterAll","_d","afterEach","_e","_f","_g","_h","_j","elementsLoaded_1","j"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index247.js","sources":["../src/utils/a11y/useScrollActiveIntoView.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { RefObject } from 'react';\n\nconst DEFAULT_SCROLL_OPTIONS: ScrollIntoViewOptions = { block: 'nearest' };\n\nexport interface UseScrollActiveIntoViewOptions {\n  /**\n   * Ref to the container element\n   */\n  containerRef?: RefObject<HTMLElement | null>;\n  \n  /**\n   * Index of the currently active/highlighted item (-1 if none)\n   */\n  activeIndex: number;\n  \n  /**\n   * CSS selector for item elements\n   * Default: '[role=\"option\"]'\n   */\n  itemSelector?: string;\n  \n  /**\n   * Whether scrolling is enabled\n   * Default: true\n   */\n  enabled?: boolean;\n  \n  /**\n   * ScrollIntoView options\n   * Default: { block: 'nearest' }\n   */\n  scrollOptions?: ScrollIntoViewOptions;\n}\n\n/**\n * Hook to automatically scroll the active item into view.\n * \n * Useful for aria-activedescendant patterns where DOM focus stays\n * on the container (e.g., input field) but we need to visually show\n * which descendant option is logically active.\n * \n * Common use cases:\n * - Combobox dropdown options\n * - Menu items with virtual focus\n * - Grid cells with keyboard navigation\n * - Tree view items\n * - Listbox options\n * \n * @example\n * ```tsx\n * const [highlightedIndex, setHighlightedIndex] = useState(-1);\n * const listboxRef = useRef<HTMLDivElement>(null);\n * \n * useScrollActiveIntoView({\n *   containerRef: listboxRef,\n *   activeIndex: highlightedIndex,\n *   itemSelector: '[role=\"option\"]'\n * });\n * \n * // Now when highlightedIndex changes, the item scrolls into view\n * ```\n * \n * @example Custom scroll behavior\n * ```tsx\n * useScrollActiveIntoView({\n *   containerRef: menuRef,\n *   activeIndex: activeMenuIndex,\n *   itemSelector: '[role=\"menuitem\"]',\n *   scrollOptions: { block: 'center', behavior: 'smooth' }\n * });\n * ```\n */\nexport function useScrollActiveIntoView({\n  containerRef,\n  activeIndex,\n  itemSelector = '[role=\"option\"]',\n  enabled = true,\n  scrollOptions = DEFAULT_SCROLL_OPTIONS\n}: UseScrollActiveIntoViewOptions): void {\n  useEffect(() => {\n    // Early returns for disabled states\n    if (!enabled || activeIndex < 0 || !containerRef?.current) {\n      return;\n    }\n    \n    const container = containerRef.current;\n    const items = container.querySelectorAll(itemSelector);\n    const activeItem = items[activeIndex] as HTMLElement;\n    \n    if (activeItem) {\n      activeItem.scrollIntoView(scrollOptions);\n    }\n  }, [activeIndex, containerRef, itemSelector, enabled, scrollOptions]);\n}\n"],"names":["useEffect","DEFAULT_SCROLL_OPTIONS","block","useScrollActiveIntoView","containerRef","activeIndex","itemSelector","enabled","scrollOptions","current","activeItem","querySelectorAll","scrollIntoView"],"mappings":"AAGA,SAAA,aAAAA,SAAA;AAAA,MAAMC,IAAgD;AAAA,EAAEC,OAAO;AAAU;AAsElE,SAASC,EAAwB;AAAA,EACtCC,cAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,cAAAA,IAAe;AAAA,EACfC,SAAAA,IAAU;AAAA,EACVC,eAAAA,IAAgBP;AACc,GAAS;AACvCD,EAAAA,EAAU,MAAM;AAEd,QAAI,CAACO,KAAWF,IAAc,KAAK,CAACD,GAAcK;AAChD;AAKF,UAAMC,IAFYN,EAAaK,QACPE,iBAAiBL,CAAY,EAC5BD,CAAW;AAEpC,IAAIK,KACFA,EAAWE,eAAeJ,CAAa;AAAA,EAE3C,GAAG,CAACH,GAAaD,GAAcE,GAAcC,GAASC,CAAa,CAAC;AACtE;"}

package/dist/index248.js

@@ -1,14 +1,13 @@
-import { __module as r } from "./index252.js";
-import { __require as e } from "./index253.js";
-import { __require as o } from "./index254.js";
-import { __require as p } from "./index255.js";
-if (process.env.NODE_ENV !== "production") {
-  var s = e(), i = !0;
-  r.exports = o()(s.isElement, i);
-} else
-  r.exports = p()();
-var _ = r.exports;
+function r(t, i) {
+  if (t == null) return {};
+  var o = {};
+  for (var e in t) if ({}.hasOwnProperty.call(t, e)) {
+    if (i.indexOf(e) !== -1) continue;
+    o[e] = t[e];
+  }
+  return o;
+}
 export {
-  _ as p
+  r as default
 };
 //# sourceMappingURL=index248.js.map

package/dist/index248.js.map

@@ -1 +1 @@
-{"version":3,"file":"index248.js","sources":["../node_modules/prop-types/index.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactIs = require('react-is');\n\n  // By explicitly using `prop-types` you are opting into new development behavior.\n  // http://fb.me/prop-types-in-prod\n  var throwOnDirectAccess = true;\n  module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n  // By explicitly using `prop-types` you are opting into new production behavior.\n  // http://fb.me/prop-types-in-prod\n  module.exports = require('./factoryWithThrowingShims')();\n}\n"],"names":["ReactIs","require$$0","throwOnDirectAccess","propTypesModule","require$$1","require$$2"],"mappings":";;;;AAOA,IAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,MAAIA,IAAUC,EAAA,GAIVC,IAAsB;AAC1BC,EAAAA,EAAA,UAAiBC,EAAA,EAAqCJ,EAAQ,WAAWE,CAAmB;AAC9F;AAGEC,EAAAA,EAAA,UAAiBE,IAAqC;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index248.js","sources":["../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["function _objectWithoutPropertiesLoose(r, e) {\n  if (null == r) return {};\n  var t = {};\n  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {\n    if (-1 !== e.indexOf(n)) continue;\n    t[n] = r[n];\n  }\n  return t;\n}\nexport { _objectWithoutPropertiesLoose as default };"],"names":["_objectWithoutPropertiesLoose","r","e","t","n"],"mappings":"AAAA,SAASA,EAA8BC,GAAGC,GAAG;AAC3C,MAAYD,KAAR,KAAW,QAAO,CAAA;AACtB,MAAIE,IAAI,CAAA;AACR,WAASC,KAAKH,EAAG,KAAI,CAAA,EAAG,eAAe,KAAKA,GAAGG,CAAC,GAAG;AACjD,QAAWF,EAAE,QAAQE,CAAC,MAAlB,GAAqB;AACzB,IAAAD,EAAEC,CAAC,IAAIH,EAAEG,CAAC;AAAA,EACZ;AACA,SAAOD;AACT;","x_google_ignoreList":[0]}

package/dist/index249.js

@@ -1,7 +1,11 @@
-function e(o, r) {
-  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
-    return t.__proto__ = n, t;
-  }, e(o, r);
+function e() {
+  return e = Object.assign ? Object.assign.bind() : function(t) {
+    for (var n = 1; n < arguments.length; n++) {
+      var a = arguments[n];
+      for (var r in a) ({}).hasOwnProperty.call(a, r) && (t[r] = a[r]);
+    }
+    return t;
+  }, e.apply(null, arguments);
 }
 export {
   e as default

package/dist/index249.js.map

@@ -1 +1 @@
-{"version":3,"file":"index249.js","sources":["../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js"],"sourcesContent":["function _setPrototypeOf(t, e) {\n  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {\n    return t.__proto__ = e, t;\n  }, _setPrototypeOf(t, e);\n}\nexport { _setPrototypeOf as default };"],"names":["_setPrototypeOf","t","e"],"mappings":"AAAA,SAASA,EAAgBC,GAAGC,GAAG;AAC7B,SAAOF,IAAkB,OAAO,iBAAiB,OAAO,eAAe,KAAI,IAAK,SAAU,GAAGE,GAAG;AAC9F,WAAO,EAAE,YAAYA,GAAG;AAAA,EAC1B,GAAGF,EAAgBC,GAAGC,CAAC;AACzB;","x_google_ignoreList":[0]}
+{"version":3,"file":"index249.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js"],"sourcesContent":["function _extends() {\n  return _extends = Object.assign ? Object.assign.bind() : function (n) {\n    for (var e = 1; e < arguments.length; e++) {\n      var t = arguments[e];\n      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n    }\n    return n;\n  }, _extends.apply(null, arguments);\n}\nexport { _extends as default };"],"names":["_extends","n","e","t"],"mappings":"AAAA,SAASA,IAAW;AAClB,SAAOA,IAAW,OAAO,SAAS,OAAO,OAAO,KAAI,IAAK,SAAUC,GAAG;AACpE,aAASC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AACzC,UAAIC,IAAI,UAAUD,CAAC;AACnB,eAAS,KAAKC,EAAG,EAAC,CAAA,GAAI,eAAe,KAAKA,GAAG,CAAC,MAAMF,EAAE,CAAC,IAAIE,EAAE,CAAC;AAAA,IAChE;AACA,WAAOF;AAAA,EACT,GAAGD,EAAS,MAAM,MAAM,SAAS;AACnC;","x_google_ignoreList":[0]}

package/dist/index25.js

@@ -1,11 +1,11 @@
-import n, { useState as F, useRef as ne, useEffect as R, useLayoutEffect as Pe } from "react";
-import { Popover as Ae } from "./index19.js";
-import { Icon as oe } from "./index6.js";
-import { Checkbox as $e } from "./index23.js";
+import o, { useState as K, useRef as ne, useEffect as R, useLayoutEffect as Le } from "react";
+import { Popover as Fe } from "./index19.js";
+import { Icon as re } from "./index6.js";
+import { Checkbox as Oe } from "./index23.js";
 import { Button as le } from "./index4.js";
-import { InputWithIcon as Le } from "./index52.js";
-import { useStableId as q } from "./index201.js";
-import { useCombobox as re } from "./index68.js";
+import { InputWithIcon as Be } from "./index52.js";
+import { useStableId as q } from "./index205.js";
+import { useCombobox as ae } from "./index68.js";
 function p() {
   return p = Object.assign ? Object.assign.bind() : function(t) {
     for (var g = 1; g < arguments.length; g++) {
@@ -15,32 +15,32 @@ function p() {
     return t;
   }, p.apply(null, arguments);
 }
-const je = (t) => {
-  const g = t.selectedValue !== void 0, x = t.isOpen !== void 0, [S, ae] = F(!1), [V, K] = F(""), [se, T] = F(() => t?.defaultSelectedValue ? Array.isArray(t?.defaultSelectedValue) ? t?.defaultSelectedValue : [t.defaultSelectedValue] : []), y = ne(null), I = ne(null), P = q(void 0, "dropdown-label"), H = q(void 0, "dropdown-value"), C = q(void 0, "dropdown-listbox"), i = x ? t.isOpen : S, r = g ? Array.isArray(t.selectedValue) ? t.selectedValue : t.selectedValue ? [t.selectedValue] : [] : se, D = (e) => {
-    x || ae(e), t.onOpenChange?.(e);
+const _e = (t) => {
+  const g = t.selectedValue !== void 0, x = t.isOpen !== void 0, [S, se] = K(!1), [V, M] = K(""), [ie, T] = K(() => t?.defaultSelectedValue ? Array.isArray(t?.defaultSelectedValue) ? t?.defaultSelectedValue : [t.defaultSelectedValue] : []), b = ne(null), I = ne(null), $ = q(void 0, "dropdown-label"), H = q(void 0, "dropdown-value"), D = q(void 0, "dropdown-listbox"), c = x ? t.isOpen : S, l = g ? Array.isArray(t.selectedValue) ? t.selectedValue : t.selectedValue ? [t.selectedValue] : [] : ie, P = (e) => {
+    x || se(e), t.onOpenChange?.(e);
   }, A = (e) => {
     g || T(e);
   }, {
     selectBy: d = "",
     optionsUniqueBy: s = "",
     displaySelected: ce = !1,
-    dropDownOptions: M,
+    dropDownOptions: j,
     defaultText: u = "Select",
-    iconColor: j = "var(--color-gray-700)",
+    iconColor: U = "var(--color-gray-700)",
     disabled: k = !1,
-    dropdownClassName: ie = "",
+    dropdownClassName: de = "",
     hasError: W = !1,
-    errorMessage: de = "",
+    errorMessage: ue = "",
     customDropdownContent: _ = null,
-    isBorderless: ue = !1,
+    isBorderless: me = !1,
     shouldShowSearch: h = !1,
-    showSearchIcon: me = !0,
+    showSearchIcon: fe = !0,
     searchPlaceholder: z = "Search...",
     searchResultEmptyMessage: J = "No results found",
-    ariaLabel: b = "",
-    customSelectedValue: $ = "",
+    ariaLabel: y = "",
+    customSelectedValue: L = "",
     isWithPortal: Q = !1,
-    firstOptionAsHeading: U = !1
+    firstOptionAsHeading: X = !1
   } = t;
   R(() => {
     if (!g) {
@@ -48,74 +48,78 @@ const je = (t) => {
       T(e);
     }
   }, [t?.defaultSelectedValue, g]), R(() => {
-    i || K("");
-  }, [i]), R(() => {
-    i && h && I.current && requestAnimationFrame(() => I.current?.focus());
-  }, [i, h]), Pe(() => {
-    t.popoverElementRef && (t.popoverElementRef.current = y.current?.element ?? null);
+    c || M("");
+  }, [c]), R(() => {
+    c && h && I.current && requestAnimationFrame(() => I.current?.focus());
+  }, [c, h]), Le(() => {
+    t.popoverElementRef && (t.popoverElementRef.current = b.current?.element ?? null);
   });
-  const a = t?.type === "multi-select", fe = () => V.trim() ? (M || []).filter((e) => (e?.[d]?.toString().toLowerCase() || "").includes(V.toLowerCase())) : M || [], L = (e) => {
-    A([e]), D(!1), t?.onOptionClick?.(e), requestAnimationFrame(() => {
+  const a = t?.type === "multi-select", ge = () => V.trim() ? (j || []).filter((e) => (e?.[d]?.toString().toLowerCase() || "").includes(V.toLowerCase())) : j || [], F = (e) => {
+    A([e]), P(!1), t?.onOptionClick?.(e), requestAnimationFrame(() => {
       requestAnimationFrame(() => {
-        y.current?.focusTrigger();
+        b.current?.focusTrigger();
       });
     });
-  }, c = fe(), {
-    listboxProps: ge,
+  }, i = ge(), {
+    listboxProps: ye,
     getOptionProps: be,
-    highlightedIndex: ye,
-    setHighlightedIndex: he,
-    containerProps: ve,
-    inputProps: X
-  } = re({
-    items: a ? [] : c,
+    highlightedIndex: he,
+    setHighlightedIndex: ve,
+    containerProps: pe,
+    inputProps: G,
+    isKeyboardFocused: xe
+  } = ae({
+    items: a ? [] : i,
     // Only use for single-select
-    isOpen: i && !a,
-    onOpenChange: D,
+    isOpen: c && !a,
+    onOpenChange: P,
     onSelect: (e) => {
-      L(e);
+      F(e);
     },
-    listboxId: C,
+    listboxId: D,
     disabled: a || k,
-    hasItems: c.length > 0
+    hasItems: i.length > 0
   }), {
-    inputProps: B,
-    listboxProps: O,
-    highlightedIndex: w,
-    setHighlightedIndex: pe
-  } = re({
-    items: a ? c : [],
-    isOpen: i && a,
-    onOpenChange: D,
+    inputProps: O,
+    listboxProps: B,
+    containerProps: w,
+    highlightedIndex: E,
+    setHighlightedIndex: Se,
+    isKeyboardFocused: we
+  } = ae({
+    items: a ? i : [],
+    isOpen: c && a,
+    onOpenChange: P,
     onSelect: () => {
     },
-    listboxId: C,
+    listboxId: D,
     disabled: !a,
     loop: !1,
-    hasItems: c.length > 0
-  }), xe = (e, o = !1) => a ? u : o && $ ? $ : e?.[d] || u, Se = () => {
+    hasItems: i.length > 0,
+    closeOnTab: !1
+  }), Ee = (e, n = !1) => a ? u : n && L ? L : e?.[d] || u, Ce = () => {
     A([]), t?.onClear?.();
-  }, G = (e, o = !1) => {
+  }, Y = (e, n = !1) => {
     if (t?.renderOptionChip)
-      return t?.renderOptionChip(e, o);
-    if (a && r?.length > 0) {
-      const f = r[0]?.[d] || "", E = r.length - 1;
-      return /* @__PURE__ */ n.createElement("div", {
+      return t?.renderOptionChip(e, n);
+    if (a && l?.length > 0) {
+      const f = l[0]?.[d] || "", C = l.length - 1;
+      return /* @__PURE__ */ o.createElement("div", {
         className: "option-chip flex items-center w-full"
-      }, /* @__PURE__ */ n.createElement("div", {
-        className: `${E > 0 ? "w-full" : "flex-1"} truncate`
-      }, `${u}: ${f}`), E > 0 && /* @__PURE__ */ n.createElement("div", {
+      }, /* @__PURE__ */ o.createElement("div", {
+        className: `${C > 0 ? "w-full" : "flex-1"} truncate`
+      }, `${u}: ${f}`), C > 0 && /* @__PURE__ */ o.createElement("div", {
         className: "flex-shrink-0"
-      }, "+", E));
+      }, "+", C));
     }
-    const l = xe(e, o), m = !!t?.label || !!t?.ariaLabelledBy, v = o && u && e?.[d] && !$ && !m;
-    return /* @__PURE__ */ n.createElement("p", {
+    const r = Ee(e, n), m = !!t?.label || !!t?.ariaLabelledBy, v = n && u && e?.[d] && !L && !m;
+    return /* @__PURE__ */ o.createElement("p", {
       className: "option-chip flex flex-1 items-center justify-between"
-    }, v ? `${u}: ${l}` : l);
-  }, Y = (e) => /* @__PURE__ */ n.createElement("div", {
+    }, v ? `${u}: ${r}` : r);
+  }, Z = (e) => /* @__PURE__ */ o.createElement("div", {
     className: " w-full relative flex items-center border-b border-[var(--color-gray-300)]"
-  }, /* @__PURE__ */ n.createElement(Le, {
-    leftIcon: me ? {
+  }, /* @__PURE__ */ o.createElement(Be, {
+    leftIcon: fe ? {
       name: "search",
       position: "left",
       style: {
@@ -123,7 +127,7 @@ const je = (t) => {
       }
     } : void 0,
     value: V,
-    onChange: (o) => K(o),
+    onChange: (n) => M(n),
     placeholder: z,
     style: {
       margin: 0,
@@ -138,87 +142,88 @@ const je = (t) => {
     ariaLabel: z,
     inputRef: I,
     inputProps: e
-  })), Z = () => Y(a ? {
-    ...B,
-    onKeyDown: (e) => te(e, !0)
+  })), ee = () => Z(a ? {
+    ...O,
+    onKeyDown: (e) => oe(e, !0)
   } : {
-    ...X,
+    ...G,
     onKeyDown: (e) => {
-      X.onKeyDown(e), e.key === "Escape" && requestAnimationFrame(() => y.current?.focusTrigger());
+      G.onKeyDown(e), e.key === "Escape" && requestAnimationFrame(() => b.current?.focusTrigger());
     }
-  }), we = (e, o) => {
-    const l = e[d], m = r[0]?.[d] || u, v = s?.length ? e[s] == r[0]?.[s] : !0, f = ce && l === m && v, E = ye === o, Ve = a ? {} : be(o, f);
-    return /* @__PURE__ */ n.createElement("div", p({
+  }), Ie = (e, n) => {
+    const r = e[d], m = l[0]?.[d] || u, v = s?.length ? e[s] == l[0]?.[s] : !0, f = ce && r === m && v, C = he === n, Ae = a ? {} : be(n, f);
+    return /* @__PURE__ */ o.createElement("div", p({
       key: e.id || e.value,
-      className: `option break-words px-3 py-2 hover:bg-[var(--color-gray-100)] focus:bg-[var(--color-gray-100)] cursor-pointer select-none flex items-center justify-between ${f ? "selected" : ""} ${E ? "bg-[var(--color-blue-50)]" : ""}`,
-      onClick: () => L(e),
+      className: `option break-words px-3 py-2 hover:bg-[var(--color-gray-100)] focus:bg-[var(--color-gray-100)] focus-outline cursor-pointer select-none flex items-center justify-between ${f ? "selected" : ""} ${C ? `bg-[var(--color-gray-100)]${xe ? " outline outline-[length:var(--focus-width)] -outline-offset-2 outline-[var(--focus-color)]" : ""}` : ""}`,
+      onClick: () => F(e),
       onKeyDown: (N) => {
-        N.key === "Enter" || N.key === " " ? (N.preventDefault(), L(e)) : N.key === "Escape" && requestAnimationFrame(() => y.current?.focusTrigger());
+        N.key === "Enter" || N.key === " " ? (N.preventDefault(), F(e)) : N.key === "Escape" && requestAnimationFrame(() => b.current?.focusTrigger());
       },
       tabIndex: -1,
-      "data-automation-id": `dropdown-option-${e?.automationId || o}`
-    }, Ve, {
+      "data-automation-id": `dropdown-option-${e?.automationId || n}`
+    }, Ae, {
       "aria-selected": f ? "true" : "false"
-    }), G({
+    }), Y({
       ...e,
       isOptionSelected: f
-    }, !1), f && /* @__PURE__ */ n.createElement(oe, {
+    }, !1), f && /* @__PURE__ */ o.createElement(re, {
       name: "checkmark",
-      stroke: j
+      stroke: U
     }));
-  }, Ee = () => /* @__PURE__ */ n.createElement(n.Fragment, null, t?.label && U && /* @__PURE__ */ n.createElement("div", {
+  }, De = () => /* @__PURE__ */ o.createElement(o.Fragment, null, t?.label && X && /* @__PURE__ */ o.createElement("div", {
     "aria-hidden": "true",
     className: "px-3 pt-2 pb-1 text-[var(--color-gray-650)] text-xs cursor-default select-none"
-  }, t.label), /* @__PURE__ */ n.createElement("div", p({
+  }, t.label), h && ee(), /* @__PURE__ */ o.createElement("div", p({
     className: "dropdown-content dropdown-options",
     "aria-label": `${u} options`
-  }, ge), h && Z(), /* @__PURE__ */ n.createElement("div", {
+  }, ye), /* @__PURE__ */ o.createElement("div", {
     className: "flex flex-col max-h-80 overflow-y-auto"
-  }, c.length > 0 ? c.map((e, o) => we(e, o)) : /* @__PURE__ */ n.createElement("div", {
+  }, i.length > 0 ? i.map((e, n) => Ie(e, n)) : /* @__PURE__ */ o.createElement("div", {
     className: "px-3 py-4 text-center text-[var(--color-gray-700)] text-sm",
     role: "status",
     "aria-live": "polite"
-  }, J)))), ee = (e, o) => {
-    let l = [];
-    e ? l = [...r, o] : l = r?.filter((m) => m[s] !== o[s]), A(l);
-  }, Ie = () => {
-    y.current?.togglePopover(), t?.onApply?.(r);
-  }, te = (e, o = !1) => {
-    if (!(o && e.key === " ")) {
+  }, J)))), te = (e, n) => {
+    let r = [];
+    e ? r = [...l, n] : r = l?.filter((m) => m[s] !== n[s]), A(r);
+  }, Pe = () => {
+    b.current?.togglePopover(), t?.onApply?.(l);
+  }, oe = (e, n = !1) => {
+    if (!(n && e.key === " ")) {
       if (e.key === "Enter" || e.key === " ") {
-        if (e.preventDefault(), w >= 0 && w < c.length) {
-          const l = c[w], m = r.some((v) => v[s] === l[s]);
-          ee(!m, l);
+        if (e.preventDefault(), E >= 0 && E < i.length) {
+          const r = i[E], m = l.some((v) => v[s] === r[s]);
+          te(!m, r);
         }
         return;
       }
-      B.onKeyDown(e), e.key === "Escape" && (e.stopPropagation(), requestAnimationFrame(() => y.current?.focusTrigger()));
+      O.onKeyDown(e), e.key === "Escape" && (e.stopPropagation(), requestAnimationFrame(() => b.current?.focusTrigger()));
     }
-  }, Ce = (e, o) => {
-    const l = r.some((f) => f[s] === e[s]), m = `${C}-option-${o}`, v = w === o;
-    return /* @__PURE__ */ n.createElement("div", {
+  }, ke = (e, n) => {
+    const r = l.some((f) => f[s] === e[s]), m = `${D}-option-${n}`, v = E === n;
+    return /* @__PURE__ */ o.createElement("div", {
       key: e.id || e.value,
       id: m,
       role: "option",
-      "aria-selected": l,
-      className: `option px-3 py-2 hover:bg-[var(--color-gray-100)] focus:bg-[var(--color-gray-100)] cursor-pointer select-none flex items-center gap-2 ${v ? "bg-[var(--color-blue-50)]" : ""}`,
-      onClick: () => ee(!l, e),
-      "data-automation-id": `dropdown-option-${e?.automationId || o}`
-    }, /* @__PURE__ */ n.createElement($e, {
+      "aria-selected": r,
+      className: `option px-3 py-2 hover:bg-[var(--color-gray-100)] focus:bg-[var(--color-gray-100)] cursor-pointer select-none flex items-center gap-2 ${v ? `bg-[var(--color-gray-100)]${we ? " outline outline-[length:var(--focus-width)] -outline-offset-2 outline-[var(--focus-color)]" : ""}` : ""}`,
+      onClick: () => te(!r, e),
+      "data-automation-id": `dropdown-option-${e?.automationId || n}`
+    }, /* @__PURE__ */ o.createElement(Oe, {
       tabIndex: -1,
       ariaHidden: !0,
-      checked: l,
+      checked: r,
       onChange: () => {
-      }
-    }), /* @__PURE__ */ n.createElement("span", {
+      },
+      className: "pointer-events-none"
+    }), /* @__PURE__ */ o.createElement("span", {
       className: "checkbox-label"
     }, e?.label));
-  }, De = () => /* @__PURE__ */ n.createElement("div", {
+  }, Ne = () => /* @__PURE__ */ o.createElement("div", {
     className: "dropdown-content dropdown-options",
     onKeyDown: (e) => {
       e.key === "Tab" && e.stopPropagation();
     }
-  }, h && Z(), /* @__PURE__ */ n.createElement("div", p({}, O, {
+  }, h && ee(), /* @__PURE__ */ o.createElement("div", p({}, B, {
     "aria-label": `${u} options`,
     "aria-multiselectable": "true",
     style: {
@@ -226,106 +231,115 @@ const je = (t) => {
     }
   }, h ? {} : {
     tabIndex: -1,
-    "aria-activedescendant": B["aria-activedescendant"],
-    onKeyDown: (e) => te(e, !1),
+    "aria-activedescendant": O["aria-activedescendant"],
+    onKeyDown: (e) => oe(e, !1),
     onFocus: () => {
-      w === -1 && c.length > 0 && pe(0);
+      E === -1 && i.length > 0 && Se(0);
     }
-  }), /* @__PURE__ */ n.createElement("div", {
+  }), /* @__PURE__ */ o.createElement("div", {
     className: "flex flex-col max-h-80 overflow-y-auto"
-  }, c.length > 0 ? c.map((e, o) => Ce(e, o)) : /* @__PURE__ */ n.createElement("div", {
+  }, i.length > 0 ? i.map((e, n) => ke(e, n)) : /* @__PURE__ */ o.createElement("div", {
     className: "px-3 py-4 text-center text-[var(--color-gray-700)] text-sm",
     role: "status",
     "aria-live": "polite"
-  }, J))), /* @__PURE__ */ n.createElement("div", {
+  }, J))), /* @__PURE__ */ o.createElement("div", {
     className: "flex items-center justify-end gap-4 p-3 border-t border-[var(--color-gray-200)]",
     onKeyDown: (e) => {
-      e.key === "Tab" && e.shiftKey && (e.preventDefault(), e.stopPropagation(), h ? I.current?.focus() : O.ref.current?.focus());
+      e.key === "Tab" && e.shiftKey && (e.preventDefault(), e.stopPropagation(), h ? I.current?.focus() : B.ref.current?.focus());
     }
-  }, /* @__PURE__ */ n.createElement(le, {
+  }, /* @__PURE__ */ o.createElement(le, {
     label: "Clear",
     type: "link",
     size: "sm",
-    onClick: Se,
+    onClick: Ce,
     automationId: "se-design-dropdown-clear-button"
-  }), /* @__PURE__ */ n.createElement(le, {
+  }), /* @__PURE__ */ o.createElement(le, {
     label: "Apply",
     type: "primary",
     size: "sm",
-    onClick: Ie,
+    onClick: Pe,
     automationId: "se-design-dropdown-apply-button"
-  }))), ke = () => {
-    const e = i ? "border-[var(--color-blue-500)]" : k ? "border-[var(--color-gray-300)]" : "border-[var(--color-gray-600)]", o = W ? "border-[var(--color-red-500)]" : "", l = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 ${ue ? "border-0" : `border rounded-md ${o || e}`} flex items-center ${ie}`;
-    return /* @__PURE__ */ n.createElement("div", {
-      className: l
-    }, /* @__PURE__ */ n.createElement("div", {
+  }))), Ve = () => {
+    const e = c ? "border-[var(--color-blue-500)]" : k ? "border-[var(--color-gray-300)]" : "border-[var(--color-gray-600)]", n = W ? "border-[var(--color-red-500)]" : "", r = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 ${me ? "border-0" : `border rounded-md ${n || e}`} flex items-center ${de}`;
+    return /* @__PURE__ */ o.createElement("div", {
+      className: r
+    }, /* @__PURE__ */ o.createElement("div", {
       id: H,
       className: "flex-1 min-w-0",
       "data-automation-id": t?.dropDownSelectAutomationId || "selected-dropdown-value"
-    }, G(r[0], !0)), /* @__PURE__ */ n.createElement("div", {
+    }, Y(l[0], !0)), /* @__PURE__ */ o.createElement("div", {
       className: "flex-shrink-0 ml-2",
       "aria-hidden": "true"
-    }, /* @__PURE__ */ n.createElement(oe, {
+    }, /* @__PURE__ */ o.createElement(re, {
       name: "chevron",
-      rotation: i ? "180" : "0",
+      rotation: c ? "180" : "0",
       className: "transition-transform",
-      stroke: j
+      stroke: U
     })));
-  }, Ne = () => {
-    const e = r[0]?.[d];
-    return b && e ? `${b}, ${e}` : b || u || "Select option";
+  }, $e = () => {
+    const e = l[0]?.[d];
+    return y && e ? `${y}, ${e}` : y || u || "Select option";
   };
-  return /* @__PURE__ */ n.createElement("div", {
+  return /* @__PURE__ */ o.createElement("div", {
     className: `se-design-dropdown-container${t?.className ? ` ${t?.className}` : ""}`,
     style: t?.style
-  }, t?.label ? /* @__PURE__ */ n.createElement("div", {
-    id: P,
-    className: `se-design-dropdown-label ${U ? "sr-only" : "mb-[3px] text-[var(--color-gray-700)] text-sm"}`
-  }, t?.label) : !t?.ariaLabelledBy && b ? /* @__PURE__ */ n.createElement("span", {
-    id: P,
+  }, t?.label ? /* @__PURE__ */ o.createElement("div", {
+    id: $,
+    className: `se-design-dropdown-label ${X ? "sr-only" : "mb-[3px] text-[var(--color-gray-700)] text-sm"}`
+  }, t?.label) : !t?.ariaLabelledBy && y ? /* @__PURE__ */ o.createElement("span", {
+    id: $,
     className: "sr-only"
-  }, b) : null, /* @__PURE__ */ n.createElement("div", p({
+  }, y) : null, /* @__PURE__ */ o.createElement("div", p({
     style: t?.style,
     className: `${k ? "bg-[var(--color-gray-50)] rounded-md cursor-not-allowed" : ""}`
-  }, a ? {} : {
-    ...ve,
+  }, a ? {
+    // Multi-select: only spread focus-tracking handlers for isKeyboardFocused.
+    // Dismiss is handled by Popover — don't spread onBlurCapture.
+    onPointerMove: w.onPointerMove,
+    onPointerDown: w.onPointerDown,
+    onPointerUp: w.onPointerUp,
+    onFocusCapture: w.onFocusCapture,
+    onKeyDownCapture: w.onKeyDownCapture
+  } : {
+    ...pe,
     // Portal content lives in document.body — focus moving into it looks like "focus out" to
     // the container's blur handler, causing immediate close. Suppress it; the Popover's own
     // onBlur handler checks both source and portal content and handles dismissal correctly.
     ...Q ? {
       onBlurCapture: void 0
     } : {}
-  }), /* @__PURE__ */ n.createElement(Ae, p({
-    ref: y,
-    isPopoverOpen: i,
+  }), /* @__PURE__ */ o.createElement(Fe, p({
+    ref: b,
+    isPopoverOpen: c,
     isWithPortal: Q,
-    renderPopoverContents: _ || (a ? De : Ee),
+    renderPopoverContents: _ || (a ? Ne : De),
     contentWidth: "full",
+    popoverContentStyleProperty: t.popoverContentStyleProperty,
     renderPopoverSrcElement: t.renderSrcElement ? () => t.renderSrcElement({
-      isOpen: i,
-      selectedValue: r
-    }) : ke,
+      isOpen: c,
+      selectedValue: l
+    }) : Ve,
     onPopoverToggle: (e) => {
-      if (D(e), e && !a && r.length > 0) {
-        const o = c.findIndex((l) => s ? l[s] === r[0]?.[s] : l[d] === r[0]?.[d]);
-        o >= 0 && he(o);
+      if (P(e), e && !a && l.length > 0) {
+        const n = i.findIndex((r) => s ? r[s] === l[0]?.[s] : r[d] === l[0]?.[d]);
+        n >= 0 && ve(n);
       }
-      e && a && !h && requestAnimationFrame(() => requestAnimationFrame(() => O.ref.current?.focus()));
+      e && a && !h && requestAnimationFrame(() => requestAnimationFrame(() => B.ref.current?.focus()));
     },
     disabled: k,
     automationId: t?.dropDownSrcAutomationId,
     popoverContentAutomationId: t?.dropDownContentAutomationId,
-    ariaLabelledBy: t?.label || t?.ariaLabelledBy || b ? [t?.label || !t?.ariaLabelledBy && b ? P : t?.ariaLabelledBy, H].filter(Boolean).join(" ") : void 0,
-    ariaLabel: !t?.label && !b && !t?.ariaLabelledBy ? Ne() : void 0,
+    ariaLabelledBy: t?.label || t?.ariaLabelledBy || y ? [t?.label || !t?.ariaLabelledBy && y ? $ : t?.ariaLabelledBy, H].filter(Boolean).join(" ") : void 0,
+    ariaLabel: !t?.label && !y && !t?.ariaLabelledBy ? $e() : void 0,
     sourceRole: "button",
     "aria-haspopup": "listbox"
-  }, i ? {
-    "aria-controls": C
-  } : {}))), W && /* @__PURE__ */ n.createElement("div", {
+  }, c ? {
+    "aria-controls": D
+  } : {}))), W && /* @__PURE__ */ o.createElement("div", {
     className: "text-[var(--color-red-500)] text-sm"
-  }, de));
+  }, ue));
 };
 export {
-  je as Dropdown
+  _e as Dropdown
 };
 //# sourceMappingURL=index25.js.map