se-design 1.0.73 → 1.0.74-dev-v2

package/dist/index5.js

@@ -31,8 +31,8 @@ import rs from "./index102.js";
 import es from "./index103.js";
 import cs from "./index104.js";
 import as from "./index105.js";
-import gs from "./index106.js";
-import ms from "./index107.js";
+import ms from "./index106.js";
+import gs from "./index107.js";
 import vs from "./index108.js";
 import ls from "./index109.js";
 import ns from "./index110.js";
@@ -85,8 +85,8 @@ import ro from "./index156.js";
 import eo from "./index157.js";
 import co from "./index158.js";
 import ao from "./index159.js";
-import go from "./index160.js";
-import mo from "./index161.js";
+import mo from "./index160.js";
+import go from "./index161.js";
 import vo from "./index162.js";
 import lo from "./index163.js";
 import no from "./index164.js";
@@ -113,10 +113,12 @@ import Lo from "./index184.js";
 import Fo from "./index185.js";
 import Ro from "./index186.js";
 import Bo from "./index187.js";
-import g from "react";
-import { ReactSVG as Do } from "./index188.js";
-import { getA11yNameAttributes as Mo } from "./index71.js";
-import { useAccessiblePress as qo } from "./index66.js";
+import Do from "./index188.js";
+import Mo from "./index189.js";
+import m from "react";
+import { ReactSVG as qo } from "./index190.js";
+import { getA11yNameAttributes as Go } from "./index71.js";
+import { useAccessiblePress as To } from "./index66.js";
 function c() {
   return c = Object.assign ? Object.assign.bind() : function(s) {
     for (var o = 1; o < arguments.length; o++) {
@@ -126,127 +128,129 @@ function c() {
     return s;
   }, c.apply(null, arguments);
 }
-const Go = /* @__PURE__ */ Object.assign({
+const Vo = /* @__PURE__ */ Object.assign({
   "/src/assets/icons/ai-off.svg": $,
-  "/src/assets/icons/ai-search.svg": E,
-  "/src/assets/icons/ai-stars.svg": S,
-  "/src/assets/icons/ai.svg": j,
-  "/src/assets/icons/all-space.svg": L,
-  "/src/assets/icons/arrow-head.svg": F,
-  "/src/assets/icons/attachment.svg": R,
-  "/src/assets/icons/back.svg": B,
-  "/src/assets/icons/banner-demo-img.svg": D,
-  "/src/assets/icons/bell-notification.svg": M,
-  "/src/assets/icons/card.svg": q,
-  "/src/assets/icons/center-align.svg": G,
-  "/src/assets/icons/checkbox-disabled-minus.svg": T,
-  "/src/assets/icons/checkbox-disabled-tick.svg": V,
-  "/src/assets/icons/checkbox-disabled.svg": H,
-  "/src/assets/icons/checkbox-field.svg": J,
-  "/src/assets/icons/checkbox-fill.svg": K,
-  "/src/assets/icons/checkbox-hover-fill.svg": Q,
-  "/src/assets/icons/checkbox-hover-minus.svg": U,
-  "/src/assets/icons/checkbox-hover-tick.svg": W,
-  "/src/assets/icons/checkbox-minus.svg": X,
-  "/src/assets/icons/checkbox-tick.svg": Y,
-  "/src/assets/icons/checked-circle.svg": Z,
-  "/src/assets/icons/checkmark.svg": z,
-  "/src/assets/icons/chevron.svg": ss,
-  "/src/assets/icons/clock.svg": os,
-  "/src/assets/icons/close.svg": _s,
-  "/src/assets/icons/command.svg": ts,
-  "/src/assets/icons/csv-file.svg": is,
-  "/src/assets/icons/csv.svg": rs,
-  "/src/assets/icons/date-field.svg": es,
-  "/src/assets/icons/delete.svg": cs,
-  "/src/assets/icons/doc-file.svg": as,
-  "/src/assets/icons/docFile.svg": gs,
-  "/src/assets/icons/download.svg": ms,
-  "/src/assets/icons/edit-text.svg": vs,
-  "/src/assets/icons/email-field.svg": ls,
-  "/src/assets/icons/email.svg": ns,
-  "/src/assets/icons/fields-create.svg": fs,
-  "/src/assets/icons/fields-panel.svg": bs,
-  "/src/assets/icons/file-empty.svg": ps,
-  "/src/assets/icons/file-filled-checked.svg": ds,
-  "/src/assets/icons/file-red.svg": us,
-  "/src/assets/icons/file.svg": hs,
-  "/src/assets/icons/fill-and-sign.svg": ks,
-  "/src/assets/icons/filter.svg": xs,
-  "/src/assets/icons/folder-empty.svg": As,
-  "/src/assets/icons/folder.svg": ys,
-  "/src/assets/icons/gmail.svg": ws,
-  "/src/assets/icons/google-drive.svg": Ps,
-  "/src/assets/icons/hamburger.svg": Is,
-  "/src/assets/icons/hashtag.svg": Ns,
-  "/src/assets/icons/help-question.svg": Cs,
-  "/src/assets/icons/history.svg": Os,
-  "/src/assets/icons/home.svg": $s,
-  "/src/assets/icons/hourglass.svg": Es,
-  "/src/assets/icons/image-field.svg": Ss,
-  "/src/assets/icons/info.svg": js,
-  "/src/assets/icons/initials-field.svg": Ls,
-  "/src/assets/icons/kebab-menu.svg": Fs,
-  "/src/assets/icons/left-align.svg": Rs,
-  "/src/assets/icons/library.svg": Bs,
-  "/src/assets/icons/minus.svg": Ds,
-  "/src/assets/icons/move-folder.svg": Ms,
-  "/src/assets/icons/name-field.svg": qs,
-  "/src/assets/icons/next.svg": Gs,
-  "/src/assets/icons/observer.svg": Ts,
-  "/src/assets/icons/office-building.svg": Vs,
-  "/src/assets/icons/onedrive.svg": Hs,
-  "/src/assets/icons/outlook.svg": Js,
-  "/src/assets/icons/padlock.svg": Ks,
-  "/src/assets/icons/pages.svg": Qs,
-  "/src/assets/icons/pdf-file.svg": Us,
-  "/src/assets/icons/people.svg": Ws,
-  "/src/assets/icons/photo.svg": Xs,
-  "/src/assets/icons/plus.svg": Ys,
-  "/src/assets/icons/radio-field.svg": Zs,
-  "/src/assets/icons/radio-filled.svg": zs,
-  "/src/assets/icons/radio.svg": so,
-  "/src/assets/icons/reports.svg": oo,
-  "/src/assets/icons/repository.svg": _o,
-  "/src/assets/icons/reset.svg": to,
-  "/src/assets/icons/return.svg": io,
-  "/src/assets/icons/right-align.svg": ro,
-  "/src/assets/icons/rightSide.svg": eo,
-  "/src/assets/icons/rotate-left.svg": co,
-  "/src/assets/icons/rotate-right.svg": ao,
-  "/src/assets/icons/rounded-plus.svg": go,
-  "/src/assets/icons/search.svg": mo,
-  "/src/assets/icons/select-files.svg": vo,
-  "/src/assets/icons/shield-with-tick.svg": lo,
-  "/src/assets/icons/shield.svg": no,
-  "/src/assets/icons/shipment-private.svg": fo,
-  "/src/assets/icons/shipment.svg": bo,
-  "/src/assets/icons/sidebar.svg": po,
-  "/src/assets/icons/signature-field.svg": uo,
-  "/src/assets/icons/signer.svg": ho,
-  "/src/assets/icons/slideout.svg": ko,
-  "/src/assets/icons/sms.svg": xo,
-  "/src/assets/icons/sort-asc.svg": Ao,
-  "/src/assets/icons/sort-desc.svg": yo,
-  "/src/assets/icons/sort.svg": wo,
-  "/src/assets/icons/space.svg": Po,
-  "/src/assets/icons/stamp-field.svg": Io,
-  "/src/assets/icons/stop.svg": No,
-  "/src/assets/icons/success-check.svg": Co,
-  "/src/assets/icons/tag.svg": Oo,
-  "/src/assets/icons/text-field.svg": $o,
-  "/src/assets/icons/tick.svg": Eo,
-  "/src/assets/icons/title-field.svg": So,
-  "/src/assets/icons/upload-csv.svg": jo,
-  "/src/assets/icons/warning.svg": Lo,
-  "/src/assets/icons/webinar-widget.svg": Fo,
-  "/src/assets/icons/white-close.svg": Ro,
-  "/src/assets/icons/widget-demo-image.svg": Bo
-}), m = (s, o, t, _) => {
+  "/src/assets/icons/ai-re-run.svg": E,
+  "/src/assets/icons/ai-search.svg": S,
+  "/src/assets/icons/ai-stars.svg": j,
+  "/src/assets/icons/ai.svg": L,
+  "/src/assets/icons/all-space.svg": F,
+  "/src/assets/icons/arrow-head.svg": R,
+  "/src/assets/icons/attachment.svg": B,
+  "/src/assets/icons/back.svg": D,
+  "/src/assets/icons/banner-demo-img.svg": M,
+  "/src/assets/icons/bell-notification.svg": q,
+  "/src/assets/icons/card.svg": G,
+  "/src/assets/icons/center-align.svg": T,
+  "/src/assets/icons/checkbox-disabled-minus.svg": V,
+  "/src/assets/icons/checkbox-disabled-tick.svg": H,
+  "/src/assets/icons/checkbox-disabled.svg": J,
+  "/src/assets/icons/checkbox-field.svg": K,
+  "/src/assets/icons/checkbox-fill.svg": Q,
+  "/src/assets/icons/checkbox-hover-fill.svg": U,
+  "/src/assets/icons/checkbox-hover-minus.svg": W,
+  "/src/assets/icons/checkbox-hover-tick.svg": X,
+  "/src/assets/icons/checkbox-minus.svg": Y,
+  "/src/assets/icons/checkbox-tick.svg": Z,
+  "/src/assets/icons/checked-circle.svg": z,
+  "/src/assets/icons/checkmark.svg": ss,
+  "/src/assets/icons/chevron.svg": os,
+  "/src/assets/icons/clock.svg": _s,
+  "/src/assets/icons/close.svg": ts,
+  "/src/assets/icons/combobox-field.svg": is,
+  "/src/assets/icons/command.svg": rs,
+  "/src/assets/icons/csv-file.svg": es,
+  "/src/assets/icons/csv.svg": cs,
+  "/src/assets/icons/date-field.svg": as,
+  "/src/assets/icons/delete.svg": ms,
+  "/src/assets/icons/doc-file.svg": gs,
+  "/src/assets/icons/docFile.svg": vs,
+  "/src/assets/icons/download.svg": ls,
+  "/src/assets/icons/edit-text.svg": ns,
+  "/src/assets/icons/email-field.svg": fs,
+  "/src/assets/icons/email.svg": bs,
+  "/src/assets/icons/fields-create.svg": ps,
+  "/src/assets/icons/fields-panel.svg": ds,
+  "/src/assets/icons/file-empty.svg": us,
+  "/src/assets/icons/file-filled-checked.svg": hs,
+  "/src/assets/icons/file-red.svg": ks,
+  "/src/assets/icons/file.svg": xs,
+  "/src/assets/icons/fill-and-sign.svg": As,
+  "/src/assets/icons/filter.svg": ys,
+  "/src/assets/icons/folder-empty.svg": ws,
+  "/src/assets/icons/folder.svg": Ps,
+  "/src/assets/icons/gmail.svg": Is,
+  "/src/assets/icons/google-drive.svg": Ns,
+  "/src/assets/icons/hamburger.svg": Cs,
+  "/src/assets/icons/hashtag.svg": Os,
+  "/src/assets/icons/help-question.svg": $s,
+  "/src/assets/icons/history.svg": Es,
+  "/src/assets/icons/home.svg": Ss,
+  "/src/assets/icons/hourglass.svg": js,
+  "/src/assets/icons/image-field.svg": Ls,
+  "/src/assets/icons/info.svg": Fs,
+  "/src/assets/icons/initials-field.svg": Rs,
+  "/src/assets/icons/kebab-menu.svg": Bs,
+  "/src/assets/icons/left-align.svg": Ds,
+  "/src/assets/icons/library.svg": Ms,
+  "/src/assets/icons/minus.svg": qs,
+  "/src/assets/icons/move-folder.svg": Gs,
+  "/src/assets/icons/name-field.svg": Ts,
+  "/src/assets/icons/next.svg": Vs,
+  "/src/assets/icons/observer.svg": Hs,
+  "/src/assets/icons/office-building.svg": Js,
+  "/src/assets/icons/onedrive.svg": Ks,
+  "/src/assets/icons/outlook.svg": Qs,
+  "/src/assets/icons/padlock.svg": Us,
+  "/src/assets/icons/pages.svg": Ws,
+  "/src/assets/icons/pdf-file.svg": Xs,
+  "/src/assets/icons/people.svg": Ys,
+  "/src/assets/icons/photo.svg": Zs,
+  "/src/assets/icons/plus.svg": zs,
+  "/src/assets/icons/radio-field.svg": so,
+  "/src/assets/icons/radio-filled.svg": oo,
+  "/src/assets/icons/radio.svg": _o,
+  "/src/assets/icons/reports.svg": to,
+  "/src/assets/icons/repository.svg": io,
+  "/src/assets/icons/reset.svg": ro,
+  "/src/assets/icons/return.svg": eo,
+  "/src/assets/icons/right-align.svg": co,
+  "/src/assets/icons/rightSide.svg": ao,
+  "/src/assets/icons/rotate-left.svg": mo,
+  "/src/assets/icons/rotate-right.svg": go,
+  "/src/assets/icons/rounded-plus.svg": vo,
+  "/src/assets/icons/search.svg": lo,
+  "/src/assets/icons/select-files.svg": no,
+  "/src/assets/icons/shield-with-tick.svg": fo,
+  "/src/assets/icons/shield.svg": bo,
+  "/src/assets/icons/shipment-private.svg": po,
+  "/src/assets/icons/shipment.svg": uo,
+  "/src/assets/icons/sidebar.svg": ho,
+  "/src/assets/icons/signature-field.svg": ko,
+  "/src/assets/icons/signer.svg": xo,
+  "/src/assets/icons/slideout.svg": Ao,
+  "/src/assets/icons/sms.svg": yo,
+  "/src/assets/icons/sort-asc.svg": wo,
+  "/src/assets/icons/sort-desc.svg": Po,
+  "/src/assets/icons/sort.svg": Io,
+  "/src/assets/icons/space.svg": No,
+  "/src/assets/icons/stamp-field.svg": Co,
+  "/src/assets/icons/stop.svg": Oo,
+  "/src/assets/icons/success-check.svg": $o,
+  "/src/assets/icons/tag.svg": Eo,
+  "/src/assets/icons/text-field.svg": So,
+  "/src/assets/icons/tick.svg": jo,
+  "/src/assets/icons/title-field.svg": Lo,
+  "/src/assets/icons/upload-csv.svg": Fo,
+  "/src/assets/icons/warning.svg": Ro,
+  "/src/assets/icons/webinar-widget.svg": Bo,
+  "/src/assets/icons/white-close.svg": Do,
+  "/src/assets/icons/widget-demo-image.svg": Mo
+}), g = (s, o, t, _) => {
   o && s.hasAttribute("fill") && s.getAttribute("fill") !== "none" && s.setAttribute("fill", o), t && s.hasAttribute("stroke") && s.setAttribute("stroke", t), _ && s.hasAttribute("width") && s.setAttribute("width", _.toString()), _ && s.hasAttribute("height") && s.setAttribute("height", _.toString()), Array.from(s.children).forEach((e) => {
-    m(e, o, t);
+    g(e, o, t);
   });
-}, zt = (s) => {
+}, ti = (s) => {
   const {
     name: o = "",
     className: t = "",
@@ -272,7 +276,7 @@ const Go = /* @__PURE__ */ Object.assign({
     225: "rotate-[225deg]",
     270: "-rotate-90",
     315: "-rotate-45"
-  }, a = Go[`/src/assets/icons/${o}.svg`];
+  }, a = Vo[`/src/assets/icons/${o}.svg`];
   if (!a)
     return console.error(`Icon "${o}" not found in ICON_MAP.`), null;
   const i = typeof _ == "function", y = e || o, {
@@ -280,12 +284,12 @@ const Go = /* @__PURE__ */ Object.assign({
     role: P,
     tabIndex: I,
     isDisabled: N
-  } = qo({
+  } = To({
     isNative: !1,
     onClick: i ? (r) => _?.(r) : void 0,
     disabled: i ? x : !1,
     stopPropagation: k
-  }), C = Mo({
+  }), C = Go({
     ariaLabel: y,
     ariaLabelledBy: v,
     ariaDescribedBy: l
@@ -298,20 +302,20 @@ const Go = /* @__PURE__ */ Object.assign({
     "aria-expanded": f,
     "aria-controls": b || void 0
   } : void 0;
-  return /* @__PURE__ */ g.createElement("div", c({
+  return /* @__PURE__ */ m.createElement("div", c({
     className: `se-design-svg-wrapper transition-transform duration-250 ease-linear rounded-[3px] ${i ? `${N ? "opacity-50 cursor-default" : "cursor-pointer focus-outline"}` : ""} ${t} ${A[u]}`,
     "aria-hidden": i ? void 0 : "true"
   }, O, {
     "data-automation-id": s?.automationId
-  }), /* @__PURE__ */ g.createElement(Do, {
+  }), /* @__PURE__ */ m.createElement(qo, {
     src: a,
     wrapper: "span",
     beforeInjection: (r) => {
-      r.setAttribute("aria-hidden", "true"), r.setAttribute("role", "none"), m(r, p, d, h);
+      r.setAttribute("aria-hidden", "true"), r.setAttribute("role", "none"), g(r, p, d, h);
     }
   }));
 };
 export {
-  zt as Icon
+  ti as Icon
 };
 //# sourceMappingURL=index5.js.map

package/dist/index5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index5.js","sources":["../src/components/Icon/index.tsx"],"sourcesContent":["// TODO: `applyAttributesToElement` recursion drops `size` for nested elements (pre-existing).\nimport React, { FC } 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  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\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: FC<IconProps> = (props) => {\n  const {\n    name = '',\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  } = 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 { pressProps, role, tabIndex, isDisabled } = useAccessiblePress({\n    isNative: false,\n    onClick: isInteractive ? (e: React.MouseEvent<HTMLElement>) => onClick?.(e) : undefined,\n    disabled: isInteractive ? disabled : false,\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 interactiveProps = isInteractive\n    ? {\n        ...pressProps,\n        role,\n        tabIndex,\n        ...accessibleNameProps,\n        'aria-pressed': ariaPressed,\n        'aria-expanded': ariaExpanded,\n        'aria-controls': ariaControls || undefined\n      }\n    : undefined;\n\n  return (\n    <div\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 ? 'true' : undefined}\n      {...interactiveProps}\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"],"names":["ICON_MAP","import","applyAttributesToElement","element","fill","stroke","size","hasAttribute","getAttribute","setAttribute","toString","Array","from","children","forEach","child","Icon","props","name","className","onClick","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaPressed","ariaExpanded","ariaControls","rotation","shouldStopPropagation","disabled","iconRotationClasses","src","console","error","isInteractive","computedAriaLabel","pressProps","role","tabIndex","isDisabled","useAccessiblePress","isNative","e","undefined","stopPropagation","accessibleNameProps","getA11yNameAttributes","interactiveProps","React","createElement","_extends","automationId","ReactSVG","wrapper","beforeInjection","svg"],"mappings":"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"}
+{"version":3,"file":"index5.js","sources":["../src/components/Icon/index.tsx"],"sourcesContent":["// TODO: `applyAttributesToElement` recursion drops `size` for nested elements (pre-existing).\nimport React, { FC } 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  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\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: FC<IconProps> = (props) => {\n  const {\n    name = '',\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  } = 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 { pressProps, role, tabIndex, isDisabled } = useAccessiblePress({\n    isNative: false,\n    onClick: isInteractive ? (e: React.MouseEvent<HTMLElement>) => onClick?.(e) : undefined,\n    disabled: isInteractive ? disabled : false,\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 interactiveProps = isInteractive\n    ? {\n        ...pressProps,\n        role,\n        tabIndex,\n        ...accessibleNameProps,\n        'aria-pressed': ariaPressed,\n        'aria-expanded': ariaExpanded,\n        'aria-controls': ariaControls || undefined\n      }\n    : undefined;\n\n  return (\n    <div\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 ? 'true' : undefined}\n      {...interactiveProps}\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"],"names":["ICON_MAP","import","applyAttributesToElement","element","fill","stroke","size","hasAttribute","getAttribute","setAttribute","toString","Array","from","children","forEach","child","Icon","props","name","className","onClick","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaPressed","ariaExpanded","ariaControls","rotation","shouldStopPropagation","disabled","iconRotationClasses","src","console","error","isInteractive","computedAriaLabel","pressProps","role","tabIndex","isDisabled","useAccessiblePress","isNative","e","undefined","stopPropagation","accessibleNameProps","getA11yNameAttributes","interactiveProps","React","createElement","_extends","automationId","ReactSVG","wrapper","beforeInjection","svg"],"mappings":"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"}

package/dist/index51.js

@@ -1,6 +1,6 @@
 import t from "react";
 import { Icon as S } from "./index5.js";
-import { useStableId as T } from "./index190.js";
+import { useStableId as T } from "./index192.js";
 import { getA11yNameAttributes as W } from "./index71.js";
 /* empty css         */
 function J({

package/dist/index52.js

@@ -1,5 +1,5 @@
 import e, { useEffect as d } from "react";
-import { delay as m } from "./index228.js";
+import { delay as m } from "./index230.js";
 import { Icon as i } from "./index5.js";
 const g = (r) => {
   const {

package/dist/index56.js

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

package/dist/index6.js

@@ -1,5 +1,5 @@
 import s, { useState as h, useCallback as i } from "react";
-import { isElementVisible as p } from "./index189.js";
+import { isElementVisible as p } from "./index191.js";
 const w = ({
   skipLinks: n,
   className: c = ""

package/dist/index62.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 "./index5.js";
 import { Button as rt } from "./index3.js";
-import { debounce as lt } from "./index208.js";
+import { debounce as lt } from "./index210.js";
 const q = 500, S = 50, U = 150, st = {
   "top-left": {
     rotate: "315",

package/dist/index64.js

@@ -1,10 +1,10 @@
 import a from "react";
-import { Button as E } from "./index3.js";
+import { Button as f } from "./index3.js";
 import { Badge as j } from "./index9.js";
 import { Icon as q } from "./index5.js";
-import { Link as f } from "./index63.js";
+import { Link as N } from "./index63.js";
 import { CustomModal as G } from "./index12.js";
-import { useStableId as J } from "./index190.js";
+import { useStableId as J } from "./index192.js";
 /* empty css         */
 const K = {
   lg: {
@@ -16,21 +16,21 @@ const K = {
     height: "384px"
   }
 }, ea = ({
-  isOpen: N,
+  isOpen: u,
   onClose: n,
   trigger: c,
-  modalWidth: u,
-  modalHeight: b,
-  variant: g,
+  modalWidth: b,
+  modalHeight: g,
+  variant: x,
   size: t = "lg",
-  availabilityLabel: x = "Available on ",
-  availabilityBadgeText: k,
+  availabilityLabel: k = "Available on ",
+  availabilityBadgeText: r,
   title: C,
   description: v,
-  learnMoreLinkText: r,
+  learnMoreLinkText: o,
   learnMoreHref: l,
-  onLearnMoreClick: o,
-  featureListDesc: s,
+  onLearnMoreClick: s,
+  featureListDesc: m,
   featuresList: I = [],
   featureItemIcon: L,
   mediaContent: S,
@@ -39,13 +39,13 @@ const K = {
   onLaterClick: F,
   onPurchaseClick: P,
   className: $ = "",
-  modalContentClassName: B = "",
+  modalContentClassName: D = "",
   automationId: i = "",
-  id: D
+  id: z
 }) => {
-  const m = J(D, "paywall-title"), z = () => {
+  const p = J(z, "paywall-title"), B = () => {
     F?.(), n();
-  }, p = K[t], O = u ?? p.width, d = b ?? p.height, y = g === "with-points" && t === "lg", w = I.map((e) => typeof e == "string" ? {
+  }, d = K[t], O = b ?? d.width, w = g ?? d.height, y = x === "with-points" && t === "lg", h = I.map((e) => typeof e == "string" ? {
     text: e
   } : {
     text: e.text,
@@ -53,7 +53,7 @@ const K = {
     href: e.href,
     external: e.external,
     onLinkClick: e.onLinkClick
-  }), R = y && w.length > 0, W = L ?? /* @__PURE__ */ a.createElement(q, {
+  }), R = y && h.length > 0, W = L ?? /* @__PURE__ */ a.createElement(q, {
     name: "info",
     rotation: "180"
   }), Y = /* @__PURE__ */ a.createElement("section", {
@@ -63,54 +63,54 @@ const K = {
     className: "paywall-card"
   }, /* @__PURE__ */ a.createElement("div", {
     className: "paywall-card-content"
-  }, /* @__PURE__ */ a.createElement("span", {
+  }, r && /* @__PURE__ */ a.createElement("span", {
     className: "paywall-card-availability"
   }, /* @__PURE__ */ a.createElement("span", {
     className: "paywall-card-availability-label"
-  }, x), /* @__PURE__ */ a.createElement(j, {
-    label: k,
+  }, k), /* @__PURE__ */ a.createElement(j, {
+    label: r,
     className: "paywall-card-badge",
     bgColor: "var(--color-yellow-100)",
     textColor: "var(--color-yellow-700)"
   })), /* @__PURE__ */ a.createElement("h3", {
-    id: m,
+    id: p,
     className: "paywall-card-title"
   }, C), /* @__PURE__ */ a.createElement("p", {
     className: "paywall-card-description"
-  }, v, r && (l || o) && /* @__PURE__ */ a.createElement(f, {
+  }, v, o && (l || s) && /* @__PURE__ */ a.createElement(N, {
     href: l ?? "#",
-    label: r,
+    label: o,
     external: !!l,
     className: "paywall-card-learn-more",
     onClick: (e) => {
-      l || e.preventDefault(), o?.(e);
+      l || e.preventDefault(), s?.(e);
     }
-  })), y && s && /* @__PURE__ */ a.createElement("p", {
+  })), y && m && /* @__PURE__ */ a.createElement("p", {
     className: "paywall-card-features-intro"
-  }, s), R && /* @__PURE__ */ a.createElement("ul", {
+  }, m), R && /* @__PURE__ */ a.createElement("ul", {
     className: "paywall-card-features-list"
-  }, w.map((e) => /* @__PURE__ */ a.createElement("li", {
+  }, h.map((e) => /* @__PURE__ */ a.createElement("li", {
     key: e.text,
     className: "paywall-card-feature-item"
   }, /* @__PURE__ */ a.createElement("span", {
     className: "paywall-card-feature-icon",
     "aria-hidden": !0
-  }, e.icon ?? W), /* @__PURE__ */ a.createElement("span", null, e.href || e.onLinkClick ? /* @__PURE__ */ a.createElement(f, {
+  }, e.icon ?? W), /* @__PURE__ */ a.createElement("span", null, e.href || e.onLinkClick ? /* @__PURE__ */ a.createElement(N, {
     href: e.href ?? "#",
     label: e.text,
     external: e.external,
-    onClick: (h) => {
-      e.href || h.preventDefault(), e.onLinkClick?.(h);
+    onClick: (E) => {
+      e.href || E.preventDefault(), e.onLinkClick?.(E);
     }
   }) : e.text)))), /* @__PURE__ */ a.createElement("div", {
     className: "paywall-card-actions"
-  }, /* @__PURE__ */ a.createElement(E, {
+  }, /* @__PURE__ */ a.createElement(f, {
     type: "ghost",
     size: "md",
     label: _,
-    onClick: z,
+    onClick: B,
     className: "paywall-card-btn-later"
-  }), /* @__PURE__ */ a.createElement(E, {
+  }), /* @__PURE__ */ a.createElement(f, {
     type: "primary",
     size: "md",
     label: A,
@@ -121,17 +121,17 @@ const K = {
   }, S))), Z = /* @__PURE__ */ a.createElement("div", {
     role: "dialog",
     "aria-modal": "true",
-    "aria-labelledby": m,
-    className: `paywall-modal-content ${B}`,
+    "aria-labelledby": p,
+    className: `paywall-modal-content ${D}`,
     style: {
-      height: d,
-      minHeight: d
+      height: w,
+      minHeight: w
     }
   }, Y);
   return /* @__PURE__ */ a.createElement(a.Fragment, null, c && /* @__PURE__ */ a.createElement("span", {
     className: "paywall-trigger"
   }, c), /* @__PURE__ */ a.createElement(G, {
-    isOpen: N,
+    isOpen: u,
     onClose: n,
     onModalClick: () => {
     },