se-design 1.0.62-dev → 1.0.62

package/dist/index183.js.map

@@ -1 +1 @@
-{"version":3,"file":"index183.js","sources":["../node_modules/react-svg/dist/react-svg.esm.js"],"sourcesContent":["import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutPropertiesLoose';\nimport _extends from '@babel/runtime/helpers/extends';\nimport _inheritsLoose from '@babel/runtime/helpers/inheritsLoose';\nimport { SVGInjector } from '@tanem/svg-injector';\nimport * as PropTypes from 'prop-types';\nimport * as React from 'react';\n\n// Hat-tip: https://github.com/mui/material-ui/tree/master/packages/mui-utils/src.\nvar ownerWindow = function ownerWindow(node) {\n  var doc = (node == null ? void 0 : node.ownerDocument) || document;\n  return doc.defaultView || window;\n};\n\n// Hat-tip: https://github.com/developit/preact-compat/blob/master/src/index.js#L402.\nvar shallowDiffers = function shallowDiffers(a, b) {\n  for (var i in a) {\n    if (!(i in b)) {\n      return true;\n    }\n  }\n  for (var _i in b) {\n    if (a[_i] !== b[_i]) {\n      return true;\n    }\n  }\n  return false;\n};\n\nvar _excluded = [\"afterInjection\", \"beforeInjection\", \"desc\", \"evalScripts\", \"fallback\", \"httpRequestWithCredentials\", \"loading\", \"renumerateIRIElements\", \"src\", \"title\", \"useRequestCache\", \"wrapper\"];\nvar svgNamespace = 'http://www.w3.org/2000/svg';\nvar xlinkNamespace = 'http://www.w3.org/1999/xlink';\nvar ReactSVG = /*#__PURE__*/function (_React$Component) {\n  function ReactSVG() {\n    var _this;\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n    _this.initialState = {\n      hasError: false,\n      isLoading: true\n    };\n    _this.state = _this.initialState;\n    _this._isMounted = false;\n    _this.reactWrapper = void 0;\n    _this.nonReactWrapper = void 0;\n    _this.refCallback = function (reactWrapper) {\n      _this.reactWrapper = reactWrapper;\n    };\n    return _this;\n  }\n  _inheritsLoose(ReactSVG, _React$Component);\n  var _proto = ReactSVG.prototype;\n  _proto.renderSVG = function renderSVG() {\n    var _this2 = this;\n    /* istanbul ignore else */\n    if (this.reactWrapper instanceof ownerWindow(this.reactWrapper).Node) {\n      var _this$props = this.props,\n        desc = _this$props.desc,\n        evalScripts = _this$props.evalScripts,\n        httpRequestWithCredentials = _this$props.httpRequestWithCredentials,\n        renumerateIRIElements = _this$props.renumerateIRIElements,\n        src = _this$props.src,\n        title = _this$props.title,\n        useRequestCache = _this$props.useRequestCache;\n      /* eslint-disable @typescript-eslint/no-non-null-assertion */\n      var onError = this.props.onError;\n      var beforeInjection = this.props.beforeInjection;\n      var afterInjection = this.props.afterInjection;\n      var wrapper = this.props.wrapper;\n      var nonReactWrapper;\n      var nonReactTarget;\n      if (wrapper === 'svg') {\n        nonReactWrapper = document.createElementNS(svgNamespace, wrapper);\n        nonReactWrapper.setAttribute('xmlns', svgNamespace);\n        nonReactWrapper.setAttribute('xmlns:xlink', xlinkNamespace);\n        nonReactTarget = document.createElementNS(svgNamespace, wrapper);\n      } else {\n        nonReactWrapper = document.createElement(wrapper);\n        nonReactTarget = document.createElement(wrapper);\n      }\n      nonReactWrapper.appendChild(nonReactTarget);\n      nonReactTarget.dataset.src = src;\n      this.nonReactWrapper = this.reactWrapper.appendChild(nonReactWrapper);\n      var handleError = function handleError(error) {\n        _this2.removeSVG();\n        if (!_this2._isMounted) {\n          onError(error);\n          return;\n        }\n        _this2.setState(function () {\n          return {\n            hasError: true,\n            isLoading: false\n          };\n        }, function () {\n          onError(error);\n        });\n      };\n      var afterEach = function afterEach(error, svg) {\n        if (error) {\n          handleError(error);\n          return;\n        }\n        // TODO (Tane): It'd be better to cleanly unsubscribe from SVGInjector\n        // callbacks instead of tracking a property like this.\n        if (_this2._isMounted) {\n          _this2.setState(function () {\n            return {\n              isLoading: false\n            };\n          }, function () {\n            try {\n              afterInjection(svg);\n            } catch (afterInjectionError) {\n              handleError(afterInjectionError);\n            }\n          });\n        }\n      };\n      var beforeEach = function beforeEach(svg) {\n        svg.setAttribute('role', 'img');\n        if (desc) {\n          var originalDesc = svg.querySelector(':scope > desc');\n          if (originalDesc) {\n            svg.removeChild(originalDesc);\n          }\n          var newDesc = document.createElement('desc');\n          newDesc.innerHTML = desc;\n          svg.prepend(newDesc);\n        }\n        if (title) {\n          var originalTitle = svg.querySelector(':scope > title');\n          if (originalTitle) {\n            svg.removeChild(originalTitle);\n          }\n          var newTitle = document.createElement('title');\n          newTitle.innerHTML = title;\n          svg.prepend(newTitle);\n        }\n        try {\n          beforeInjection(svg);\n        } catch (error) {\n          handleError(error);\n        }\n      };\n      SVGInjector(nonReactTarget, {\n        afterEach: afterEach,\n        beforeEach: beforeEach,\n        cacheRequests: useRequestCache,\n        evalScripts: evalScripts,\n        httpRequestWithCredentials: httpRequestWithCredentials,\n        renumerateIRIElements: renumerateIRIElements\n      });\n    }\n  };\n  _proto.removeSVG = function removeSVG() {\n    var _this$nonReactWrapper;\n    if ((_this$nonReactWrapper = this.nonReactWrapper) != null && _this$nonReactWrapper.parentNode) {\n      this.nonReactWrapper.parentNode.removeChild(this.nonReactWrapper);\n      this.nonReactWrapper = null;\n    }\n  };\n  _proto.componentDidMount = function componentDidMount() {\n    this._isMounted = true;\n    this.renderSVG();\n  };\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    var _this3 = this;\n    if (shallowDiffers(_extends({}, prevProps), this.props)) {\n      this.setState(function () {\n        return _this3.initialState;\n      }, function () {\n        _this3.removeSVG();\n        _this3.renderSVG();\n      });\n    }\n  };\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this._isMounted = false;\n    this.removeSVG();\n  };\n  _proto.render = function render() {\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    var _this$props2 = this.props;\n      _this$props2.afterInjection;\n      _this$props2.beforeInjection;\n      _this$props2.desc;\n      _this$props2.evalScripts;\n      var Fallback = _this$props2.fallback;\n      _this$props2.httpRequestWithCredentials;\n      var Loading = _this$props2.loading;\n      _this$props2.renumerateIRIElements;\n      _this$props2.src;\n      _this$props2.title;\n      _this$props2.useRequestCache;\n      var wrapper = _this$props2.wrapper,\n      rest = _objectWithoutPropertiesLoose(_this$props2, _excluded);\n    /* eslint-enable @typescript-eslint/no-unused-vars */\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    var Wrapper = wrapper;\n    return /*#__PURE__*/React.createElement(Wrapper, _extends({}, rest, {\n      ref: this.refCallback\n    }, wrapper === 'svg' ? {\n      xmlns: svgNamespace,\n      xmlnsXlink: xlinkNamespace\n    } : {}), this.state.isLoading && Loading && /*#__PURE__*/React.createElement(Loading, null), this.state.hasError && Fallback && /*#__PURE__*/React.createElement(Fallback, null));\n  };\n  return ReactSVG;\n}(React.Component);\nReactSVG.defaultProps = {\n  afterInjection: function afterInjection() {\n    return undefined;\n  },\n  beforeInjection: function beforeInjection() {\n    return undefined;\n  },\n  desc: '',\n  evalScripts: 'never',\n  fallback: null,\n  httpRequestWithCredentials: false,\n  loading: null,\n  onError: function onError() {\n    return undefined;\n  },\n  renumerateIRIElements: true,\n  title: '',\n  useRequestCache: true,\n  wrapper: 'div'\n};\nReactSVG.propTypes = {\n  afterInjection: PropTypes.func,\n  beforeInjection: PropTypes.func,\n  desc: PropTypes.string,\n  evalScripts: PropTypes.oneOf(['always', 'once', 'never']),\n  fallback: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  httpRequestWithCredentials: PropTypes.bool,\n  loading: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),\n  onError: PropTypes.func,\n  renumerateIRIElements: PropTypes.bool,\n  src: PropTypes.string.isRequired,\n  title: PropTypes.string,\n  useRequestCache: PropTypes.bool,\n  wrapper: PropTypes.oneOf(['div', 'span', 'svg'])\n} ;\n\nexport { ReactSVG };\n//# sourceMappingURL=react-svg.esm.js.map\n"],"names":["_objectWithoutPropertiesLoose","_extends","_inheritsLoose","SVGInjector","propTypesExports","React","ownerWindow","node","doc","shallowDiffers","a","b","i","_i","_excluded","svgNamespace","xlinkNamespace","ReactSVG","_React$Component","_this","_len","args","_key","reactWrapper","_proto","_this2","_this$props","desc","evalScripts","httpRequestWithCredentials","renumerateIRIElements","src","title","useRequestCache","onError","beforeInjection","afterInjection","wrapper","nonReactWrapper","nonReactTarget","handleError","error","afterEach","svg","afterInjectionError","beforeEach","originalDesc","newDesc","originalTitle","newTitle","_this$nonReactWrapper","prevProps","_this3","_this$props2","Fallback","Loading","rest","Wrapper","PropTypes.func","PropTypes.string","PropTypes.oneOf","PropTypes.oneOfType","PropTypes.object","PropTypes.bool"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index183.js","sources":["../src/utils/a11y/elementVisibility.ts"],"sourcesContent":["/**\n * Checks if an element is visible in the DOM.\n * \n * An element is considered visible if:\n * - It exists in the DOM\n * - It's not hidden via CSS (display: none, visibility: hidden)\n * - It has actual dimensions (width > 0 and height > 0)\n * \n * @param element - The element to check, or null\n * @returns true if the element is visible, false otherwise\n * \n * @example\n * const element = document.getElementById('my-element');\n * if (isElementVisible(element)) {\n *   // Element is visible\n * }\n */\nexport function isElementVisible(element: HTMLElement | null): boolean {\n  if (!element) return false;\n\n  // Check computed style for display/visibility\n  const style = window.getComputedStyle(element);\n  if (style.display === 'none' || style.visibility === 'hidden') {\n    return false;\n  }\n\n  // Check if element has dimensions\n  const rect = element.getBoundingClientRect();\n  return rect.width > 0 && rect.height > 0;\n}\n"],"names":["isElementVisible","element","style","window","getComputedStyle","display","visibility","rect","getBoundingClientRect","width","height"],"mappings":"AAiBO,SAASA,EAAiBC,GAAsC;AACrE,MAAI,CAACA,EAAS,QAAO;AAGrB,QAAMC,IAAQC,OAAOC,iBAAiBH,CAAO;AAC7C,MAAIC,EAAMG,YAAY,UAAUH,EAAMI,eAAe;AACnD,WAAO;AAIT,QAAMC,IAAON,EAAQO,sBAAAA;AACrB,SAAOD,EAAKE,QAAQ,KAAKF,EAAKG,SAAS;AACzC;"}

package/dist/index184.js

@@ -1,12 +1,9 @@
-function n(i) {
-  if (!i) return !1;
-  const t = window.getComputedStyle(i);
-  if (t.display === "none" || t.visibility === "hidden")
-    return !1;
-  const e = i.getBoundingClientRect();
-  return e.width > 0 && e.height > 0;
+import { useRef as n } from "react";
+function u(e, t = "se-id") {
+  const r = n("");
+  return r.current || (r.current = `${t}-${crypto.randomUUID()}`), e || r.current;
 }
 export {
-  n as isElementVisible
+  u as useStableId
 };
 //# sourceMappingURL=index184.js.map

package/dist/index184.js.map

@@ -1 +1 @@
-{"version":3,"file":"index184.js","sources":["../src/utils/a11y/elementVisibility.ts"],"sourcesContent":["/**\n * Checks if an element is visible in the DOM.\n * \n * An element is considered visible if:\n * - It exists in the DOM\n * - It's not hidden via CSS (display: none, visibility: hidden)\n * - It has actual dimensions (width > 0 and height > 0)\n * \n * @param element - The element to check, or null\n * @returns true if the element is visible, false otherwise\n * \n * @example\n * const element = document.getElementById('my-element');\n * if (isElementVisible(element)) {\n *   // Element is visible\n * }\n */\nexport function isElementVisible(element: HTMLElement | null): boolean {\n  if (!element) return false;\n\n  // Check computed style for display/visibility\n  const style = window.getComputedStyle(element);\n  if (style.display === 'none' || style.visibility === 'hidden') {\n    return false;\n  }\n\n  // Check if element has dimensions\n  const rect = element.getBoundingClientRect();\n  return rect.width > 0 && rect.height > 0;\n}\n"],"names":["isElementVisible","element","style","window","getComputedStyle","display","visibility","rect","getBoundingClientRect","width","height"],"mappings":"AAiBO,SAASA,EAAiBC,GAAsC;AACrE,MAAI,CAACA,EAAS,QAAO;AAGrB,QAAMC,IAAQC,OAAOC,iBAAiBH,CAAO;AAC7C,MAAIC,EAAMG,YAAY,UAAUH,EAAMI,eAAe;AACnD,WAAO;AAIT,QAAMC,IAAON,EAAQO,sBAAAA;AACrB,SAAOD,EAAKE,QAAQ,KAAKF,EAAKG,SAAS;AACzC;"}
+{"version":3,"file":"index184.js","sources":["../src/utils/useStableId.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/**\n * Generates a stable unique ID for component instances (React 16 compatible).\n * Returns the provided id if given, otherwise generates a stable per-mount id.\n * \n * @param id - Optional explicit id\n * @param prefix - Prefix for auto-generated ids (default: 'se-id')\n * @returns Stable id string\n */\nexport function useStableId(id?: string, prefix: string = 'se-id'): string {\n  const autoIdRef = useRef<string>('');\n  \n  if (!autoIdRef.current) {\n    autoIdRef.current = `${prefix}-${crypto.randomUUID()}`;\n  }\n  \n  return id || autoIdRef.current;\n}\n\n\n\n\n\n\n\n"],"names":["useRef","useStableId","id","prefix","autoIdRef","current","crypto","randomUUID"],"mappings":"AAUO,SAAA,UAAAA,SAAA;AAAA,SAASC,EAAYC,GAAaC,IAAiB,SAAiB;AACzE,QAAMC,IAAYJ,EAAe,EAAE;AAEnC,SAAKI,EAAUC,YACbD,EAAUC,UAAU,GAAGF,CAAM,IAAIG,OAAOC,YAAY,KAG/CL,KAAME,EAAUC;AACzB;"}

package/dist/index185.js

@@ -1,9 +1,8 @@
-import { useRef as n } from "react";
-function u(e, t = "se-id") {
-  const r = n("");
-  return r.current || (r.current = `${t}-${crypto.randomUUID()}`), e || r.current;
+function o(...n) {
+  const t = [...new Set(n.filter((e) => !!e).flatMap((e) => e.trim().split(/\s+/)).filter(Boolean))];
+  return t.length > 0 ? t.join(" ") : void 0;
 }
 export {
-  u as useStableId
+  o as mergeIds
 };
 //# sourceMappingURL=index185.js.map

package/dist/index185.js.map

@@ -1 +1 @@
-{"version":3,"file":"index185.js","sources":["../src/utils/useStableId.ts"],"sourcesContent":["import { useRef } from 'react';\n\n/**\n * Generates a stable unique ID for component instances (React 16 compatible).\n * Returns the provided id if given, otherwise generates a stable per-mount id.\n * \n * @param id - Optional explicit id\n * @param prefix - Prefix for auto-generated ids (default: 'se-id')\n * @returns Stable id string\n */\nexport function useStableId(id?: string, prefix: string = 'se-id'): string {\n  const autoIdRef = useRef<string>('');\n  \n  if (!autoIdRef.current) {\n    autoIdRef.current = `${prefix}-${crypto.randomUUID()}`;\n  }\n  \n  return id || autoIdRef.current;\n}\n\n\n\n\n\n\n\n"],"names":["useRef","useStableId","id","prefix","autoIdRef","current","crypto","randomUUID"],"mappings":"AAUO,SAAA,UAAAA,SAAA;AAAA,SAASC,EAAYC,GAAaC,IAAiB,SAAiB;AACzE,QAAMC,IAAYJ,EAAe,EAAE;AAEnC,SAAKI,EAAUC,YACbD,EAAUC,UAAU,GAAGF,CAAM,IAAIG,OAAOC,YAAY,KAG/CL,KAAME,EAAUC;AACzB;"}
+{"version":3,"file":"index185.js","sources":["../src/utils/mergeIds.ts"],"sourcesContent":["/**\n * Merges multiple ID strings into a single space-separated string.\n * Filters out falsy values and deduplicates IDs while preserving order.\n * \n * Useful for ARIA attributes (aria-describedby, aria-labelledby) and class names.\n * \n * @param ids - Array of id strings (or undefined/null)\n * @returns Merged space-separated id string, or undefined if no valid ids\n * \n * @example\n * mergeIds('error-1', undefined, 'helper-1', 'error-1')\n * // Returns: 'error-1 helper-1'\n */\nexport function mergeIds(...ids: (string | undefined | null)[]): string | undefined {\n  const uniqueIds = [\n    ...new Set(\n      ids\n        .filter((id): id is string => Boolean(id))\n        .flatMap(id => id.trim().split(/\\s+/))\n        .filter(Boolean)\n    )\n  ];\n  \n  return uniqueIds.length > 0 ? uniqueIds.join(' ') : undefined;\n}\n"],"names":["mergeIds","ids","uniqueIds","Set","filter","id","Boolean","flatMap","trim","split","length","join","undefined"],"mappings":"AAaO,SAASA,KAAYC,GAAwD;AAClF,QAAMC,IAAY,CAChB,GAAG,IAAIC,IACLF,EACGG,OAAO,CAACC,MAAqBC,EAAQD,CAAG,EACxCE,QAAQF,CAAAA,MAAMA,EAAGG,OAAOC,MAAM,KAAK,CAAC,EACpCL,OAAOE,OAAO,CACnB,CAAC;AAGH,SAAOJ,EAAUQ,SAAS,IAAIR,EAAUS,KAAK,GAAG,IAAIC;AACtD;"}

package/dist/index188.js

@@ -0,0 +1,27 @@
+import * as e from "react";
+function p({
+  disabled: t = !1,
+  onFocusIn: u,
+  onFocusOut: n,
+  onEscape: a,
+  closeOnEscape: c = !0
+}) {
+  const f = e.useCallback((r) => {
+    t || u?.();
+  }, [t, u]), s = e.useCallback((r) => {
+    if (t) return;
+    const o = r.relatedTarget;
+    o && r.currentTarget.contains(o) || n?.();
+  }, [t, n]), C = e.useCallback((r) => {
+    t || !c || r.key !== "Escape" || (r.preventDefault(), a?.());
+  }, [t, c, a]);
+  return {
+    onFocusCapture: f,
+    onBlurCapture: s,
+    onKeyDownCapture: C
+  };
+}
+export {
+  p as useDismissOnFocusOut
+};
+//# sourceMappingURL=index188.js.map

package/dist/index188.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index188.js","sources":["../src/utils/a11y/useDismissOnFocusOut.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type UseDismissOnFocusOutOptions = {\n  /**\n   * Disable all handlers (no-ops). Useful when a component provides alternate\n   * focus/keyboard behavior (e.g., disabled-trigger tooltip wrapper).\n   */\n  disabled?: boolean;\n  /**\n   * Called when focus enters anywhere within the target.\n   */\n  onFocusIn?: () => void;\n  /**\n   * Called when focus leaves the target (i.e., focus moves to an element\n   * outside the currentTarget).\n   */\n  onFocusOut?: () => void;\n  /**\n   * Called when Escape is pressed while focus is within the target.\n   */\n  onEscape?: () => void;\n  /**\n   * Whether Escape should trigger dismissal. Default: true.\n   */\n  closeOnEscape?: boolean;\n};\n\nexport type UseDismissOnFocusOutReturn<T extends HTMLElement = HTMLElement> = {\n  onFocusCapture: (e: React.FocusEvent<T>) => void;\n  onBlurCapture: (e: React.FocusEvent<T>) => void;\n  onKeyDownCapture: (e: React.KeyboardEvent<T>) => void;\n};\n\n/**\n * Returns capture-phase handlers to \"show on focus within\" and \"dismiss on focus out\",\n * with optional Escape-to-dismiss.\n *\n * Intended for non-interactive surfaces like tooltips where content should remain\n * visible while focus stays within the wrapper.\n */\nexport function useDismissOnFocusOut<T extends HTMLElement = HTMLElement>({\n  disabled = false,\n  onFocusIn,\n  onFocusOut,\n  onEscape,\n  closeOnEscape = true\n}: UseDismissOnFocusOutOptions): UseDismissOnFocusOutReturn<T> {\n  const onFocusCapture = React.useCallback(\n    (_e: React.FocusEvent<T>) => {\n      if (disabled) return;\n      onFocusIn?.();\n    },\n    [disabled, onFocusIn]\n  );\n\n  const onBlurCapture = React.useCallback(\n    (e: React.FocusEvent<T>) => {\n      if (disabled) return;\n\n      const nextFocused = e.relatedTarget as Node | null;\n      if (nextFocused && e.currentTarget.contains(nextFocused)) return;\n\n      onFocusOut?.();\n    },\n    [disabled, onFocusOut]\n  );\n\n  const onKeyDownCapture = React.useCallback(\n    (e: React.KeyboardEvent<T>) => {\n      if (disabled || !closeOnEscape || e.key !== 'Escape') return;\n\n      e.preventDefault();\n      onEscape?.();\n    },\n    [disabled, closeOnEscape, onEscape]\n  );\n\n  return { onFocusCapture, onBlurCapture, onKeyDownCapture };\n}\n\n"],"names":["React","useDismissOnFocusOut","disabled","onFocusIn","onFocusOut","onEscape","closeOnEscape","onFocusCapture","useCallback","_e","onBlurCapture","e","nextFocused","relatedTarget","currentTarget","contains","onKeyDownCapture","key","preventDefault"],"mappings":"AAwCO,YAAAA,OAAA;AAAA,SAASC,EAA0D;AAAA,EACxEC,UAAAA,IAAW;AAAA,EACXC,WAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,eAAAA,IAAgB;AACW,GAAkC;AAC7D,QAAMC,IAAiBP,EAAMQ,YAC3B,CAACC,MAA4B;AAC3B,IAAIP,KACJC,IAAAA;AAAAA,EACF,GACA,CAACD,GAAUC,CAAS,CACtB,GAEMO,IAAgBV,EAAMQ,YAC1B,CAACG,MAA2B;AAC1B,QAAIT,EAAU;AAEd,UAAMU,IAAcD,EAAEE;AACtB,IAAID,KAAeD,EAAEG,cAAcC,SAASH,CAAW,KAEvDR,IAAAA;AAAAA,EACF,GACA,CAACF,GAAUE,CAAU,CACvB,GAEMY,IAAmBhB,EAAMQ,YAC7B,CAACG,MAA8B;AAC7B,IAAIT,KAAY,CAACI,KAAiBK,EAAEM,QAAQ,aAE5CN,EAAEO,eAAAA,GACFb,IAAAA;AAAAA,EACF,GACA,CAACH,GAAUI,GAAeD,CAAQ,CACpC;AAEA,SAAO;AAAA,IAAEE,gBAAAA;AAAAA,IAAgBG,eAAAA;AAAAA,IAAeM,kBAAAA;AAAAA,EAAAA;AAC1C;"}

package/dist/index189.js

@@ -1,27 +1,65 @@
-import * as e from "react";
-function p({
-  disabled: t = !1,
-  onFocusIn: u,
-  onFocusOut: n,
-  onEscape: a,
-  closeOnEscape: c = !0
+import * as o from "react";
+function w({
+  itemIds: t,
+  tabIndex: p = 0,
+  defaultFocusedId: l,
+  orientation: f = "horizontal",
+  loop: u = !0,
+  onFocusChange: h
 }) {
-  const f = e.useCallback((r) => {
-    t || u?.();
-  }, [t, u]), s = e.useCallback((r) => {
-    if (t) return;
-    const o = r.relatedTarget;
-    o && r.currentTarget.contains(o) || n?.();
-  }, [t, n]), C = e.useCallback((r) => {
-    t || !c || r.key !== "Escape" || (r.preventDefault(), a?.());
-  }, [t, c, a]);
+  const [a, g] = o.useState(l || t[0] || ""), k = o.useRef({});
+  o.useEffect(() => {
+    if (t.length > 0 && !t.includes(a)) {
+      const e = l || t[0] || "";
+      g(e);
+    }
+  }, [t, a, l]);
+  const v = o.useCallback((e) => {
+    g(e), h?.(e);
+  }, [h]), s = o.useCallback((e) => {
+    if (t.length === 0) return;
+    const c = t.indexOf(a), n = Math.max(0, c);
+    let r = n;
+    switch (e) {
+      case "first":
+        r = 0;
+        break;
+      case "last":
+        r = t.length - 1;
+        break;
+      case "prev":
+        u ? r = (n - 1 + t.length) % t.length : r = Math.max(0, n - 1);
+        break;
+      case "next":
+        u ? r = (n + 1) % t.length : r = Math.min(t.length - 1, n + 1);
+        break;
+    }
+    const x = t[r];
+    x && k.current[x]?.focus();
+  }, [t, a, u]), i = o.useCallback((e) => ({
+    ref: (c) => {
+      k.current[e] = c;
+    },
+    tabIndex: a === e ? p : -1
+  }), [a, p]), b = o.useCallback((e) => {
+    if (e.key === "Home") {
+      e.preventDefault(), e.stopPropagation(), s("first");
+      return;
+    }
+    if (e.key === "End") {
+      e.preventDefault(), e.stopPropagation(), s("last");
+      return;
+    }
+    const c = f === "horizontal" ? "ArrowLeft" : "ArrowUp", n = f === "horizontal" ? "ArrowRight" : "ArrowDown";
+    e.key === c ? (e.preventDefault(), e.stopPropagation(), s("prev")) : e.key === n && (e.preventDefault(), e.stopPropagation(), s("next"));
+  }, [f, s]);
   return {
-    onFocusCapture: f,
-    onBlurCapture: s,
-    onKeyDownCapture: C
+    setFocusedId: v,
+    handleKeyDown: b,
+    getRovingItemProps: i
   };
 }
 export {
-  p as useDismissOnFocusOut
+  w as useRovingFocus
 };
 //# sourceMappingURL=index189.js.map

package/dist/index189.js.map

@@ -1 +1 @@
-{"version":3,"file":"index189.js","sources":["../src/utils/a11y/useDismissOnFocusOut.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type UseDismissOnFocusOutOptions = {\n  /**\n   * Disable all handlers (no-ops). Useful when a component provides alternate\n   * focus/keyboard behavior (e.g., disabled-trigger tooltip wrapper).\n   */\n  disabled?: boolean;\n  /**\n   * Called when focus enters anywhere within the target.\n   */\n  onFocusIn?: () => void;\n  /**\n   * Called when focus leaves the target (i.e., focus moves to an element\n   * outside the currentTarget).\n   */\n  onFocusOut?: () => void;\n  /**\n   * Called when Escape is pressed while focus is within the target.\n   */\n  onEscape?: () => void;\n  /**\n   * Whether Escape should trigger dismissal. Default: true.\n   */\n  closeOnEscape?: boolean;\n};\n\nexport type UseDismissOnFocusOutReturn<T extends HTMLElement = HTMLElement> = {\n  onFocusCapture: (e: React.FocusEvent<T>) => void;\n  onBlurCapture: (e: React.FocusEvent<T>) => void;\n  onKeyDownCapture: (e: React.KeyboardEvent<T>) => void;\n};\n\n/**\n * Returns capture-phase handlers to \"show on focus within\" and \"dismiss on focus out\",\n * with optional Escape-to-dismiss.\n *\n * Intended for non-interactive surfaces like tooltips where content should remain\n * visible while focus stays within the wrapper.\n */\nexport function useDismissOnFocusOut<T extends HTMLElement = HTMLElement>({\n  disabled = false,\n  onFocusIn,\n  onFocusOut,\n  onEscape,\n  closeOnEscape = true\n}: UseDismissOnFocusOutOptions): UseDismissOnFocusOutReturn<T> {\n  const onFocusCapture = React.useCallback(\n    (_e: React.FocusEvent<T>) => {\n      if (disabled) return;\n      onFocusIn?.();\n    },\n    [disabled, onFocusIn]\n  );\n\n  const onBlurCapture = React.useCallback(\n    (e: React.FocusEvent<T>) => {\n      if (disabled) return;\n\n      const nextFocused = e.relatedTarget as Node | null;\n      if (nextFocused && e.currentTarget.contains(nextFocused)) return;\n\n      onFocusOut?.();\n    },\n    [disabled, onFocusOut]\n  );\n\n  const onKeyDownCapture = React.useCallback(\n    (e: React.KeyboardEvent<T>) => {\n      if (disabled || !closeOnEscape || e.key !== 'Escape') return;\n\n      e.preventDefault();\n      onEscape?.();\n    },\n    [disabled, closeOnEscape, onEscape]\n  );\n\n  return { onFocusCapture, onBlurCapture, onKeyDownCapture };\n}\n\n"],"names":["React","useDismissOnFocusOut","disabled","onFocusIn","onFocusOut","onEscape","closeOnEscape","onFocusCapture","useCallback","_e","onBlurCapture","e","nextFocused","relatedTarget","currentTarget","contains","onKeyDownCapture","key","preventDefault"],"mappings":"AAwCO,YAAAA,OAAA;AAAA,SAASC,EAA0D;AAAA,EACxEC,UAAAA,IAAW;AAAA,EACXC,WAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,eAAAA,IAAgB;AACW,GAAkC;AAC7D,QAAMC,IAAiBP,EAAMQ,YAC3B,CAACC,MAA4B;AAC3B,IAAIP,KACJC,IAAAA;AAAAA,EACF,GACA,CAACD,GAAUC,CAAS,CACtB,GAEMO,IAAgBV,EAAMQ,YAC1B,CAACG,MAA2B;AAC1B,QAAIT,EAAU;AAEd,UAAMU,IAAcD,EAAEE;AACtB,IAAID,KAAeD,EAAEG,cAAcC,SAASH,CAAW,KAEvDR,IAAAA;AAAAA,EACF,GACA,CAACF,GAAUE,CAAU,CACvB,GAEMY,IAAmBhB,EAAMQ,YAC7B,CAACG,MAA8B;AAC7B,IAAIT,KAAY,CAACI,KAAiBK,EAAEM,QAAQ,aAE5CN,EAAEO,eAAAA,GACFb,IAAAA;AAAAA,EACF,GACA,CAACH,GAAUI,GAAeD,CAAQ,CACpC;AAEA,SAAO;AAAA,IAAEE,gBAAAA;AAAAA,IAAgBG,eAAAA;AAAAA,IAAeM,kBAAAA;AAAAA,EAAAA;AAC1C;"}
+{"version":3,"file":"index189.js","sources":["../src/utils/a11y/useRovingFocus.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type RovingDirection = 'prev' | 'next' | 'first' | 'last';\n\nexport interface UseRovingFocusOptions {\n  /**\n   * Array of item IDs in order\n   */\n  itemIds: string[];\n\n  /**\n   * The tabIndex to apply to the currently focused item in the roving group.\n   * Defaults to 0 \n   */\n  tabIndex?: number;\n\n  /**\n   * Initial focused item ID. Defaults to first item.\n   */\n  defaultFocusedId?: string;\n\n  /**\n   * Orientation for arrow key mapping.\n   * - horizontal: ArrowLeft/ArrowRight\n   * - vertical: ArrowUp/ArrowDown\n   */\n  orientation?: 'horizontal' | 'vertical';\n\n  /**\n   * Whether navigation wraps around at ends. Defaults to true.\n   */\n  loop?: boolean;\n\n  /**\n   * Callback when focus changes\n   */\n  onFocusChange?: (id: string) => void;\n}\n\nexport interface RovingItemProps {\n  ref: (el: HTMLElement | null) => void;\n  tabIndex: number;\n}\n\nexport interface UseRovingFocusReturn {\n  /**\n   * Set focused item ID manually\n   */\n  setFocusedId: (id: string) => void;\n\n  /**\n   * Keyboard handler for arrow/Home/End navigation.\n   * Attach to each item's onKeyDown.\n   */\n  handleKeyDown: (e: React.KeyboardEvent) => void;\n\n  /**\n   * Get props for an item in the roving focus group (ref + tabIndex)\n   */\n  getRovingItemProps: (id: string) => RovingItemProps;\n}\n\n/**\n * Hook for managing roving focus pattern (roving tabindex).\n * Reusable for composite widgets: tabs, toolbars, menus, listboxes, radio groups.\n *\n * @example\n * const { getRovingItemProps, handleKeyDown } = useRovingFocus({\n *   itemIds: ['tab1', 'tab2', 'tab3'],\n *   orientation: 'horizontal'\n * });\n *\n * // In render:\n * <button {...getRovingItemProps('tab1')} onKeyDown={handleKeyDown}>Tab 1</button>\n */\nexport function useRovingFocus({\n  itemIds,\n  tabIndex = 0,\n  defaultFocusedId,\n  orientation = 'horizontal',\n  loop = true,\n  onFocusChange\n}: UseRovingFocusOptions): UseRovingFocusReturn {\n  const [focusedId, setFocusedIdState] = React.useState<string>(\n    defaultFocusedId || itemIds[0] || ''\n  );\n\n  const itemRefs = React.useRef<Record<string, HTMLElement | null>>({});\n\n  // Sync focusedId if itemIds change and current focusedId is no longer valid\n  React.useEffect(() => {\n    if (itemIds.length > 0 && !itemIds.includes(focusedId)) {\n      const newFocusedId = defaultFocusedId || itemIds[0] || '';\n      setFocusedIdState(newFocusedId);\n    }\n  }, [itemIds, focusedId, defaultFocusedId]);\n\n  const setFocusedId = React.useCallback(\n    (id: string) => {\n      setFocusedIdState(id);\n      onFocusChange?.(id);\n    },\n    [onFocusChange]\n  );\n\n  const moveFocus = React.useCallback(\n    (direction: RovingDirection) => {\n      if (itemIds.length === 0) return;\n\n      const currentIdx = itemIds.indexOf(focusedId);\n      const safeIdx = Math.max(0, currentIdx);\n      let nextIdx = safeIdx;\n\n      switch (direction) {\n        case 'first':\n          nextIdx = 0;\n          break;\n        case 'last':\n          nextIdx = itemIds.length - 1;\n          break;\n        case 'prev':\n          if (loop) {\n            nextIdx = (safeIdx - 1 + itemIds.length) % itemIds.length;\n          } else {\n            nextIdx = Math.max(0, safeIdx - 1);\n          }\n          break;\n        case 'next':\n          if (loop) {\n            nextIdx = (safeIdx + 1) % itemIds.length;\n          } else {\n            nextIdx = Math.min(itemIds.length - 1, safeIdx + 1);\n          }\n          break;\n      }\n\n      const nextId = itemIds[nextIdx];\n      if (!nextId) return;\n\n      // Focus the element\n      itemRefs.current[nextId]?.focus();\n      // Note: We don't call setFocusedId here because the element's onFocus\n      // should handle that (follows \"focus follows DOM focus\" pattern)\n    },\n    [itemIds, focusedId, loop]\n  );\n\n  const getRovingItemProps = React.useCallback(\n    (id: string): RovingItemProps => ({\n      ref: (el: HTMLElement | null) => {\n        itemRefs.current[id] = el;\n      },\n      tabIndex: focusedId === id ? tabIndex : -1\n    }),\n    [focusedId, tabIndex]\n  );\n\n  // Keyboard handler for arrow/Home/End navigation\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Home') {\n        e.preventDefault();\n        e.stopPropagation();\n        moveFocus('first');\n        return;\n      }\n      if (e.key === 'End') {\n        e.preventDefault();\n        e.stopPropagation();\n        moveFocus('last');\n        return;\n      }\n\n      const prevKey = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n      const nextKey = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n\n      if (e.key === prevKey) {\n        e.preventDefault();\n        e.stopPropagation();\n        moveFocus('prev');\n      } else if (e.key === nextKey) {\n        e.preventDefault();\n        e.stopPropagation();\n        moveFocus('next');\n      }\n    },\n    [orientation, moveFocus]\n  );\n\n  return {\n    setFocusedId,\n    handleKeyDown,\n    getRovingItemProps\n  };\n}\n"],"names":["React","useRovingFocus","itemIds","tabIndex","defaultFocusedId","orientation","loop","onFocusChange","focusedId","setFocusedIdState","useState","itemRefs","useRef","useEffect","length","includes","newFocusedId","setFocusedId","useCallback","id","moveFocus","direction","currentIdx","indexOf","safeIdx","Math","max","nextIdx","min","nextId","current","focus","getRovingItemProps","ref","el","handleKeyDown","e","key","preventDefault","stopPropagation","prevKey","nextKey"],"mappings":"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"}

package/dist/index191.js

@@ -1,6 +1,6 @@
 import { useRef as u, useCallback as f, useEffect as P } from "react";
 import { useComboboxNavigation as y } from "./index225.js";
-import { useDismissOnFocusOut as R } from "./index189.js";
+import { useDismissOnFocusOut as R } from "./index188.js";
 function M({
   items: l,
   isOpen: t,

package/dist/index212.js

@@ -1,5 +1,5 @@
 import { useCallback as d } from "react";
-import { useRovingFocus as g } from "./index68.js";
+import { useRovingFocus as g } from "./index189.js";
 const u = (e, t) => `tab${t ? `-${t}` : ""}-${e}`, c = (e, t) => `panel${t ? `-${t}` : ""}-${e}`;
 function P({
   itemIds: e,

package/dist/index22.js

@@ -1,7 +1,7 @@
 import i, { useState as D, useEffect as O } from "react";
-import { useStableId as S } from "./index185.js";
-import { getA11yNameAttributes as _ } from "./index70.js";
-import { mergeIds as $ } from "./index186.js";
+import { useStableId as S } from "./index184.js";
+import { getA11yNameAttributes as _ } from "./index69.js";
+import { mergeIds as $ } from "./index185.js";
 /* empty css         */
 function b() {
   return b = Object.assign ? Object.assign.bind() : function(s) {

package/dist/index24.js

@@ -4,7 +4,7 @@ import { Icon as M } from "./index5.js";
 import { Checkbox as me } from "./index22.js";
 import { Button as R } from "./index3.js";
 import { InputWithIcon as fe } from "./index51.js";
-import { useStableId as T } from "./index185.js";
+import { useStableId as T } from "./index184.js";
 import { useCombobox as pe } from "./index191.js";
 function m() {
   return m = Object.assign ? Object.assign.bind() : function(t) {
@@ -156,7 +156,7 @@ const Ee = (t) => {
     }, P && L(), /* @__PURE__ */ o.createElement("div", {
       className: "flex flex-col max-h-80 overflow-y-auto"
     }, e.length > 0 ? e.map((r) => re(r)) : /* @__PURE__ */ o.createElement("div", {
-      className: "px-3 py-4 text-center text-[var(--color-gray-700)] text-sm",
+      className: "px-3 py-4 text-center text-[var(--color-gray-500)] text-sm",
       role: "status",
       "aria-live": "polite"
     }, A)), /* @__PURE__ */ o.createElement("div", {

package/dist/index24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index24.js","sources":["../src/components/Dropdown/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef, useEffect } from 'react';\n\nimport { Popover, PopoverHandle } from 'src/components/Popover';\nimport { Icon } from 'components/Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\nimport { InputWithIcon } from '../InputWithIcon';\nimport { useStableId } from '../../utils/useStableId';\nimport { useCombobox } from '../../utils/a11y/useCombobox';\n\ntype DropdownValue = {\n  [key: string]: any;\n};\n\ntype DropdownProps = {\n  label?: string;\n  ariaLabel?: string;\n  type: 'select' | 'multi-select';\n  dropDownOptions?: DropdownValue[];\n  defaultText?: string;\n  selectBy?: string;\n  optionsUniqueBy?: string;\n  displaySelected?: boolean;\n  defaultSelectedValue?: DropdownValue | DropdownValue[];\n  customSelectedValue?: string;\n  onOptionClick?: (selectedValue: DropdownValue) => void;\n  style?: React.CSSProperties;\n  renderOptionChip?: (option: DropdownValue, srcOption: boolean) => React.ReactNode;\n  className?: string;\n  iconColor?: string;\n  disabled?: boolean;\n  dropdownClassName?: string;\n  hasError?: boolean;\n  errorMessage?: string;\n  onApply?: (selectedValue: DropdownValue[]) => void;\n  onClear?: () => void;\n  customDropdownContent?: () => React.ReactNode;\n  isBorderless?: boolean;\n  dropDownSrcAutomationId?: string;\n  dropDownSelectAutomationId?: string;\n  dropDownContentAutomationId?: string;\n  shouldShowSearch?: boolean;\n  searchPlaceholder?: string;\n  searchResultEmptyMessage?: string;\n};\n\nexport const Dropdown: FC<DropdownProps> = (props) => {\n  const [isDropDownOpen, setIsDropDownOpen] = useState(false);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedDropDownValues, setSelectedDropDownValues] = useState<DropdownValue[]>(() =>\n    props?.defaultSelectedValue\n      ? Array.isArray(props?.defaultSelectedValue)\n        ? props?.defaultSelectedValue\n        : [props.defaultSelectedValue]\n      : []\n  );\n  const popoverRef = useRef<HTMLDivElement & PopoverHandle>(null);\n  const labelId = useStableId(undefined, 'dropdown-label');\n  const listboxId = useStableId(undefined, 'dropdown-listbox');\n\n  const {\n    selectBy = '',\n    optionsUniqueBy = '',\n    displaySelected = false,\n    dropDownOptions,\n    defaultText = 'Select',\n    iconColor = 'var(--color-gray-700)',\n    disabled = false,\n    dropdownClassName = '',\n    hasError = false,\n    errorMessage = '',\n    customDropdownContent = null,\n    isBorderless = false,\n    shouldShowSearch = false,\n    searchPlaceholder = 'Search...',\n    searchResultEmptyMessage = 'No results found',\n    ariaLabel = '',\n    customSelectedValue = ''\n  } = props;\n\n  useEffect(() => {\n    const newValues = props?.defaultSelectedValue\n      ? Array.isArray(props?.defaultSelectedValue)\n        ? props?.defaultSelectedValue\n        : [props.defaultSelectedValue]\n      : [];\n    setSelectedDropDownValues(newValues);\n  }, [props?.defaultSelectedValue]);\n\n  useEffect(() => {\n    if (!isDropDownOpen) {\n      setSearchQuery('');\n    }\n  }, [isDropDownOpen]);\n\n  const isMultiSelect = props?.type === 'multi-select';\n\n  const getFilteredOptions = () => {\n    if (!searchQuery.trim()) {\n      return dropDownOptions || [];\n    }\n    return (dropDownOptions || []).filter((option) => {\n      const optionValue = option?.[selectBy]?.toString().toLowerCase() || '';\n      return optionValue.includes(searchQuery.toLowerCase());\n    });\n  };\n\n  const handleDropDownOptionClick = (dropDownOption: any) => {\n    setSelectedDropDownValues([dropDownOption]);\n    setIsDropDownOpen(false);\n    props?.onOptionClick?.(dropDownOption);\n  };\n\n  // Use useCombobox hook for keyboard navigation (only for single-select)\n  const filteredOptions = getFilteredOptions();\n  const {\n    listboxProps,\n    getOptionProps,\n    highlightedIndex,\n    containerProps: comboboxContainerProps,\n    inputProps: comboboxInputProps\n  } = useCombobox({\n    items: isMultiSelect ? [] : filteredOptions, // Only use for single-select\n    isOpen: isDropDownOpen && !isMultiSelect,\n    onOpenChange: setIsDropDownOpen,\n    onSelect: (item: DropdownValue) => {\n      handleDropDownOptionClick(item);\n    },\n    listboxId,\n    disabled: isMultiSelect || disabled,\n    hasItems: filteredOptions.length > 0\n  });\n\n  const getSelectedDropDownValue = (option: DropdownValue, isSrcOption: boolean = false) => {\n    if (isMultiSelect) {\n      return defaultText;\n    }\n\n    // if custom selected value is provided, use it instead of the option value\n    if (isSrcOption && customSelectedValue) {\n      return customSelectedValue;\n    }\n\n    return option?.[selectBy] || defaultText;\n  };\n\n  const clearSelectedDropDownValues = () => {\n    setSelectedDropDownValues([]);\n    props?.onClear?.();\n  };\n\n  const optionChip = (option: DropdownValue, srcOption: boolean = false) => {\n    if (props?.renderOptionChip) {\n      return props?.renderOptionChip(option, srcOption);\n    }\n\n    if (isMultiSelect && selectedDropDownValues?.length > 0) {\n      const firstSelectedLabel = selectedDropDownValues[0]?.[selectBy] || '';\n      const remainingCount = selectedDropDownValues.length - 1;\n\n      // For multiple selections: text takes remaining space, count takes minimum space needed\n      return (\n        <div className={`option-chip flex items-center w-full`}>\n          <div\n            className={`${remainingCount > 0 ? 'w-full' : 'flex-1'} truncate`}\n          >{`${defaultText}: ${firstSelectedLabel}`}</div>\n          {remainingCount > 0 && <div className=\"flex-shrink-0\">+{remainingCount}</div>}\n        </div>\n      );\n    }\n\n    return (\n      <p className={`option-chip flex flex-1 items-center justify-between`}>\n        {getSelectedDropDownValue(option, srcOption)}\n      </p>\n    );\n  };\n\n  const renderSearchBar = () => {\n    return (\n      <div className=\" w-full relative flex items-center border-b border-[var(--color-gray-300)]\">\n        <InputWithIcon\n          leftIcon={{ name: 'search', position: 'left', style: { color: 'var(--color-gray-500)' } }}\n          value={searchQuery}\n          onChange={(value) => setSearchQuery(value)}\n          placeholder={searchPlaceholder}\n          style={{ margin: 0, gap: 0 }}\n          inputStyle={{ width: '100%', border: 'none', outline: 'none' }}\n        />\n      </div>\n    );\n  };\n\n  const dropDownOptionJsx = (dropDownOption: DropdownValue, index: number) => {\n    const optionTxt = dropDownOption[selectBy];\n    const dropDownSelectedValue = selectedDropDownValues[0]?.[selectBy] || defaultText;\n    const selectByUniqueId = optionsUniqueBy?.length\n      ? dropDownOption[optionsUniqueBy] == selectedDropDownValues[0]?.[optionsUniqueBy]\n      : true;\n    const isOptionSelected = displaySelected && optionTxt === dropDownSelectedValue && selectByUniqueId;\n    const isHighlighted = highlightedIndex === index;\n    const optionProps = !isMultiSelect ? getOptionProps(index, isOptionSelected) : {};\n    \n    return (\n      <div\n        key={dropDownOption.id || dropDownOption.value}\n        className={`option break-words px-3 py-2 hover:bg-gray-100 cursor-pointer select-none flex items-center justify-between ${\n          isOptionSelected ? 'selected' : ''\n        } ${isHighlighted ? 'bg-gray-100' : ''}`}\n        onClick={() => handleDropDownOptionClick(dropDownOption)}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            handleDropDownOptionClick(dropDownOption);\n          }\n        }}\n        tabIndex={-1}\n        data-automation-id={`dropdown-option-${dropDownOption?.automationId || index}`}\n        {...optionProps}\n        aria-selected={isOptionSelected ? 'true' : 'false'}\n      >\n        {optionChip({ ...dropDownOption, isOptionSelected }, false)}\n        {isOptionSelected && <Icon name=\"checkmark\" stroke={iconColor} />}\n      </div>\n    );\n  };\n\n  const renderDropdownContents = () => {\n    return (\n      <div \n        className=\"dropdown-content dropdown-options\" \n        aria-label=\"Dropdown options\"\n        {...listboxProps}\n      >\n        {shouldShowSearch && renderSearchBar()}\n        <div className=\"flex flex-col max-h-80 overflow-y-auto\">\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((dropDownOption, index) => dropDownOptionJsx(dropDownOption, index))\n          ) : (\n            <div\n              className=\"px-3 py-4 text-center text-[var(--color-gray-700)] text-sm\"\n              role=\"status\"\n              aria-live=\"polite\"\n            >\n              {searchResultEmptyMessage}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  const handleMultiSelectDropdownOptionClick = (isSelected: boolean, dropDownOption: DropdownValue) => {\n    let newSelectedDropDownValues: DropdownValue[] = [];\n    if (isSelected) {\n      newSelectedDropDownValues = [...selectedDropDownValues, dropDownOption];\n    } else {\n      newSelectedDropDownValues = selectedDropDownValues?.filter(\n        (option) => option[optionsUniqueBy] !== dropDownOption[optionsUniqueBy]\n      );\n    }\n    setSelectedDropDownValues(newSelectedDropDownValues);\n  };\n\n  const handleApplySelectedDropDownValues = () => {\n    popoverRef.current?.togglePopover();\n    props?.onApply?.(selectedDropDownValues);\n  };\n\n  const multiSelectDropdownOptionJSX = (dropDownOption: DropdownValue) => {\n    const isOptionSelected = selectedDropDownValues.some(\n      (option) => option[optionsUniqueBy] === dropDownOption[optionsUniqueBy]\n    );\n    return (\n      <div\n        key={dropDownOption.id || dropDownOption.value}\n        className=\"option px-3 py-2 hover:bg-gray-100 cursor-pointer select-none flex items-center justify-between\"\n      >\n        <Checkbox\n          automationId=\"checkbox\"\n          className=\"checkbox\"\n          defaultChecked={isOptionSelected}\n          onChange={(value) => handleMultiSelectDropdownOptionClick(value, dropDownOption)}\n          label={dropDownOption?.label}\n        />\n      </div>\n    );\n  };\n\n  const renderMultiSelectDropdownContents = () => {\n    const filteredOptions = getFilteredOptions();\n    return (\n      <div\n        className=\"dropdown-content dropdown-options\"\n        role=\"listbox\"\n        aria-label=\"Multi-select dropdown options\"\n        aria-multiselectable=\"true\"\n      >\n        {shouldShowSearch && renderSearchBar()}\n        <div className=\"flex flex-col max-h-80 overflow-y-auto\">\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((dropDownOption) => multiSelectDropdownOptionJSX(dropDownOption))\n          ) : (\n            <div\n              className=\"px-3 py-4 text-center text-[var(--color-gray-700)] text-sm\"\n              role=\"status\"\n              aria-live=\"polite\"\n            >\n              {searchResultEmptyMessage}\n            </div>\n          )}\n        </div>\n        <div className=\"flex items-center justify-end gap-4 p-3 border-t border-[var(--color-gray-200)]\">\n          <Button label=\"Clear\" type=\"link\" size=\"sm\" onClick={clearSelectedDropDownValues} />\n          <Button label=\"Apply\" type=\"primary\" size=\"sm\" onClick={handleApplySelectedDropDownValues} />\n        </div>\n      </div>\n    );\n  };\n\n  const renderDropdownSelect = () => {\n    const borderColor = isDropDownOpen\n      ? 'border-[var(--color-blue-500)]'\n      : disabled\n      ? 'border-[var(--color-gray-300)]'\n      : 'border-[var(--color-gray-600)]';\n    const errorBorderColor = hasError ? 'border-[var(--color-red-500)]' : '';\n    const dropDownSelectClass = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 ${\n      isBorderless ? 'border-0' : `border rounded-md ${errorBorderColor ? errorBorderColor : borderColor}`\n    } flex items-center ${dropdownClassName}`;\n\n    return (\n      <div className={dropDownSelectClass}>\n        <div\n          className=\"flex-1 min-w-0\"\n          data-automation-id={props?.dropDownSelectAutomationId || 'selected-dropdown-value'}\n        >\n          {optionChip(selectedDropDownValues[0], true)}\n        </div>\n        <div className=\"flex-shrink-0 ml-2\" aria-hidden=\"true\">\n          <Icon\n            name={'chevron'}\n            rotation={isDropDownOpen ? '180' : '0'}\n            className={`transition-transform`}\n            stroke={iconColor}\n          />\n        </div>\n      </div>\n    );\n  };\n\n  const getDropdownAriaLabel = () => {\n    return ariaLabel || `Select option`;\n  };\n\n  return (\n    <div\n      className={`se-design-dropdown-container${props?.className ? ` ${props?.className}` : ''}`}\n      style={props?.style}\n    >\n      {props?.label && (\n        <div id={labelId} className=\"se-design-dropdown-label mb-[3px] text-[var(--color-gray-700)] text-sm\">\n          {props?.label}\n        </div>\n      )}\n      <div\n        style={props?.style}\n        className={`${disabled ? 'bg-[var(--color-gray-50)] rounded-md cursor-not-allowed' : ''}`}\n        {...(!isMultiSelect ? comboboxContainerProps : {})}\n      >\n        <Popover\n          ref={popoverRef}\n          isPopoverOpen={isDropDownOpen}\n          renderPopoverContents={\n            customDropdownContent\n              ? customDropdownContent\n              : isMultiSelect\n              ? renderMultiSelectDropdownContents\n              : renderDropdownContents\n          }\n          contentWidth={'full'}\n          renderPopoverSrcElement={renderDropdownSelect}\n          onPopoverToggle={(value) => setIsDropDownOpen(value)}\n          disabled={disabled}\n          automationId={props?.dropDownSrcAutomationId}\n          popoverContentAutomationId={props?.dropDownContentAutomationId}\n          ariaLabelledBy={props?.label ? labelId : undefined}\n          ariaLabel={props?.label ? undefined : getDropdownAriaLabel()}\n          sourceRole=\"combobox\"\n          {...(!isMultiSelect && comboboxInputProps ? {\n            'aria-activedescendant': comboboxInputProps['aria-activedescendant'],\n            'aria-controls': comboboxInputProps['aria-controls'],\n            'aria-expanded': comboboxInputProps['aria-expanded']\n          } : {})}\n        />\n      </div>\n      {hasError && <div className=\"text-[var(--color-red-500)] text-sm\">{errorMessage}</div>}\n    </div>\n  );\n};\n"],"names":["Dropdown","props","isDropDownOpen","setIsDropDownOpen","useState","searchQuery","setSearchQuery","selectedDropDownValues","setSelectedDropDownValues","defaultSelectedValue","Array","isArray","popoverRef","useRef","labelId","useStableId","undefined","listboxId","selectBy","optionsUniqueBy","displaySelected","dropDownOptions","defaultText","iconColor","disabled","dropdownClassName","hasError","errorMessage","customDropdownContent","isBorderless","shouldShowSearch","searchPlaceholder","searchResultEmptyMessage","ariaLabel","customSelectedValue","useEffect","newValues","isMultiSelect","type","getFilteredOptions","trim","filter","option","toString","toLowerCase","includes","handleDropDownOptionClick","dropDownOption","onOptionClick","filteredOptions","listboxProps","getOptionProps","highlightedIndex","containerProps","comboboxContainerProps","inputProps","comboboxInputProps","useCombobox","items","isOpen","onOpenChange","onSelect","item","hasItems","length","getSelectedDropDownValue","isSrcOption","clearSelectedDropDownValues","onClear","optionChip","srcOption","renderOptionChip","firstSelectedLabel","remainingCount","React","createElement","className","renderSearchBar","InputWithIcon","leftIcon","name","position","style","color","value","onChange","placeholder","margin","gap","inputStyle","width","border","outline","dropDownOptionJsx","index","optionTxt","dropDownSelectedValue","selectByUniqueId","isOptionSelected","isHighlighted","optionProps","_extends","key","id","onClick","onKeyDown","e","preventDefault","tabIndex","automationId","Icon","stroke","renderDropdownContents","map","role","handleMultiSelectDropdownOptionClick","isSelected","newSelectedDropDownValues","handleApplySelectedDropDownValues","current","togglePopover","onApply","multiSelectDropdownOptionJSX","some","Checkbox","defaultChecked","label","renderMultiSelectDropdownContents","Button","size","renderDropdownSelect","borderColor","errorBorderColor","dropDownSelectClass","dropDownSelectAutomationId","rotation","getDropdownAriaLabel","Popover","ref","isPopoverOpen","renderPopoverContents","contentWidth","renderPopoverSrcElement","onPopoverToggle","dropDownSrcAutomationId","popoverContentAutomationId","dropDownContentAutomationId","ariaLabelledBy","sourceRole"],"mappings":";;;;;;;;;;;;;;;;;AA8CO,MAAMA,KAA+BC,CAAAA,MAAU;AACpD,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GACpD,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAE,GAC3C,CAACG,GAAwBC,CAAyB,IAAIJ,EAA0B,MACpFH,GAAOQ,uBACHC,MAAMC,QAAQV,GAAOQ,oBAAoB,IACvCR,GAAOQ,uBACP,CAACR,EAAMQ,oBAAoB,IAC7B,EACN,GACMG,IAAaC,GAAuC,IAAI,GACxDC,IAAUC,EAAYC,QAAW,gBAAgB,GACjDC,IAAYF,EAAYC,QAAW,kBAAkB,GAErD;AAAA,IACJE,UAAAA,IAAW;AAAA,IACXC,iBAAAA,IAAkB;AAAA,IAClBC,iBAAAA,IAAkB;AAAA,IAClBC,iBAAAA;AAAAA,IACAC,aAAAA,IAAc;AAAA,IACdC,WAAAA,IAAY;AAAA,IACZC,UAAAA,IAAW;AAAA,IACXC,mBAAAA,IAAoB;AAAA,IACpBC,UAAAA,IAAW;AAAA,IACXC,cAAAA,IAAe;AAAA,IACfC,uBAAAA,IAAwB;AAAA,IACxBC,cAAAA,IAAe;AAAA,IACfC,kBAAAA,IAAmB;AAAA,IACnBC,mBAAAA,IAAoB;AAAA,IACpBC,0BAAAA,IAA2B;AAAA,IAC3BC,WAAAA,IAAY;AAAA,IACZC,qBAAAA,IAAsB;AAAA,EAAA,IACpBjC;AAEJkC,EAAAA,EAAU,MAAM;AACd,UAAMC,IAAYnC,GAAOQ,uBACrBC,MAAMC,QAAQV,GAAOQ,oBAAoB,IACvCR,GAAOQ,uBACP,CAACR,EAAMQ,oBAAoB,IAC7B,CAAA;AACJD,IAAAA,EAA0B4B,CAAS;AAAA,EACrC,GAAG,CAACnC,GAAOQ,oBAAoB,CAAC,GAEhC0B,EAAU,MAAM;AACd,IAAKjC,KACHI,EAAe,EAAE;AAAA,EAErB,GAAG,CAACJ,CAAc,CAAC;AAEnB,QAAMmC,IAAgBpC,GAAOqC,SAAS,gBAEhCC,IAAqBA,MACpBlC,EAAYmC,UAGTnB,KAAmB,CAAA,GAAIoB,OAAQC,CAAAA,OACjBA,IAASxB,CAAQ,GAAGyB,SAAAA,EAAWC,iBAAiB,IACjDC,SAASxC,EAAYuC,YAAAA,CAAa,CACtD,IALQvB,KAAmB,CAAA,GAQxByB,IAA4BA,CAACC,MAAwB;AACzDvC,IAAAA,EAA0B,CAACuC,CAAc,CAAC,GAC1C5C,EAAkB,EAAK,GACvBF,GAAO+C,gBAAgBD,CAAc;AAAA,EACvC,GAGME,IAAkBV,EAAAA,GAClB;AAAA,IACJW,cAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,gBAAgBC;AAAAA,IAChBC,YAAYC;AAAAA,EAAAA,IACVC,GAAY;AAAA,IACdC,OAAOrB,IAAgB,CAAA,IAAKY;AAAAA;AAAAA,IAC5BU,QAAQzD,KAAkB,CAACmC;AAAAA,IAC3BuB,cAAczD;AAAAA,IACd0D,UAAUA,CAACC,MAAwB;AACjChB,MAAAA,EAA0BgB,CAAI;AAAA,IAChC;AAAA,IACA7C,WAAAA;AAAAA,IACAO,UAAUa,KAAiBb;AAAAA,IAC3BuC,UAAUd,EAAgBe,SAAS;AAAA,EAAA,CACpC,GAEKC,IAA2BA,CAACvB,GAAuBwB,IAAuB,OAC1E7B,IACKf,IAIL4C,KAAehC,IACVA,IAGFQ,IAASxB,CAAQ,KAAKI,GAGzB6C,IAA8BA,MAAM;AACxC3D,IAAAA,EAA0B,CAAA,CAAE,GAC5BP,GAAOmE,UAAAA;AAAAA,EACT,GAEMC,IAAaA,CAAC3B,GAAuB4B,IAAqB,OAAU;AACxE,QAAIrE,GAAOsE;AACT,aAAOtE,GAAOsE,iBAAiB7B,GAAQ4B,CAAS;AAGlD,QAAIjC,KAAiB9B,GAAwByD,SAAS,GAAG;AACvD,YAAMQ,IAAqBjE,EAAuB,CAAC,IAAIW,CAAQ,KAAK,IAC9DuD,IAAiBlE,EAAuByD,SAAS;AAGvD,aACEU,gBAAAA,EAAAC,cAAA,OAAA;AAAA,QAAKC,WAAW;AAAA,MAAA,GACdF,gBAAAA,EAAAC,cAAA,OAAA;AAAA,QACEC,WAAW,GAAGH,IAAiB,IAAI,WAAW,QAAQ;AAAA,MAAA,GACtD,GAAGnD,CAAW,KAAKkD,CAAkB,EAAQ,GAC9CC,IAAiB,KAAKC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,QAAKC,WAAU;AAAA,MAAA,GAAgB,KAAEH,CAAoB,CACzE;AAAA,IAET;AAEA,WACEC,gBAAAA,EAAAC,cAAA,KAAA;AAAA,MAAGC,WAAW;AAAA,IAAA,GACXX,EAAyBvB,GAAQ4B,CAAS,CAC1C;AAAA,EAEP,GAEMO,IAAkBA,MAEpBH,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACbF,gBAAAA,EAAAC,cAACG,IAAa;AAAA,IACZC,UAAU;AAAA,MAAEC,MAAM;AAAA,MAAUC,UAAU;AAAA,MAAQC,OAAO;AAAA,QAAEC,OAAO;AAAA,MAAA;AAAA,IAAwB;AAAA,IACtFC,OAAO/E;AAAAA,IACPgF,UAAWD,CAAAA,MAAU9E,EAAe8E,CAAK;AAAA,IACzCE,aAAavD;AAAAA,IACbmD,OAAO;AAAA,MAAEK,QAAQ;AAAA,MAAGC,KAAK;AAAA,IAAA;AAAA,IACzBC,YAAY;AAAA,MAAEC,OAAO;AAAA,MAAQC,QAAQ;AAAA,MAAQC,SAAS;AAAA,IAAA;AAAA,EAAO,CAC9D,CACE,GAIHC,IAAoBA,CAAC9C,GAA+B+C,MAAkB;AAC1E,UAAMC,IAAYhD,EAAe7B,CAAQ,GACnC8E,IAAwBzF,EAAuB,CAAC,IAAIW,CAAQ,KAAKI,GACjE2E,KAAmB9E,GAAiB6C,SACtCjB,EAAe5B,CAAe,KAAKZ,EAAuB,CAAC,IAAIY,CAAe,IAC9E,IACE+E,IAAmB9E,KAAmB2E,MAAcC,KAAyBC,IAC7EE,KAAgB/C,MAAqB0C,GACrCM,KAAe/D,IAA0D,CAAA,IAA1Cc,EAAe2C,GAAOI,CAAgB;AAE3E,WACExB,gBAAAA,EAAAC,cAAA,OAAA0B,EAAA;AAAA,MACEC,KAAKvD,EAAewD,MAAMxD,EAAeqC;AAAAA,MACzCR,WAAW,+GACTsB,IAAmB,aAAa,EAAE,IAChCC,KAAgB,gBAAgB,EAAE;AAAA,MACtCK,SAASA,MAAM1D,EAA0BC,CAAc;AAAA,MACvD0D,WAAYC,CAAAA,MAAM;AAChB,SAAIA,EAAEJ,QAAQ,WAAWI,EAAEJ,QAAQ,SACjCI,EAAEC,eAAAA,GACF7D,EAA0BC,CAAc;AAAA,MAE5C;AAAA,MACA6D,UAAU;AAAA,MACV,sBAAoB,mBAAmB7D,GAAgB8D,gBAAgBf,CAAK;AAAA,IAAA,GACxEM,IAAW;AAAA,MACf,iBAAeF,IAAmB,SAAS;AAAA,IAAA,CAAQ,GAElD7B,EAAW;AAAA,MAAE,GAAGtB;AAAAA,MAAgBmD,kBAAAA;AAAAA,IAAAA,GAAoB,EAAK,GACzDA,KAAoBxB,gBAAAA,EAAAC,cAACmC,GAAI;AAAA,MAAC9B,MAAK;AAAA,MAAY+B,QAAQxF;AAAAA,IAAAA,CAAY,CAC7D;AAAA,EAET,GAEMyF,KAAyBA,MAE3BtC,gBAAAA,EAAAC,cAAA,OAAA0B,EAAA;AAAA,IACEzB,WAAU;AAAA,IACV,cAAW;AAAA,EAAA,GACP1B,CAAY,GAEfpB,KAAoB+C,KACrBH,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACZ3B,EAAgBe,SAAS,IACxBf,EAAgBgE,IAAI,CAAClE,GAAgB+C,MAAUD,EAAkB9C,GAAgB+C,CAAK,CAAC,IAEvFpB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAU;AAAA,IACVsC,MAAK;AAAA,IACL,aAAU;AAAA,EAAA,GAETlF,CACE,CAEJ,CACF,GAIHmF,KAAuCA,CAACC,GAAqBrE,MAAkC;AACnG,QAAIsE,IAA6C,CAAA;AACjD,IAAID,IACFC,IAA4B,CAAC,GAAG9G,GAAwBwC,CAAc,IAEtEsE,IAA4B9G,GAAwBkC,OACjDC,CAAAA,MAAWA,EAAOvB,CAAe,MAAM4B,EAAe5B,CAAe,CACxE,GAEFX,EAA0B6G,CAAyB;AAAA,EACrD,GAEMC,KAAoCA,MAAM;AAC9C1G,IAAAA,EAAW2G,SAASC,cAAAA,GACpBvH,GAAOwH,UAAUlH,CAAsB;AAAA,EACzC,GAEMmH,KAA+BA,CAAC3E,MAAkC;AACtE,UAAMmD,IAAmB3F,EAAuBoH,KAC7CjF,CAAAA,MAAWA,EAAOvB,CAAe,MAAM4B,EAAe5B,CAAe,CACxE;AACA,WACEuD,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MACE2B,KAAKvD,EAAewD,MAAMxD,EAAeqC;AAAAA,MACzCR,WAAU;AAAA,IAAA,GAEVF,gBAAAA,EAAAC,cAACiD,IAAQ;AAAA,MACPf,cAAa;AAAA,MACbjC,WAAU;AAAA,MACViD,gBAAgB3B;AAAAA,MAChBb,UAAWD,CAAAA,MAAU+B,GAAqC/B,GAAOrC,CAAc;AAAA,MAC/E+E,OAAO/E,GAAgB+E;AAAAA,IAAAA,CACxB,CACE;AAAA,EAET,GAEMC,KAAoCA,MAAM;AAC9C,UAAM9E,IAAkBV,EAAAA;AACxB,WACEmC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MACEC,WAAU;AAAA,MACVsC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,wBAAqB;AAAA,IAAA,GAEpBpF,KAAoB+C,EAAAA,GACrBH,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MAAKC,WAAU;AAAA,IAAA,GACZ3B,EAAgBe,SAAS,IACxBf,EAAgBgE,IAAKlE,CAAAA,MAAmB2E,GAA6B3E,CAAc,CAAC,IAEpF2B,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MACEC,WAAU;AAAA,MACVsC,MAAK;AAAA,MACL,aAAU;AAAA,IAAA,GAETlF,CACE,CAEJ,GACL0C,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MAAKC,WAAU;AAAA,IAAA,GACbF,gBAAAA,EAAAC,cAACqD,GAAM;AAAA,MAACF,OAAM;AAAA,MAAQxF,MAAK;AAAA,MAAO2F,MAAK;AAAA,MAAKzB,SAASrC;AAAAA,IAAAA,CAA8B,GACnFO,gBAAAA,EAAAC,cAACqD,GAAM;AAAA,MAACF,OAAM;AAAA,MAAQxF,MAAK;AAAA,MAAU2F,MAAK;AAAA,MAAKzB,SAASc;AAAAA,IAAAA,CAAoC,CACzF,CACF;AAAA,EAET,GAEMY,KAAuBA,MAAM;AACjC,UAAMC,IAAcjI,IAChB,mCACAsB,IACA,mCACA,kCACE4G,IAAmB1G,IAAW,kCAAkC,IAChE2G,IAAsB,+DAC1BxG,IAAe,aAAa,qBAAqBuG,KAAsCD,CAAW,EAAE,sBAChF1G,CAAiB;AAEvC,WACEiD,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MAAKC,WAAWyD;AAAAA,IAAAA,GACd3D,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MACEC,WAAU;AAAA,MACV,sBAAoB3E,GAAOqI,8BAA8B;AAAA,IAAA,GAExDjE,EAAW9D,EAAuB,CAAC,GAAG,EAAI,CACxC,GACLmE,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MAAKC,WAAU;AAAA,MAAqB,eAAY;AAAA,IAAA,GAC9CF,gBAAAA,EAAAC,cAACmC,GAAI;AAAA,MACH9B,MAAM;AAAA,MACNuD,UAAUrI,IAAiB,QAAQ;AAAA,MACnC0E,WAAW;AAAA,MACXmC,QAAQxF;AAAAA,IAAAA,CACT,CACE,CACF;AAAA,EAET,GAEMiH,KAAuBA,MACpBvG,KAAa;AAGtB,SACEyC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAW,+BAA+B3E,GAAO2E,YAAY,IAAI3E,GAAO2E,SAAS,KAAK,EAAE;AAAA,IACxFM,OAAOjF,GAAOiF;AAAAA,EAAAA,GAEbjF,GAAO6H,SACNpD,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAK4B,IAAIzF;AAAAA,IAAS8D,WAAU;AAAA,EAAA,GACzB3E,GAAO6H,KACL,GAEPpD,gBAAAA,EAAAC,cAAA,OAAA0B,EAAA;AAAA,IACEnB,OAAOjF,GAAOiF;AAAAA,IACdN,WAAW,GAAGpD,IAAW,4DAA4D,EAAE;AAAA,EAAA,GACjFa,IAAyC,CAAA,IAAzBiB,CAA2B,GAEjDoB,gBAAAA,EAAAC,cAAC8D,IAAOpC,EAAA;AAAA,IACNqC,KAAK9H;AAAAA,IACL+H,eAAezI;AAAAA,IACf0I,uBACEhH,MAEIS,IACA0F,KACAf;AAAAA,IAEN6B,cAAc;AAAA,IACdC,yBAAyBZ;AAAAA,IACzBa,iBAAkB3D,CAAAA,MAAUjF,EAAkBiF,CAAK;AAAA,IACnD5D,UAAAA;AAAAA,IACAqF,cAAc5G,GAAO+I;AAAAA,IACrBC,4BAA4BhJ,GAAOiJ;AAAAA,IACnCC,gBAAgBlJ,GAAO6H,QAAQhH,IAAUE;AAAAA,IACzCiB,WAAWhC,GAAO6H,QAAQ9G,SAAYwH,GAAAA;AAAAA,IACtCY,YAAW;AAAA,EAAA,GACN,CAAC/G,KAAiBmB,IAAqB;AAAA,IAC1C,yBAAyBA,EAAmB,uBAAuB;AAAA,IACnE,iBAAiBA,EAAmB,eAAe;AAAA,IACnD,iBAAiBA,EAAmB,eAAe;AAAA,EAAA,IACjD,CAAA,CAAE,CACP,CACE,GACJ9B,KAAYgD,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GAAuCjD,CAAkB,CAClF;AAET;"}
+{"version":3,"file":"index24.js","sources":["../src/components/Dropdown/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef, useEffect } from 'react';\n\nimport { Popover, PopoverHandle } from 'src/components/Popover';\nimport { Icon } from 'components/Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\nimport { InputWithIcon } from '../InputWithIcon';\nimport { useStableId } from '../../utils/useStableId';\nimport { useCombobox } from '../../utils/a11y/useCombobox';\n\ntype DropdownValue = {\n  [key: string]: any;\n};\n\ntype DropdownProps = {\n  label?: string;\n  ariaLabel?: string;\n  type: 'select' | 'multi-select';\n  dropDownOptions?: DropdownValue[];\n  defaultText?: string;\n  selectBy?: string;\n  optionsUniqueBy?: string;\n  displaySelected?: boolean;\n  defaultSelectedValue?: DropdownValue | DropdownValue[];\n  customSelectedValue?: string;\n  onOptionClick?: (selectedValue: DropdownValue) => void;\n  style?: React.CSSProperties;\n  renderOptionChip?: (option: DropdownValue, srcOption: boolean) => React.ReactNode;\n  className?: string;\n  iconColor?: string;\n  disabled?: boolean;\n  dropdownClassName?: string;\n  hasError?: boolean;\n  errorMessage?: string;\n  onApply?: (selectedValue: DropdownValue[]) => void;\n  onClear?: () => void;\n  customDropdownContent?: () => React.ReactNode;\n  isBorderless?: boolean;\n  dropDownSrcAutomationId?: string;\n  dropDownSelectAutomationId?: string;\n  dropDownContentAutomationId?: string;\n  shouldShowSearch?: boolean;\n  searchPlaceholder?: string;\n  searchResultEmptyMessage?: string;\n};\n\nexport const Dropdown: FC<DropdownProps> = (props) => {\n  const [isDropDownOpen, setIsDropDownOpen] = useState(false);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedDropDownValues, setSelectedDropDownValues] = useState<DropdownValue[]>(() =>\n    props?.defaultSelectedValue\n      ? Array.isArray(props?.defaultSelectedValue)\n        ? props?.defaultSelectedValue\n        : [props.defaultSelectedValue]\n      : []\n  );\n  const popoverRef = useRef<HTMLDivElement & PopoverHandle>(null);\n  const labelId = useStableId(undefined, 'dropdown-label');\n  const listboxId = useStableId(undefined, 'dropdown-listbox');\n\n  const {\n    selectBy = '',\n    optionsUniqueBy = '',\n    displaySelected = false,\n    dropDownOptions,\n    defaultText = 'Select',\n    iconColor = 'var(--color-gray-700)',\n    disabled = false,\n    dropdownClassName = '',\n    hasError = false,\n    errorMessage = '',\n    customDropdownContent = null,\n    isBorderless = false,\n    shouldShowSearch = false,\n    searchPlaceholder = 'Search...',\n    searchResultEmptyMessage = 'No results found',\n    ariaLabel = '',\n    customSelectedValue = ''\n  } = props;\n\n  useEffect(() => {\n    const newValues = props?.defaultSelectedValue\n      ? Array.isArray(props?.defaultSelectedValue)\n        ? props?.defaultSelectedValue\n        : [props.defaultSelectedValue]\n      : [];\n    setSelectedDropDownValues(newValues);\n  }, [props?.defaultSelectedValue]);\n\n  useEffect(() => {\n    if (!isDropDownOpen) {\n      setSearchQuery('');\n    }\n  }, [isDropDownOpen]);\n\n  const isMultiSelect = props?.type === 'multi-select';\n\n  const getFilteredOptions = () => {\n    if (!searchQuery.trim()) {\n      return dropDownOptions || [];\n    }\n    return (dropDownOptions || []).filter((option) => {\n      const optionValue = option?.[selectBy]?.toString().toLowerCase() || '';\n      return optionValue.includes(searchQuery.toLowerCase());\n    });\n  };\n\n  const handleDropDownOptionClick = (dropDownOption: any) => {\n    setSelectedDropDownValues([dropDownOption]);\n    setIsDropDownOpen(false);\n    props?.onOptionClick?.(dropDownOption);\n  };\n\n  // Use useCombobox hook for keyboard navigation (only for single-select)\n  const filteredOptions = getFilteredOptions();\n  const {\n    listboxProps,\n    getOptionProps,\n    highlightedIndex,\n    containerProps: comboboxContainerProps,\n    inputProps: comboboxInputProps\n  } = useCombobox({\n    items: isMultiSelect ? [] : filteredOptions, // Only use for single-select\n    isOpen: isDropDownOpen && !isMultiSelect,\n    onOpenChange: setIsDropDownOpen,\n    onSelect: (item: DropdownValue) => {\n      handleDropDownOptionClick(item);\n    },\n    listboxId,\n    disabled: isMultiSelect || disabled,\n    hasItems: filteredOptions.length > 0\n  });\n\n  const getSelectedDropDownValue = (option: DropdownValue, isSrcOption: boolean = false) => {\n    if (isMultiSelect) {\n      return defaultText;\n    }\n\n    // if custom selected value is provided, use it instead of the option value\n    if (isSrcOption && customSelectedValue) {\n      return customSelectedValue;\n    }\n\n    return option?.[selectBy] || defaultText;\n  };\n\n  const clearSelectedDropDownValues = () => {\n    setSelectedDropDownValues([]);\n    props?.onClear?.();\n  };\n\n  const optionChip = (option: DropdownValue, srcOption: boolean = false) => {\n    if (props?.renderOptionChip) {\n      return props?.renderOptionChip(option, srcOption);\n    }\n\n    if (isMultiSelect && selectedDropDownValues?.length > 0) {\n      const firstSelectedLabel = selectedDropDownValues[0]?.[selectBy] || '';\n      const remainingCount = selectedDropDownValues.length - 1;\n\n      // For multiple selections: text takes remaining space, count takes minimum space needed\n      return (\n        <div className={`option-chip flex items-center w-full`}>\n          <div\n            className={`${remainingCount > 0 ? 'w-full' : 'flex-1'} truncate`}\n          >{`${defaultText}: ${firstSelectedLabel}`}</div>\n          {remainingCount > 0 && <div className=\"flex-shrink-0\">+{remainingCount}</div>}\n        </div>\n      );\n    }\n\n    return (\n      <p className={`option-chip flex flex-1 items-center justify-between`}>\n        {getSelectedDropDownValue(option, srcOption)}\n      </p>\n    );\n  };\n\n  const renderSearchBar = () => {\n    return (\n      <div className=\" w-full relative flex items-center border-b border-[var(--color-gray-300)]\">\n        <InputWithIcon\n          leftIcon={{ name: 'search', position: 'left', style: { color: 'var(--color-gray-500)' } }}\n          value={searchQuery}\n          onChange={(value) => setSearchQuery(value)}\n          placeholder={searchPlaceholder}\n          style={{ margin: 0, gap: 0 }}\n          inputStyle={{ width: '100%', border: 'none', outline: 'none' }}\n        />\n      </div>\n    );\n  };\n\n  const dropDownOptionJsx = (dropDownOption: DropdownValue, index: number) => {\n    const optionTxt = dropDownOption[selectBy];\n    const dropDownSelectedValue = selectedDropDownValues[0]?.[selectBy] || defaultText;\n    const selectByUniqueId = optionsUniqueBy?.length\n      ? dropDownOption[optionsUniqueBy] == selectedDropDownValues[0]?.[optionsUniqueBy]\n      : true;\n    const isOptionSelected = displaySelected && optionTxt === dropDownSelectedValue && selectByUniqueId;\n    const isHighlighted = highlightedIndex === index;\n    const optionProps = !isMultiSelect ? getOptionProps(index, isOptionSelected) : {};\n    \n    return (\n      <div\n        key={dropDownOption.id || dropDownOption.value}\n        className={`option break-words px-3 py-2 hover:bg-gray-100 cursor-pointer select-none flex items-center justify-between ${\n          isOptionSelected ? 'selected' : ''\n        } ${isHighlighted ? 'bg-gray-100' : ''}`}\n        onClick={() => handleDropDownOptionClick(dropDownOption)}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            handleDropDownOptionClick(dropDownOption);\n          }\n        }}\n        tabIndex={-1}\n        data-automation-id={`dropdown-option-${dropDownOption?.automationId || index}`}\n        {...optionProps}\n        aria-selected={isOptionSelected ? 'true' : 'false'}\n      >\n        {optionChip({ ...dropDownOption, isOptionSelected }, false)}\n        {isOptionSelected && <Icon name=\"checkmark\" stroke={iconColor} />}\n      </div>\n    );\n  };\n\n  const renderDropdownContents = () => {\n    return (\n      <div \n        className=\"dropdown-content dropdown-options\" \n        aria-label=\"Dropdown options\"\n        {...listboxProps}\n      >\n        {shouldShowSearch && renderSearchBar()}\n        <div className=\"flex flex-col max-h-80 overflow-y-auto\">\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((dropDownOption, index) => dropDownOptionJsx(dropDownOption, index))\n          ) : (\n            <div\n              className=\"px-3 py-4 text-center text-[var(--color-gray-700)] text-sm\"\n              role=\"status\"\n              aria-live=\"polite\"\n            >\n              {searchResultEmptyMessage}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  const handleMultiSelectDropdownOptionClick = (isSelected: boolean, dropDownOption: DropdownValue) => {\n    let newSelectedDropDownValues: DropdownValue[] = [];\n    if (isSelected) {\n      newSelectedDropDownValues = [...selectedDropDownValues, dropDownOption];\n    } else {\n      newSelectedDropDownValues = selectedDropDownValues?.filter(\n        (option) => option[optionsUniqueBy] !== dropDownOption[optionsUniqueBy]\n      );\n    }\n    setSelectedDropDownValues(newSelectedDropDownValues);\n  };\n\n  const handleApplySelectedDropDownValues = () => {\n    popoverRef.current?.togglePopover();\n    props?.onApply?.(selectedDropDownValues);\n  };\n\n  const multiSelectDropdownOptionJSX = (dropDownOption: DropdownValue) => {\n    const isOptionSelected = selectedDropDownValues.some(\n      (option) => option[optionsUniqueBy] === dropDownOption[optionsUniqueBy]\n    );\n    return (\n      <div\n        key={dropDownOption.id || dropDownOption.value}\n        className=\"option px-3 py-2 hover:bg-gray-100 cursor-pointer select-none flex items-center justify-between\"\n      >\n        <Checkbox\n          automationId=\"checkbox\"\n          className=\"checkbox\"\n          defaultChecked={isOptionSelected}\n          onChange={(value) => handleMultiSelectDropdownOptionClick(value, dropDownOption)}\n          label={dropDownOption?.label}\n        />\n      </div>\n    );\n  };\n\n  const renderMultiSelectDropdownContents = () => {\n    const filteredOptions = getFilteredOptions();\n    return (\n      <div\n        className=\"dropdown-content dropdown-options\"\n        role=\"listbox\"\n        aria-label=\"Multi-select dropdown options\"\n        aria-multiselectable=\"true\"\n      >\n        {shouldShowSearch && renderSearchBar()}\n        <div className=\"flex flex-col max-h-80 overflow-y-auto\">\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((dropDownOption) => multiSelectDropdownOptionJSX(dropDownOption))\n          ) : (\n            <div\n              className=\"px-3 py-4 text-center text-[var(--color-gray-500)] text-sm\"\n              role=\"status\"\n              aria-live=\"polite\"\n            >\n              {searchResultEmptyMessage}\n            </div>\n          )}\n        </div>\n        <div className=\"flex items-center justify-end gap-4 p-3 border-t border-[var(--color-gray-200)]\">\n          <Button label=\"Clear\" type=\"link\" size=\"sm\" onClick={clearSelectedDropDownValues} />\n          <Button label=\"Apply\" type=\"primary\" size=\"sm\" onClick={handleApplySelectedDropDownValues} />\n        </div>\n      </div>\n    );\n  };\n\n  const renderDropdownSelect = () => {\n    const borderColor = isDropDownOpen\n      ? 'border-[var(--color-blue-500)]'\n      : disabled\n      ? 'border-[var(--color-gray-300)]'\n      : 'border-[var(--color-gray-600)]';\n    const errorBorderColor = hasError ? 'border-[var(--color-red-500)]' : '';\n    const dropDownSelectClass = `dropdown-src-element bg-[var(--color-white)] flex px-3 py-2 ${\n      isBorderless ? 'border-0' : `border rounded-md ${errorBorderColor ? errorBorderColor : borderColor}`\n    } flex items-center ${dropdownClassName}`;\n\n    return (\n      <div className={dropDownSelectClass}>\n        <div\n          className=\"flex-1 min-w-0\"\n          data-automation-id={props?.dropDownSelectAutomationId || 'selected-dropdown-value'}\n        >\n          {optionChip(selectedDropDownValues[0], true)}\n        </div>\n        <div className=\"flex-shrink-0 ml-2\" aria-hidden=\"true\">\n          <Icon\n            name={'chevron'}\n            rotation={isDropDownOpen ? '180' : '0'}\n            className={`transition-transform`}\n            stroke={iconColor}\n          />\n        </div>\n      </div>\n    );\n  };\n\n  const getDropdownAriaLabel = () => {\n    return ariaLabel || `Select option`;\n  };\n\n  return (\n    <div\n      className={`se-design-dropdown-container${props?.className ? ` ${props?.className}` : ''}`}\n      style={props?.style}\n    >\n      {props?.label && (\n        <div id={labelId} className=\"se-design-dropdown-label mb-[3px] text-[var(--color-gray-700)] text-sm\">\n          {props?.label}\n        </div>\n      )}\n      <div\n        style={props?.style}\n        className={`${disabled ? 'bg-[var(--color-gray-50)] rounded-md cursor-not-allowed' : ''}`}\n        {...(!isMultiSelect ? comboboxContainerProps : {})}\n      >\n        <Popover\n          ref={popoverRef}\n          isPopoverOpen={isDropDownOpen}\n          renderPopoverContents={\n            customDropdownContent\n              ? customDropdownContent\n              : isMultiSelect\n              ? renderMultiSelectDropdownContents\n              : renderDropdownContents\n          }\n          contentWidth={'full'}\n          renderPopoverSrcElement={renderDropdownSelect}\n          onPopoverToggle={(value) => setIsDropDownOpen(value)}\n          disabled={disabled}\n          automationId={props?.dropDownSrcAutomationId}\n          popoverContentAutomationId={props?.dropDownContentAutomationId}\n          ariaLabelledBy={props?.label ? labelId : undefined}\n          ariaLabel={props?.label ? undefined : getDropdownAriaLabel()}\n          sourceRole=\"combobox\"\n          {...(!isMultiSelect && comboboxInputProps ? {\n            'aria-activedescendant': comboboxInputProps['aria-activedescendant'],\n            'aria-controls': comboboxInputProps['aria-controls'],\n            'aria-expanded': comboboxInputProps['aria-expanded']\n          } : {})}\n        />\n      </div>\n      {hasError && <div className=\"text-[var(--color-red-500)] text-sm\">{errorMessage}</div>}\n    </div>\n  );\n};\n"],"names":["Dropdown","props","isDropDownOpen","setIsDropDownOpen","useState","searchQuery","setSearchQuery","selectedDropDownValues","setSelectedDropDownValues","defaultSelectedValue","Array","isArray","popoverRef","useRef","labelId","useStableId","undefined","listboxId","selectBy","optionsUniqueBy","displaySelected","dropDownOptions","defaultText","iconColor","disabled","dropdownClassName","hasError","errorMessage","customDropdownContent","isBorderless","shouldShowSearch","searchPlaceholder","searchResultEmptyMessage","ariaLabel","customSelectedValue","useEffect","newValues","isMultiSelect","type","getFilteredOptions","trim","filter","option","toString","toLowerCase","includes","handleDropDownOptionClick","dropDownOption","onOptionClick","filteredOptions","listboxProps","getOptionProps","highlightedIndex","containerProps","comboboxContainerProps","inputProps","comboboxInputProps","useCombobox","items","isOpen","onOpenChange","onSelect","item","hasItems","length","getSelectedDropDownValue","isSrcOption","clearSelectedDropDownValues","onClear","optionChip","srcOption","renderOptionChip","firstSelectedLabel","remainingCount","React","createElement","className","renderSearchBar","InputWithIcon","leftIcon","name","position","style","color","value","onChange","placeholder","margin","gap","inputStyle","width","border","outline","dropDownOptionJsx","index","optionTxt","dropDownSelectedValue","selectByUniqueId","isOptionSelected","isHighlighted","optionProps","_extends","key","id","onClick","onKeyDown","e","preventDefault","tabIndex","automationId","Icon","stroke","renderDropdownContents","map","role","handleMultiSelectDropdownOptionClick","isSelected","newSelectedDropDownValues","handleApplySelectedDropDownValues","current","togglePopover","onApply","multiSelectDropdownOptionJSX","some","Checkbox","defaultChecked","label","renderMultiSelectDropdownContents","Button","size","renderDropdownSelect","borderColor","errorBorderColor","dropDownSelectClass","dropDownSelectAutomationId","rotation","getDropdownAriaLabel","Popover","ref","isPopoverOpen","renderPopoverContents","contentWidth","renderPopoverSrcElement","onPopoverToggle","dropDownSrcAutomationId","popoverContentAutomationId","dropDownContentAutomationId","ariaLabelledBy","sourceRole"],"mappings":"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"}

package/dist/index27.js

@@ -1,6 +1,6 @@
 import d, { useMemo as S, useRef as D, useEffect as c } from "react";
 import { Icon as j } from "./index5.js";
-import { getA11yNameAttributes as B } from "./index70.js";
+import { getA11yNameAttributes as B } from "./index69.js";
 import { useDismissOnEscape as M } from "./index193.js";
 /* empty css         */
 function m() {

package/dist/index29.js

@@ -1,7 +1,7 @@
 import e, { forwardRef as G } from "react";
 import { Icon as H } from "./index5.js";
 import { Button as b } from "./index3.js";
-import { useStableId as I } from "./index185.js";
+import { useStableId as I } from "./index184.js";
 import { getRegionAttributes as J } from "./index65.js";
 import { useAccessiblePress as K } from "./index66.js";
 /* empty css         */

package/dist/index3.js

@@ -1,6 +1,6 @@
-import r, { forwardRef as I } from "react";
-import { getA11yNameAttributes as R } from "./index70.js";
-import { useAccessiblePress as z } from "./index66.js";
+import r, { forwardRef as _ } from "react";
+import { getA11yNameAttributes as I } from "./index69.js";
+import { useAccessiblePress as R } from "./index66.js";
 import { Icon as b } from "./index5.js";
 /* empty css        */
 function c() {
@@ -12,7 +12,7 @@ function c() {
     return e;
   }, c.apply(null, arguments);
 }
-const a = "focus-outline", D = {
+const a = "focus-outline", z = {
   primary: "primary-btn disabled-btn pointer-events-none cursor-not-allowed",
   secondary: "secondary-btn disabled-btn pointer-events-none cursor-not-allowed",
   ghost: "ghost-btn disabled-btn pointer-events-none cursor-not-allowed",
@@ -36,14 +36,14 @@ const a = "focus-outline", D = {
   // padding: 8px, 12px
   lg: "py-3 px-4 large"
   // padding: 12px, 16px
-}, U = {
+}, D = {
   blue: "theme-blue",
   red: "theme-red",
   yellow: "theme-yellow",
   green: "theme-green",
   ai: "theme-ai",
   white: "theme-white"
-}, q = /* @__PURE__ */ I(({
+}, U = /* @__PURE__ */ _(({
   type: e = "primary",
   theme: n = "blue",
   size: s = "md",
@@ -60,46 +60,44 @@ const a = "focus-outline", D = {
   ariaLabel: w,
   ariaLabelledBy: N,
   ariaDescribedBy: v,
-  isPressed: x,
-  onClick: k,
-  onKeyboardActivate: C,
-  ...E
-}, $) => {
+  onClick: x,
+  onKeyboardActivate: k,
+  ...C
+}, E) => {
   const m = e === "unstyled", {
-    pressProps: P,
+    pressProps: $,
     isDisabled: d
-  } = z({
+  } = R({
     disabled: y,
     loading: o,
     isNative: !0,
     // native <button> => hook does NOT add Enter/Space onKeyDown
-    pressed: x,
-    onClick: k,
-    onKeyboardActivate: C
-  }), j = !m && e !== "link" ? p[s] : "", A = m ? "" : U[n], B = d ? D[e] : p[e], l = i?.name ? {
+    onClick: x,
+    onKeyboardActivate: k
+  }), P = !m && e !== "link" ? p[s] : "", j = m ? "" : D[n], A = d ? z[e] : p[e], l = i?.name ? {
     ...i,
     stroke: d ? "var(--color-gray-600)" : i.stroke
-  } : void 0, O = ["se-design-button", A, j, B, f, m ? "" : "rounded-[6px] flex gap-1 items-center min-w-fit"].filter(Boolean).join(" "), _ = R({
+  } : void 0, B = ["se-design-button", j, P, A, f, m ? "" : "rounded-[6px] flex gap-1 items-center min-w-fit"].filter(Boolean).join(" "), O = I({
     ariaLabel: w,
     ariaLabelledBy: N,
     ariaDescribedBy: v
   });
   return /* @__PURE__ */ r.createElement("button", c({
-    ref: $,
+    ref: E,
     type: "button",
-    className: O,
+    className: B,
     disabled: d,
     autoFocus: h,
     "data-automation-id": g
-  }, E, P, _), o && /* @__PURE__ */ r.createElement("div", {
+  }, C, $, O), o && /* @__PURE__ */ r.createElement("div", {
     "aria-hidden": "true",
     className: "animate-spin w-4 h-4 border-2 border-current border-t-transparent rounded-full"
   }), !o && l?.name && u === "left" && /* @__PURE__ */ r.createElement(b, l), t && /* @__PURE__ */ r.createElement("span", {
     className: "button-label [font-weight:inherit]"
   }, t), !o && l?.name && u === "right" && /* @__PURE__ */ r.createElement(b, l));
 });
-q.displayName = "Button";
+U.displayName = "Button";
 export {
-  q as Button
+  U as Button
 };
 //# sourceMappingURL=index3.js.map