se-design 1.0.99 → 1.1.1-dev

package/dist/index6.js

@@ -1,142 +1,143 @@
-import L from "./index89.js";
-import R from "./index90.js";
-import F from "./index91.js";
-import B from "./index92.js";
-import D from "./index93.js";
-import M from "./index94.js";
-import q from "./index95.js";
-import G from "./index96.js";
-import V from "./index97.js";
-import z from "./index98.js";
-import H from "./index99.js";
-import J from "./index100.js";
-import K from "./index101.js";
-import Q from "./index102.js";
-import U from "./index103.js";
-import W from "./index104.js";
-import X from "./index105.js";
-import Y from "./index106.js";
-import Z from "./index107.js";
-import ss from "./index108.js";
-import os from "./index109.js";
-import _s from "./index110.js";
-import ts from "./index111.js";
-import is from "./index112.js";
-import rs from "./index113.js";
-import es from "./index114.js";
-import cs from "./index115.js";
-import ms from "./index116.js";
-import as from "./index117.js";
-import gs from "./index118.js";
-import vs from "./index119.js";
-import ns from "./index120.js";
-import ls from "./index121.js";
-import fs from "./index122.js";
-import bs from "./index123.js";
-import ps from "./index124.js";
-import ds from "./index125.js";
-import us from "./index126.js";
-import hs from "./index127.js";
-import ks from "./index128.js";
-import xs from "./index129.js";
-import As from "./index130.js";
-import Is from "./index131.js";
-import ys from "./index132.js";
-import ws from "./index133.js";
-import Ps from "./index134.js";
-import Ns from "./index135.js";
-import Cs from "./index136.js";
-import Os from "./index137.js";
-import $s from "./index138.js";
-import Es from "./index139.js";
-import Ss from "./index140.js";
-import Ts from "./index141.js";
-import js from "./index142.js";
-import Ls from "./index143.js";
-import Rs from "./index144.js";
-import Fs from "./index145.js";
-import Bs from "./index146.js";
-import Ds from "./index147.js";
-import Ms from "./index148.js";
-import qs from "./index149.js";
-import Gs from "./index150.js";
-import Vs from "./index151.js";
-import zs from "./index152.js";
-import Hs from "./index153.js";
-import Js from "./index154.js";
-import Ks from "./index155.js";
-import Qs from "./index156.js";
-import Us from "./index157.js";
-import Ws from "./index158.js";
-import Xs from "./index159.js";
-import Ys from "./index160.js";
-import Zs from "./index161.js";
-import so from "./index162.js";
-import oo from "./index163.js";
-import _o from "./index164.js";
-import to from "./index165.js";
-import io from "./index166.js";
-import ro from "./index167.js";
-import eo from "./index168.js";
-import co from "./index169.js";
-import mo from "./index170.js";
-import ao from "./index171.js";
-import go from "./index172.js";
-import vo from "./index173.js";
-import no from "./index174.js";
-import lo from "./index175.js";
-import fo from "./index176.js";
-import bo from "./index177.js";
-import po from "./index178.js";
-import uo from "./index179.js";
-import ho from "./index180.js";
-import ko from "./index181.js";
-import xo from "./index182.js";
-import Ao from "./index183.js";
-import Io from "./index184.js";
-import yo from "./index185.js";
-import wo from "./index186.js";
-import Po from "./index187.js";
-import No from "./index188.js";
-import Co from "./index189.js";
-import Oo from "./index190.js";
-import $o from "./index191.js";
-import Eo from "./index192.js";
-import So from "./index193.js";
-import To from "./index194.js";
-import jo from "./index195.js";
-import Lo from "./index196.js";
-import Ro from "./index197.js";
-import Fo from "./index198.js";
-import Bo from "./index199.js";
-import Do from "./index200.js";
-import Mo from "./index201.js";
-import qo from "./index202.js";
-import Go from "./index203.js";
-import Vo from "./index204.js";
-import zo from "./index205.js";
-import Ho from "./index206.js";
-import Jo from "./index207.js";
-import Ko from "./index208.js";
-import Qo from "./index209.js";
-import Uo from "./index210.js";
-import Wo from "./index211.js";
-import Xo from "./index212.js";
-import Yo from "./index213.js";
-import Zo from "./index214.js";
-import s_ from "./index215.js";
-import o_ from "./index216.js";
-import __ from "./index217.js";
-import t_ from "./index218.js";
-import i_ from "./index219.js";
-import r_ from "./index220.js";
-import e_ from "./index221.js";
-import c_ from "./index222.js";
-import m_ from "./index223.js";
+import L from "./index90.js";
+import R from "./index91.js";
+import F from "./index92.js";
+import B from "./index93.js";
+import D from "./index94.js";
+import M from "./index95.js";
+import q from "./index96.js";
+import G from "./index97.js";
+import V from "./index98.js";
+import z from "./index99.js";
+import H from "./index100.js";
+import J from "./index101.js";
+import K from "./index102.js";
+import Q from "./index103.js";
+import U from "./index104.js";
+import W from "./index105.js";
+import X from "./index106.js";
+import Y from "./index107.js";
+import Z from "./index108.js";
+import ss from "./index109.js";
+import os from "./index110.js";
+import _s from "./index111.js";
+import ts from "./index112.js";
+import is from "./index113.js";
+import rs from "./index114.js";
+import es from "./index115.js";
+import cs from "./index116.js";
+import ms from "./index117.js";
+import as from "./index118.js";
+import gs from "./index119.js";
+import vs from "./index120.js";
+import ns from "./index121.js";
+import ls from "./index122.js";
+import fs from "./index123.js";
+import bs from "./index124.js";
+import ps from "./index125.js";
+import ds from "./index126.js";
+import us from "./index127.js";
+import hs from "./index128.js";
+import ks from "./index129.js";
+import xs from "./index130.js";
+import As from "./index131.js";
+import Is from "./index132.js";
+import ys from "./index133.js";
+import ws from "./index134.js";
+import Ps from "./index135.js";
+import Ns from "./index136.js";
+import Cs from "./index137.js";
+import Os from "./index138.js";
+import $s from "./index139.js";
+import Es from "./index140.js";
+import Ss from "./index141.js";
+import Ts from "./index142.js";
+import js from "./index143.js";
+import Ls from "./index144.js";
+import Rs from "./index145.js";
+import Fs from "./index146.js";
+import Bs from "./index147.js";
+import Ds from "./index148.js";
+import Ms from "./index149.js";
+import qs from "./index150.js";
+import Gs from "./index151.js";
+import Vs from "./index152.js";
+import zs from "./index153.js";
+import Hs from "./index154.js";
+import Js from "./index155.js";
+import Ks from "./index156.js";
+import Qs from "./index157.js";
+import Us from "./index158.js";
+import Ws from "./index159.js";
+import Xs from "./index160.js";
+import Ys from "./index161.js";
+import Zs from "./index162.js";
+import so from "./index163.js";
+import oo from "./index164.js";
+import _o from "./index165.js";
+import to from "./index166.js";
+import io from "./index167.js";
+import ro from "./index168.js";
+import eo from "./index169.js";
+import co from "./index170.js";
+import mo from "./index171.js";
+import ao from "./index172.js";
+import go from "./index173.js";
+import vo from "./index174.js";
+import no from "./index175.js";
+import lo from "./index176.js";
+import fo from "./index177.js";
+import bo from "./index178.js";
+import po from "./index179.js";
+import uo from "./index180.js";
+import ho from "./index181.js";
+import ko from "./index182.js";
+import xo from "./index183.js";
+import Ao from "./index184.js";
+import Io from "./index185.js";
+import yo from "./index186.js";
+import wo from "./index187.js";
+import Po from "./index188.js";
+import No from "./index189.js";
+import Co from "./index190.js";
+import Oo from "./index191.js";
+import $o from "./index192.js";
+import Eo from "./index193.js";
+import So from "./index194.js";
+import To from "./index195.js";
+import jo from "./index196.js";
+import Lo from "./index197.js";
+import Ro from "./index198.js";
+import Fo from "./index199.js";
+import Bo from "./index200.js";
+import Do from "./index201.js";
+import Mo from "./index202.js";
+import qo from "./index203.js";
+import Go from "./index204.js";
+import Vo from "./index205.js";
+import zo from "./index206.js";
+import Ho from "./index207.js";
+import Jo from "./index208.js";
+import Ko from "./index209.js";
+import Qo from "./index210.js";
+import Uo from "./index211.js";
+import Wo from "./index212.js";
+import Xo from "./index213.js";
+import Yo from "./index214.js";
+import Zo from "./index215.js";
+import s_ from "./index216.js";
+import o_ from "./index217.js";
+import __ from "./index218.js";
+import t_ from "./index219.js";
+import i_ from "./index220.js";
+import r_ from "./index221.js";
+import e_ from "./index222.js";
+import c_ from "./index223.js";
+import m_ from "./index224.js";
+import a_ from "./index225.js";
 import m from "react";
-import { ReactSVG as a_ } from "./index224.js";
-import { getA11yNameAttributes as g_ } from "./index87.js";
-import { useAccessiblePress as v_ } from "./index73.js";
+import { ReactSVG as g_ } from "./index226.js";
+import { getA11yNameAttributes as v_ } from "./index87.js";
+import { useAccessiblePress as n_ } from "./index73.js";
 import "./index78.js";
 function a() {
   return a = Object.assign ? Object.assign.bind() : function(s) {
@@ -147,7 +148,7 @@ function a() {
     return s;
   }, a.apply(null, arguments);
 }
-const n_ = /* @__PURE__ */ Object.assign({
+const l_ = /* @__PURE__ */ Object.assign({
   "/src/assets/icons/ai-off.svg": L,
   "/src/assets/icons/ai-re-run.svg": R,
   "/src/assets/icons/ai-search.svg": F,
@@ -237,57 +238,58 @@ const n_ = /* @__PURE__ */ Object.assign({
   "/src/assets/icons/radio-field.svg": lo,
   "/src/assets/icons/radio-filled.svg": fo,
   "/src/assets/icons/radio.svg": bo,
-  "/src/assets/icons/reports-outline.svg": po,
-  "/src/assets/icons/reports.svg": uo,
-  "/src/assets/icons/repository-outline.svg": ho,
-  "/src/assets/icons/repository.svg": ko,
-  "/src/assets/icons/reset.svg": xo,
-  "/src/assets/icons/return.svg": Ao,
-  "/src/assets/icons/right-align.svg": Io,
-  "/src/assets/icons/rightSide.svg": yo,
-  "/src/assets/icons/rotate-left.svg": wo,
-  "/src/assets/icons/rotate-right.svg": Po,
-  "/src/assets/icons/rounded-plus.svg": No,
-  "/src/assets/icons/search.svg": Co,
-  "/src/assets/icons/select-files.svg": Oo,
-  "/src/assets/icons/share.svg": $o,
-  "/src/assets/icons/shield-with-tick.svg": Eo,
-  "/src/assets/icons/shield.svg": So,
-  "/src/assets/icons/shipment-private.svg": To,
-  "/src/assets/icons/shipment.svg": jo,
-  "/src/assets/icons/sidebar.svg": Lo,
-  "/src/assets/icons/sign-doc.svg": Ro,
-  "/src/assets/icons/signature-field.svg": Fo,
-  "/src/assets/icons/signer.svg": Bo,
-  "/src/assets/icons/slideout.svg": Do,
-  "/src/assets/icons/sms.svg": Mo,
-  "/src/assets/icons/sort-asc.svg": qo,
-  "/src/assets/icons/sort-desc.svg": Go,
-  "/src/assets/icons/sort.svg": Vo,
-  "/src/assets/icons/space.svg": zo,
-  "/src/assets/icons/stamp-field.svg": Ho,
-  "/src/assets/icons/stop.svg": Jo,
-  "/src/assets/icons/success-check.svg": Ko,
-  "/src/assets/icons/tag.svg": Qo,
-  "/src/assets/icons/template.svg": Uo,
-  "/src/assets/icons/text-field.svg": Wo,
-  "/src/assets/icons/tick.svg": Xo,
-  "/src/assets/icons/title-field.svg": Yo,
-  "/src/assets/icons/upload-csv.svg": Zo,
-  "/src/assets/icons/upload.svg": s_,
-  "/src/assets/icons/views-outline.svg": o_,
-  "/src/assets/icons/views.svg": __,
-  "/src/assets/icons/warning.svg": t_,
-  "/src/assets/icons/webinar-widget.svg": i_,
-  "/src/assets/icons/white-close.svg": r_,
-  "/src/assets/icons/widget-demo-image.svg": e_,
-  "/src/assets/icons/zoom-in.svg": c_,
-  "/src/assets/icons/zoom-out.svg": m_
+  "/src/assets/icons/reminder-clock.svg": po,
+  "/src/assets/icons/reports-outline.svg": uo,
+  "/src/assets/icons/reports.svg": ho,
+  "/src/assets/icons/repository-outline.svg": ko,
+  "/src/assets/icons/repository.svg": xo,
+  "/src/assets/icons/reset.svg": Ao,
+  "/src/assets/icons/return.svg": Io,
+  "/src/assets/icons/right-align.svg": yo,
+  "/src/assets/icons/rightSide.svg": wo,
+  "/src/assets/icons/rotate-left.svg": Po,
+  "/src/assets/icons/rotate-right.svg": No,
+  "/src/assets/icons/rounded-plus.svg": Co,
+  "/src/assets/icons/search.svg": Oo,
+  "/src/assets/icons/select-files.svg": $o,
+  "/src/assets/icons/share.svg": Eo,
+  "/src/assets/icons/shield-with-tick.svg": So,
+  "/src/assets/icons/shield.svg": To,
+  "/src/assets/icons/shipment-private.svg": jo,
+  "/src/assets/icons/shipment.svg": Lo,
+  "/src/assets/icons/sidebar.svg": Ro,
+  "/src/assets/icons/sign-doc.svg": Fo,
+  "/src/assets/icons/signature-field.svg": Bo,
+  "/src/assets/icons/signer.svg": Do,
+  "/src/assets/icons/slideout.svg": Mo,
+  "/src/assets/icons/sms.svg": qo,
+  "/src/assets/icons/sort-asc.svg": Go,
+  "/src/assets/icons/sort-desc.svg": Vo,
+  "/src/assets/icons/sort.svg": zo,
+  "/src/assets/icons/space.svg": Ho,
+  "/src/assets/icons/stamp-field.svg": Jo,
+  "/src/assets/icons/stop.svg": Ko,
+  "/src/assets/icons/success-check.svg": Qo,
+  "/src/assets/icons/tag.svg": Uo,
+  "/src/assets/icons/template.svg": Wo,
+  "/src/assets/icons/text-field.svg": Xo,
+  "/src/assets/icons/tick.svg": Yo,
+  "/src/assets/icons/title-field.svg": Zo,
+  "/src/assets/icons/upload-csv.svg": s_,
+  "/src/assets/icons/upload.svg": o_,
+  "/src/assets/icons/views-outline.svg": __,
+  "/src/assets/icons/views.svg": t_,
+  "/src/assets/icons/warning.svg": i_,
+  "/src/assets/icons/webinar-widget.svg": r_,
+  "/src/assets/icons/white-close.svg": e_,
+  "/src/assets/icons/widget-demo-image.svg": c_,
+  "/src/assets/icons/zoom-in.svg": m_,
+  "/src/assets/icons/zoom-out.svg": a_
 }), l = (s, t, o, _) => {
   t && s.hasAttribute("fill") && s.getAttribute("fill") !== "none" && s.setAttribute("fill", t), o && s.hasAttribute("stroke") && s.setAttribute("stroke", o), _ && s.hasAttribute("width") && s.setAttribute("width", _.toString()), _ && s.hasAttribute("height") && s.setAttribute("height", _.toString()), Array.from(s.children).forEach((e) => {
     l(e, t, o);
   });
-}, l_ = /* @__PURE__ */ m.forwardRef((s, t) => {
+}, f_ = /* @__PURE__ */ m.forwardRef((s, t) => {
   const {
     name: o = "",
     id: _,
@@ -315,7 +317,7 @@ const n_ = /* @__PURE__ */ Object.assign({
     225: "rotate-[225deg]",
     270: "-rotate-90",
     315: "-rotate-45"
-  }, v = n_[`/src/assets/icons/${o}.svg`];
+  }, v = l_[`/src/assets/icons/${o}.svg`];
   if (!v)
     return console.error(`Icon "${o}" not found in ICON_MAP.`), null;
   const i = typeof g == "function", C = f || o, c = s.tabIndex !== void 0, {
@@ -323,13 +325,13 @@ const n_ = /* @__PURE__ */ Object.assign({
     role: $,
     tabIndex: E,
     isDisabled: S
-  } = v_({
+  } = n_({
     isNative: !1,
     onClick: i ? (r) => g?.(r) : void 0,
     disabled: i ? w : !1,
     tabIndex: s.tabIndex ?? 0,
     stopPropagation: y
-  }), n = g_({
+  }), n = v_({
     ariaLabel: C,
     ariaLabelledBy: b,
     ariaDescribedBy: p
@@ -353,7 +355,7 @@ const n_ = /* @__PURE__ */ Object.assign({
     ...n
   }, {
     "data-automation-id": s?.automationId
-  }), /* @__PURE__ */ m.createElement(a_, {
+  }), /* @__PURE__ */ m.createElement(g_, {
     src: v,
     wrapper: "span",
     beforeInjection: (r) => {
@@ -361,8 +363,8 @@ const n_ = /* @__PURE__ */ Object.assign({
     }
   }));
 });
-l_.displayName = "Icon";
+f_.displayName = "Icon";
 export {
-  l_ as Icon
+  f_ as Icon
 };
 //# sourceMappingURL=index6.js.map

package/dist/index6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index6.js","sources":["../src/components/Icon/index.tsx"],"sourcesContent":["// TODO: `applyAttributesToElement` recursion drops `size` for nested elements (pre-existing).\nimport React from 'react';\nimport { ReactSVG } from 'react-svg';\nimport { getA11yNameAttributes, useAccessiblePress } from '../../utils/a11y';\n\n// Dynamically import icons using Vite's asset handling\nconst ICON_MAP: Record<string, string> = (import.meta as any).glob('/src/assets/icons/*.svg', {\n  eager: true,\n  query: '?url',\n  import: 'default'\n});\n\nexport type RotationTypes = '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n\nexport type IconProps = {\n  name: string;\n  id?: string;\n  className?: string;\n  onClick?: (e?: React.MouseEvent<HTMLElement>) => void;\n  /**\n   * Accessible name when Icon is interactive (onClick is provided).\n   * If omitted, we fall back to `name` and warn in development.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of visible element(s) that label this Icon when interactive.\n   * Preferred over ariaLabel when a visible label exists (keeps SR and visual text in sync).\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this Icon when interactive (additional context).\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Toggle state when Icon is used as a button (e.g., show/hide sidebar).\n   * Only applies when `onClick` is provided (interactive icon).\n   */\n  ariaPressed?: boolean;\n  /**\n   * Expansion state when Icon controls a collapsible region/panel.\n   * Only applies when `onClick` is provided (interactive icon).\n   */\n  ariaExpanded?: boolean;\n  /**\n   * ID of the element controlled by this Icon (for aria-controls).\n   * Only applies when `onClick` is provided (interactive icon).\n   */\n  ariaControls?: string;\n  fill?: string;\n  stroke?: string;\n  rotation?: RotationTypes;\n  size?: number;\n  shouldStopPropagation?: boolean;\n  automationId?: string;\n  /**\n   * Disables the icon interaction while keeping it visible to AT with aria-disabled=\"true\".\n   * Only applies when `onClick` is provided (interactive icon).\n   */\n  disabled?: boolean;\n  /**\n   * Native HTML title attribute — renders as a browser tooltip on hover.\n   * For mouse users only; does not replace ariaLabel for screen readers.\n   */\n  htmlTitle?: string;\n  /**\n   * Override tab order. Pass tabIndex={0} to make a non-interactive or disabled icon\n   * focusable (e.g. for tooltip access). Overrides the hook's default when provided.\n   */\n  tabIndex?: number;\n};\n\nconst applyAttributesToElement = (element: Element, fill?: string, stroke?: string, size?: number) => {\n  // Only modify existing attributes\n  if (fill && element.hasAttribute('fill')) {\n    const currentFill = element.getAttribute('fill');\n    // Only update if the current fill is not \"none\"\n    if (currentFill !== 'none') {\n      element.setAttribute('fill', fill);\n    }\n  }\n\n  if (stroke && element.hasAttribute('stroke')) {\n    element.setAttribute('stroke', stroke);\n  }\n\n  if (size && element.hasAttribute('width')) {\n    element.setAttribute('width', size.toString());\n  }\n\n  if (size && element.hasAttribute('height')) {\n    element.setAttribute('height', size.toString());\n  }\n\n  // Recursively apply to all child elements\n  Array.from(element.children).forEach((child) => {\n    applyAttributesToElement(child, fill, stroke);\n  });\n};\n\nexport const Icon = React.forwardRef<HTMLDivElement, IconProps>((props, ref) => {\n  const {\n    name = '',\n    id,\n    className = '',\n    onClick,\n    ariaLabel,\n    ariaLabelledBy,\n    ariaDescribedBy,\n    ariaPressed,\n    ariaExpanded,\n    ariaControls,\n    fill,\n    stroke,\n    rotation = '0',\n    size,\n    shouldStopPropagation = false,\n    disabled = false,\n    htmlTitle\n  } = props;\n  const iconRotationClasses = {\n    '0': 'rotate-0',\n    '45': 'rotate-45',\n    '90': 'rotate-90',\n    '135': 'rotate-[135deg]',\n    '180': 'rotate-180',\n    '225': 'rotate-[225deg]',\n    '270': '-rotate-90',\n    '315': '-rotate-45'\n  };\n  const src = ICON_MAP[`/src/assets/icons/${name}.svg`];\n\n  if (!src) {\n    console.error(`Icon \"${name}\" not found in ICON_MAP.`);\n    return null;\n  }\n\n  const isInteractive = typeof onClick === 'function';\n  const computedAriaLabel = ariaLabel || name;\n\n  if (isInteractive && !ariaLabel && (import.meta as { env?: { DEV?: boolean } }).env?.DEV) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `[se-design/Icon] Missing ariaLabel for clickable icon \"${name}\". ` +\n        `Falling back to aria-label=\"${computedAriaLabel}\".`\n    );\n  }\n\n  const hasTabIndex = props.tabIndex !== undefined;\n  const { pressProps, role, tabIndex: hookTabIndex, isDisabled } = useAccessiblePress({\n    isNative: false,\n    onClick: isInteractive ? (e: React.MouseEvent<HTMLElement>) => onClick?.(e) : undefined,\n    disabled: isInteractive ? disabled : false,\n    tabIndex: props.tabIndex ?? 0,\n    stopPropagation: shouldStopPropagation\n  });\n\n  // Compute accessible name/description props with correct precedence (aligns with Button/Link).\n  const accessibleNameProps = getA11yNameAttributes({\n    ariaLabel: computedAriaLabel,\n    ariaLabelledBy,\n    ariaDescribedBy\n  });\n\n  const finalTabIndex = hasTabIndex ? props.tabIndex : hookTabIndex;\n  const interactiveProps = isInteractive\n    ? {\n        ...pressProps,\n        role,\n        tabIndex: finalTabIndex,\n        ...accessibleNameProps,\n        'aria-pressed': ariaPressed,\n        'aria-expanded': ariaExpanded,\n        'aria-controls': ariaControls || undefined\n      }\n    : undefined;\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={`se-design-svg-wrapper transition-transform duration-250 ease-linear rounded-[3px] ${\n        isInteractive ? `${isDisabled ? 'opacity-50 cursor-default' : 'cursor-pointer focus-outline'}` : ''\n      } ${className} ${iconRotationClasses[rotation]}`}\n      aria-hidden={!isInteractive && !hasTabIndex ? 'true' : undefined}\n      title={htmlTitle}\n      {...interactiveProps}\n      {...(!isInteractive && hasTabIndex && { tabIndex: props.tabIndex, ...accessibleNameProps })}\n      data-automation-id={props?.automationId}\n    >\n      <ReactSVG\n        src={src}\n        wrapper=\"span\"\n        beforeInjection={(svg) => {\n          svg.setAttribute('aria-hidden', 'true');\n          svg.setAttribute('role', 'none');\n          applyAttributesToElement(svg, fill, stroke, size);\n        }}\n      />\n    </div>\n  );\n});\n\nIcon.displayName = 'Icon';\n"],"names":["ICON_MAP","import","applyAttributesToElement","element","fill","stroke","size","hasAttribute","getAttribute","setAttribute","toString","Array","from","children","forEach","child","Icon","React","forwardRef","props","ref","name","id","className","onClick","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaPressed","ariaExpanded","ariaControls","rotation","shouldStopPropagation","disabled","htmlTitle","iconRotationClasses","src","console","error","isInteractive","computedAriaLabel","hasTabIndex","tabIndex","undefined","pressProps","role","hookTabIndex","isDisabled","useAccessiblePress","isNative","e","stopPropagation","accessibleNameProps","getA11yNameAttributes","finalTabIndex","interactiveProps","createElement","_extends","title","automationId","ReactSVG","wrapper","beforeInjection","svg","displayName"],"mappings":"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"}
+{"version":3,"file":"index6.js","sources":["../src/components/Icon/index.tsx"],"sourcesContent":["// TODO: `applyAttributesToElement` recursion drops `size` for nested elements (pre-existing).\nimport React from 'react';\nimport { ReactSVG } from 'react-svg';\nimport { getA11yNameAttributes, useAccessiblePress } from '../../utils/a11y';\n\n// Dynamically import icons using Vite's asset handling\nconst ICON_MAP: Record<string, string> = (import.meta as any).glob('/src/assets/icons/*.svg', {\n  eager: true,\n  query: '?url',\n  import: 'default'\n});\n\nexport type RotationTypes = '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n\nexport type IconProps = {\n  name: string;\n  id?: string;\n  className?: string;\n  onClick?: (e?: React.MouseEvent<HTMLElement>) => void;\n  /**\n   * Accessible name when Icon is interactive (onClick is provided).\n   * If omitted, we fall back to `name` and warn in development.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of visible element(s) that label this Icon when interactive.\n   * Preferred over ariaLabel when a visible label exists (keeps SR and visual text in sync).\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this Icon when interactive (additional context).\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Toggle state when Icon is used as a button (e.g., show/hide sidebar).\n   * Only applies when `onClick` is provided (interactive icon).\n   */\n  ariaPressed?: boolean;\n  /**\n   * Expansion state when Icon controls a collapsible region/panel.\n   * Only applies when `onClick` is provided (interactive icon).\n   */\n  ariaExpanded?: boolean;\n  /**\n   * ID of the element controlled by this Icon (for aria-controls).\n   * Only applies when `onClick` is provided (interactive icon).\n   */\n  ariaControls?: string;\n  fill?: string;\n  stroke?: string;\n  rotation?: RotationTypes;\n  size?: number;\n  shouldStopPropagation?: boolean;\n  automationId?: string;\n  /**\n   * Disables the icon interaction while keeping it visible to AT with aria-disabled=\"true\".\n   * Only applies when `onClick` is provided (interactive icon).\n   */\n  disabled?: boolean;\n  /**\n   * Native HTML title attribute — renders as a browser tooltip on hover.\n   * For mouse users only; does not replace ariaLabel for screen readers.\n   */\n  htmlTitle?: string;\n  /**\n   * Override tab order. Pass tabIndex={0} to make a non-interactive or disabled icon\n   * focusable (e.g. for tooltip access). Overrides the hook's default when provided.\n   */\n  tabIndex?: number;\n};\n\nconst applyAttributesToElement = (element: Element, fill?: string, stroke?: string, size?: number) => {\n  // Only modify existing attributes\n  if (fill && element.hasAttribute('fill')) {\n    const currentFill = element.getAttribute('fill');\n    // Only update if the current fill is not \"none\"\n    if (currentFill !== 'none') {\n      element.setAttribute('fill', fill);\n    }\n  }\n\n  if (stroke && element.hasAttribute('stroke')) {\n    element.setAttribute('stroke', stroke);\n  }\n\n  if (size && element.hasAttribute('width')) {\n    element.setAttribute('width', size.toString());\n  }\n\n  if (size && element.hasAttribute('height')) {\n    element.setAttribute('height', size.toString());\n  }\n\n  // Recursively apply to all child elements\n  Array.from(element.children).forEach((child) => {\n    applyAttributesToElement(child, fill, stroke);\n  });\n};\n\nexport const Icon = React.forwardRef<HTMLDivElement, IconProps>((props, ref) => {\n  const {\n    name = '',\n    id,\n    className = '',\n    onClick,\n    ariaLabel,\n    ariaLabelledBy,\n    ariaDescribedBy,\n    ariaPressed,\n    ariaExpanded,\n    ariaControls,\n    fill,\n    stroke,\n    rotation = '0',\n    size,\n    shouldStopPropagation = false,\n    disabled = false,\n    htmlTitle\n  } = props;\n  const iconRotationClasses = {\n    '0': 'rotate-0',\n    '45': 'rotate-45',\n    '90': 'rotate-90',\n    '135': 'rotate-[135deg]',\n    '180': 'rotate-180',\n    '225': 'rotate-[225deg]',\n    '270': '-rotate-90',\n    '315': '-rotate-45'\n  };\n  const src = ICON_MAP[`/src/assets/icons/${name}.svg`];\n\n  if (!src) {\n    console.error(`Icon \"${name}\" not found in ICON_MAP.`);\n    return null;\n  }\n\n  const isInteractive = typeof onClick === 'function';\n  const computedAriaLabel = ariaLabel || name;\n\n  if (isInteractive && !ariaLabel && (import.meta as { env?: { DEV?: boolean } }).env?.DEV) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `[se-design/Icon] Missing ariaLabel for clickable icon \"${name}\". ` +\n        `Falling back to aria-label=\"${computedAriaLabel}\".`\n    );\n  }\n\n  const hasTabIndex = props.tabIndex !== undefined;\n  const { pressProps, role, tabIndex: hookTabIndex, isDisabled } = useAccessiblePress({\n    isNative: false,\n    onClick: isInteractive ? (e: React.MouseEvent<HTMLElement>) => onClick?.(e) : undefined,\n    disabled: isInteractive ? disabled : false,\n    tabIndex: props.tabIndex ?? 0,\n    stopPropagation: shouldStopPropagation\n  });\n\n  // Compute accessible name/description props with correct precedence (aligns with Button/Link).\n  const accessibleNameProps = getA11yNameAttributes({\n    ariaLabel: computedAriaLabel,\n    ariaLabelledBy,\n    ariaDescribedBy\n  });\n\n  const finalTabIndex = hasTabIndex ? props.tabIndex : hookTabIndex;\n  const interactiveProps = isInteractive\n    ? {\n        ...pressProps,\n        role,\n        tabIndex: finalTabIndex,\n        ...accessibleNameProps,\n        'aria-pressed': ariaPressed,\n        'aria-expanded': ariaExpanded,\n        'aria-controls': ariaControls || undefined\n      }\n    : undefined;\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={`se-design-svg-wrapper transition-transform duration-250 ease-linear rounded-[3px] ${\n        isInteractive ? `${isDisabled ? 'opacity-50 cursor-default' : 'cursor-pointer focus-outline'}` : ''\n      } ${className} ${iconRotationClasses[rotation]}`}\n      aria-hidden={!isInteractive && !hasTabIndex ? 'true' : undefined}\n      title={htmlTitle}\n      {...interactiveProps}\n      {...(!isInteractive && hasTabIndex && { tabIndex: props.tabIndex, ...accessibleNameProps })}\n      data-automation-id={props?.automationId}\n    >\n      <ReactSVG\n        src={src}\n        wrapper=\"span\"\n        beforeInjection={(svg) => {\n          svg.setAttribute('aria-hidden', 'true');\n          svg.setAttribute('role', 'none');\n          applyAttributesToElement(svg, fill, stroke, size);\n        }}\n      />\n    </div>\n  );\n});\n\nIcon.displayName = 'Icon';\n"],"names":["ICON_MAP","import","applyAttributesToElement","element","fill","stroke","size","hasAttribute","getAttribute","setAttribute","toString","Array","from","children","forEach","child","Icon","React","forwardRef","props","ref","name","id","className","onClick","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaPressed","ariaExpanded","ariaControls","rotation","shouldStopPropagation","disabled","htmlTitle","iconRotationClasses","src","console","error","isInteractive","computedAriaLabel","hasTabIndex","tabIndex","undefined","pressProps","role","hookTabIndex","isDisabled","useAccessiblePress","isNative","e","stopPropagation","accessibleNameProps","getA11yNameAttributes","finalTabIndex","interactiveProps","createElement","_extends","title","automationId","ReactSVG","wrapper","beforeInjection","svg","displayName"],"mappings":"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"}

package/dist/index63.js

@@ -1,5 +1,5 @@
 import p, { useState as A, useRef as O, useEffect as j } from "react";
-import { useStableId as W } from "./index226.js";
+import { useStableId as W } from "./index228.js";
 /* empty css         */
 const M = ({
   length: n = 6,

package/dist/index67.js

@@ -1,6 +1,6 @@
 import n, { useState as u, useCallback as y, useEffect as P } from "react";
 import { Popover as I } from "./index19.js";
-import { useStableId as k } from "./index226.js";
+import { useStableId as k } from "./index228.js";
 /* empty css         */
 function p() {
   return p = Object.assign ? Object.assign.bind() : function(r) {

package/dist/index69.js

@@ -2,7 +2,7 @@ import F, { useState as ot, useRef as X, useEffect as $ } from "react";
 import { createPortal as nt } from "react-dom";
 import { Icon as it } from "./index6.js";
 import { Button as rt } from "./index4.js";
-import { debounce as lt } from "./index245.js";
+import { debounce as lt } from "./index247.js";
 const q = 500, S = 50, U = 150, st = {
   "top-left": {
     rotate: "315",

package/dist/index7.js

@@ -1,6 +1,6 @@
 import s, { useState as h, useCallback as i } from "react";
 import "./index78.js";
-import { isElementVisible as p } from "./index225.js";
+import { isElementVisible as p } from "./index227.js";
 const x = ({
   skipLinks: n,
   className: c = ""

package/dist/index71.js

@@ -4,7 +4,7 @@ import { Badge as j } from "./index10.js";
 import { Icon as q } from "./index6.js";
 import { Link as N } from "./index70.js";
 import { CustomModal as G } from "./index13.js";
-import { useStableId as J } from "./index226.js";
+import { useStableId as J } from "./index228.js";
 /* empty css         */
 const K = {
   lg: {

package/dist/index85.js

@@ -1,5 +1,5 @@
 import { useState as m, useEffect as E, useCallback as w } from "react";
-import { useScrollActiveIntoView as I } from "./index269.js";
+import { useScrollActiveIntoView as I } from "./index88.js";
 function A({
   items: u,
   isOpen: t,

package/dist/index87.js

@@ -1,4 +1,4 @@
-import { mergeIds as i } from "./index243.js";
+import { mergeIds as i } from "./index245.js";
 function n({
   ariaLabel: t,
   ariaLabelledBy: o,

package/dist/index88.js

@@ -0,0 +1,22 @@
+import { useEffect as s } from "react";
+const u = {
+  block: "nearest"
+};
+function m({
+  containerRef: t,
+  activeIndex: o,
+  itemSelector: r = '[role="option"]',
+  enabled: c = !0,
+  scrollOptions: e = u
+}) {
+  s(() => {
+    if (!c || o < 0 || !t?.current)
+      return;
+    const n = t.current.querySelectorAll(r)[o];
+    n && n.scrollIntoView(e);
+  }, [o, t, r, c, e]);
+}
+export {
+  m as useScrollActiveIntoView
+};
+//# sourceMappingURL=index88.js.map

package/dist/index88.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index88.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/index9.js

@@ -1,5 +1,5 @@
 import o from "react";
-import { useStableId as A } from "./index226.js";
+import { useStableId as A } from "./index228.js";
 import { getA11yNameAttributes as O } from "./index87.js";
 import { useAccessiblePress as C } from "./index73.js";
 import "./index78.js";