se-design 1.0.94 → 1.0.96-dev.0

package/dist/index6.js

@@ -120,10 +120,11 @@ import Ko from "./index206.js";
 import Qo from "./index207.js";
 import Uo from "./index208.js";
 import Wo from "./index209.js";
+import Xo from "./index210.js";
 import a from "react";
-import { ReactSVG as Xo } from "./index210.js";
-import { getA11yNameAttributes as Yo } from "./index86.js";
-import { useAccessiblePress as Zo } from "./index72.js";
+import { ReactSVG as Yo } from "./index211.js";
+import { getA11yNameAttributes as Zo } from "./index86.js";
+import { useAccessiblePress as zo } from "./index72.js";
 import "./index77.js";
 function m() {
   return m = Object.assign ? Object.assign.bind() : function(s) {
@@ -134,7 +135,7 @@ function m() {
     return s;
   }, m.apply(null, arguments);
 }
-const zo = /* @__PURE__ */ Object.assign({
+const s_ = /* @__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,
@@ -173,95 +174,96 @@ const zo = /* @__PURE__ */ Object.assign({
   "/src/assets/icons/delete.svg": ps,
   "/src/assets/icons/doc-file.svg": ds,
   "/src/assets/icons/docFile.svg": us,
-  "/src/assets/icons/download.svg": hs,
-  "/src/assets/icons/edit-text.svg": ks,
-  "/src/assets/icons/email-field.svg": xs,
-  "/src/assets/icons/email.svg": As,
-  "/src/assets/icons/envelope.svg": Is,
-  "/src/assets/icons/fields-create.svg": ws,
-  "/src/assets/icons/fields-panel.svg": ys,
-  "/src/assets/icons/file-empty.svg": Ps,
-  "/src/assets/icons/file-filled-checked.svg": Ns,
-  "/src/assets/icons/file-red.svg": Cs,
-  "/src/assets/icons/file.svg": Os,
-  "/src/assets/icons/fill-and-sign.svg": $s,
-  "/src/assets/icons/filter.svg": Es,
-  "/src/assets/icons/folder-empty.svg": Ss,
-  "/src/assets/icons/folder.svg": Ts,
-  "/src/assets/icons/gmail.svg": js,
-  "/src/assets/icons/google-drive.svg": Ls,
-  "/src/assets/icons/hamburger.svg": Rs,
-  "/src/assets/icons/hashtag.svg": Fs,
-  "/src/assets/icons/help-question.svg": Bs,
-  "/src/assets/icons/history.svg": Ds,
-  "/src/assets/icons/home.svg": Ms,
-  "/src/assets/icons/hourglass.svg": qs,
-  "/src/assets/icons/image-field.svg": Gs,
-  "/src/assets/icons/info.svg": Vs,
-  "/src/assets/icons/initials-field.svg": Hs,
-  "/src/assets/icons/kebab-menu.svg": Js,
-  "/src/assets/icons/left-align.svg": Ks,
-  "/src/assets/icons/library.svg": Qs,
-  "/src/assets/icons/minus.svg": Us,
-  "/src/assets/icons/move-folder.svg": Ws,
-  "/src/assets/icons/name-field.svg": Xs,
-  "/src/assets/icons/next.svg": Ys,
-  "/src/assets/icons/observer.svg": Zs,
-  "/src/assets/icons/office-building.svg": zs,
-  "/src/assets/icons/onedrive.svg": so,
-  "/src/assets/icons/outlook.svg": oo,
-  "/src/assets/icons/padlock.svg": _o,
-  "/src/assets/icons/pages.svg": to,
-  "/src/assets/icons/pdf-file.svg": io,
-  "/src/assets/icons/people.svg": ro,
-  "/src/assets/icons/photo.svg": eo,
-  "/src/assets/icons/plus.svg": co,
-  "/src/assets/icons/radio-field.svg": ao,
-  "/src/assets/icons/radio-filled.svg": mo,
-  "/src/assets/icons/radio.svg": go,
-  "/src/assets/icons/reports.svg": vo,
-  "/src/assets/icons/repository.svg": no,
-  "/src/assets/icons/reset.svg": lo,
-  "/src/assets/icons/return.svg": fo,
-  "/src/assets/icons/right-align.svg": bo,
-  "/src/assets/icons/rightSide.svg": po,
-  "/src/assets/icons/rotate-left.svg": uo,
-  "/src/assets/icons/rotate-right.svg": ho,
-  "/src/assets/icons/rounded-plus.svg": ko,
-  "/src/assets/icons/search.svg": xo,
-  "/src/assets/icons/select-files.svg": Ao,
-  "/src/assets/icons/share.svg": Io,
-  "/src/assets/icons/shield-with-tick.svg": wo,
-  "/src/assets/icons/shield.svg": yo,
-  "/src/assets/icons/shipment-private.svg": Po,
-  "/src/assets/icons/shipment.svg": No,
-  "/src/assets/icons/sidebar.svg": Co,
-  "/src/assets/icons/signature-field.svg": Oo,
-  "/src/assets/icons/signer.svg": $o,
-  "/src/assets/icons/slideout.svg": Eo,
-  "/src/assets/icons/sms.svg": So,
-  "/src/assets/icons/sort-asc.svg": To,
-  "/src/assets/icons/sort-desc.svg": jo,
-  "/src/assets/icons/sort.svg": Lo,
-  "/src/assets/icons/space.svg": Ro,
-  "/src/assets/icons/stamp-field.svg": Fo,
-  "/src/assets/icons/stop.svg": Bo,
-  "/src/assets/icons/success-check.svg": Do,
-  "/src/assets/icons/tag.svg": Mo,
-  "/src/assets/icons/text-field.svg": qo,
-  "/src/assets/icons/tick.svg": Go,
-  "/src/assets/icons/title-field.svg": Vo,
-  "/src/assets/icons/upload-csv.svg": Ho,
-  "/src/assets/icons/views.svg": Jo,
-  "/src/assets/icons/warning.svg": Ko,
-  "/src/assets/icons/webinar-widget.svg": Qo,
-  "/src/assets/icons/white-close.svg": Uo,
-  "/src/assets/icons/widget-demo-image.svg": Wo
+  "/src/assets/icons/document-commenting.svg": hs,
+  "/src/assets/icons/download.svg": ks,
+  "/src/assets/icons/edit-text.svg": xs,
+  "/src/assets/icons/email-field.svg": As,
+  "/src/assets/icons/email.svg": Is,
+  "/src/assets/icons/envelope.svg": ws,
+  "/src/assets/icons/fields-create.svg": ys,
+  "/src/assets/icons/fields-panel.svg": Ps,
+  "/src/assets/icons/file-empty.svg": Ns,
+  "/src/assets/icons/file-filled-checked.svg": Cs,
+  "/src/assets/icons/file-red.svg": Os,
+  "/src/assets/icons/file.svg": $s,
+  "/src/assets/icons/fill-and-sign.svg": Es,
+  "/src/assets/icons/filter.svg": Ss,
+  "/src/assets/icons/folder-empty.svg": Ts,
+  "/src/assets/icons/folder.svg": js,
+  "/src/assets/icons/gmail.svg": Ls,
+  "/src/assets/icons/google-drive.svg": Rs,
+  "/src/assets/icons/hamburger.svg": Fs,
+  "/src/assets/icons/hashtag.svg": Bs,
+  "/src/assets/icons/help-question.svg": Ds,
+  "/src/assets/icons/history.svg": Ms,
+  "/src/assets/icons/home.svg": qs,
+  "/src/assets/icons/hourglass.svg": Gs,
+  "/src/assets/icons/image-field.svg": Vs,
+  "/src/assets/icons/info.svg": Hs,
+  "/src/assets/icons/initials-field.svg": Js,
+  "/src/assets/icons/kebab-menu.svg": Ks,
+  "/src/assets/icons/left-align.svg": Qs,
+  "/src/assets/icons/library.svg": Us,
+  "/src/assets/icons/minus.svg": Ws,
+  "/src/assets/icons/move-folder.svg": Xs,
+  "/src/assets/icons/name-field.svg": Ys,
+  "/src/assets/icons/next.svg": Zs,
+  "/src/assets/icons/observer.svg": zs,
+  "/src/assets/icons/office-building.svg": so,
+  "/src/assets/icons/onedrive.svg": oo,
+  "/src/assets/icons/outlook.svg": _o,
+  "/src/assets/icons/padlock.svg": to,
+  "/src/assets/icons/pages.svg": io,
+  "/src/assets/icons/pdf-file.svg": ro,
+  "/src/assets/icons/people.svg": eo,
+  "/src/assets/icons/photo.svg": co,
+  "/src/assets/icons/plus.svg": ao,
+  "/src/assets/icons/radio-field.svg": mo,
+  "/src/assets/icons/radio-filled.svg": go,
+  "/src/assets/icons/radio.svg": vo,
+  "/src/assets/icons/reports.svg": no,
+  "/src/assets/icons/repository.svg": lo,
+  "/src/assets/icons/reset.svg": fo,
+  "/src/assets/icons/return.svg": bo,
+  "/src/assets/icons/right-align.svg": po,
+  "/src/assets/icons/rightSide.svg": uo,
+  "/src/assets/icons/rotate-left.svg": ho,
+  "/src/assets/icons/rotate-right.svg": ko,
+  "/src/assets/icons/rounded-plus.svg": xo,
+  "/src/assets/icons/search.svg": Ao,
+  "/src/assets/icons/select-files.svg": Io,
+  "/src/assets/icons/share.svg": wo,
+  "/src/assets/icons/shield-with-tick.svg": yo,
+  "/src/assets/icons/shield.svg": Po,
+  "/src/assets/icons/shipment-private.svg": No,
+  "/src/assets/icons/shipment.svg": Co,
+  "/src/assets/icons/sidebar.svg": Oo,
+  "/src/assets/icons/signature-field.svg": $o,
+  "/src/assets/icons/signer.svg": Eo,
+  "/src/assets/icons/slideout.svg": So,
+  "/src/assets/icons/sms.svg": To,
+  "/src/assets/icons/sort-asc.svg": jo,
+  "/src/assets/icons/sort-desc.svg": Lo,
+  "/src/assets/icons/sort.svg": Ro,
+  "/src/assets/icons/space.svg": Fo,
+  "/src/assets/icons/stamp-field.svg": Bo,
+  "/src/assets/icons/stop.svg": Do,
+  "/src/assets/icons/success-check.svg": Mo,
+  "/src/assets/icons/tag.svg": qo,
+  "/src/assets/icons/text-field.svg": Go,
+  "/src/assets/icons/tick.svg": Vo,
+  "/src/assets/icons/title-field.svg": Ho,
+  "/src/assets/icons/upload-csv.svg": Jo,
+  "/src/assets/icons/views.svg": Ko,
+  "/src/assets/icons/warning.svg": Qo,
+  "/src/assets/icons/webinar-widget.svg": Uo,
+  "/src/assets/icons/white-close.svg": Wo,
+  "/src/assets/icons/widget-demo-image.svg": Xo
 }), 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);
   });
-}, s_ = /* @__PURE__ */ a.forwardRef((s, t) => {
+}, o_ = /* @__PURE__ */ a.forwardRef((s, t) => {
   const {
     name: o = "",
     id: _,
@@ -289,7 +291,7 @@ const zo = /* @__PURE__ */ Object.assign({
     225: "rotate-[225deg]",
     270: "-rotate-90",
     315: "-rotate-45"
-  }, v = zo[`/src/assets/icons/${o}.svg`];
+  }, v = s_[`/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, {
@@ -297,13 +299,13 @@ const zo = /* @__PURE__ */ Object.assign({
     role: $,
     tabIndex: E,
     isDisabled: S
-  } = Zo({
+  } = zo({
     isNative: !1,
     onClick: i ? (r) => g?.(r) : void 0,
     disabled: i ? y : !1,
     tabIndex: s.tabIndex ?? 0,
     stopPropagation: w
-  }), n = Yo({
+  }), n = Zo({
     ariaLabel: C,
     ariaLabelledBy: b,
     ariaDescribedBy: p
@@ -327,7 +329,7 @@ const zo = /* @__PURE__ */ Object.assign({
     ...n
   }, {
     "data-automation-id": s?.automationId
-  }), /* @__PURE__ */ a.createElement(Xo, {
+  }), /* @__PURE__ */ a.createElement(Yo, {
     src: v,
     wrapper: "span",
     beforeInjection: (r) => {
@@ -335,8 +337,8 @@ const zo = /* @__PURE__ */ Object.assign({
     }
   }));
 });
-s_.displayName = "Icon";
+o_.displayName = "Icon";
 export {
-  s_ as Icon
+  o_ 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/index60.js

@@ -1,4 +1,4 @@
-import t from "react";
+import a from "react";
 /* empty css         */
 const n = ({
   element: e,
@@ -15,12 +15,12 @@ const n = ({
     "--shimmer-base-color": s,
     "--shimmer-highlight-color": m
   }, r = `se-design-shimmer-element se-design-shimmer-${e.type}`;
-  return /* @__PURE__ */ t.createElement("div", {
+  return /* @__PURE__ */ a.createElement("div", {
     className: r,
     style: i
-  }, e.children && e.children.map((a, p) => /* @__PURE__ */ t.createElement(n, {
+  }, e.children && e.children.map((t, p) => /* @__PURE__ */ a.createElement(n, {
     key: p,
-    element: a,
+    element: t,
     animationDuration: d,
     baseColor: s,
     highlightColor: m
@@ -40,48 +40,48 @@ const n = ({
     alignItems: e.alignItems,
     flex: e.flex
   };
-  return /* @__PURE__ */ t.createElement("div", {
+  return /* @__PURE__ */ a.createElement("div", {
     className: `se-design-shimmer-container ${e.className || ""}`,
     style: i
-  }, e.children.map((r, a) => r.type === "container" ? /* @__PURE__ */ t.createElement(y, {
-    key: a,
+  }, e.children.map((r, t) => r.type === "container" ? /* @__PURE__ */ a.createElement(y, {
+    key: t,
     container: r,
     animationDuration: d,
     baseColor: s,
     highlightColor: m
-  }) : /* @__PURE__ */ t.createElement(n, {
-    key: a,
+  }) : /* @__PURE__ */ a.createElement(n, {
+    key: t,
     element: r,
     animationDuration: d,
     baseColor: s,
     highlightColor: m
   })));
-}, l = ({
+}, g = ({
   structure: e,
   className: d = "",
   animationDuration: s = 3,
   baseColor: m = "var(--color-gray-700)",
   highlightColor: i = "var(--color-gray-600)",
   width: r,
-  height: a
+  height: t
 }) => {
   const p = {
     width: r ? typeof r == "number" ? `${r}px` : r : "100%",
-    height: a ? typeof a == "number" ? `${a}px` : a : "auto",
+    height: t ? typeof t == "number" ? `${t}px` : t : "auto",
     "--shimmer-duration": `${s}s`,
     "--shimmer-base-color": m,
     "--shimmer-highlight-color": i
   };
-  return /* @__PURE__ */ t.createElement("div", {
+  return /* @__PURE__ */ a.createElement("div", {
     className: `se-design-shimmer-loader ${d}`,
     style: p
-  }, e.map((c, o) => c.type === "container" ? /* @__PURE__ */ t.createElement(y, {
+  }, e.map((c, o) => c.type === "container" ? /* @__PURE__ */ a.createElement(y, {
     key: o,
     container: c,
     animationDuration: s,
     baseColor: m,
     highlightColor: i
-  }) : /* @__PURE__ */ t.createElement(n, {
+  }) : /* @__PURE__ */ a.createElement(n, {
     key: o,
     element: c,
     animationDuration: s,
@@ -90,7 +90,6 @@ const n = ({
   })));
 };
 export {
-  l as ShimmerLoader,
-  l as default
+  g as ShimmerLoader
 };
 //# sourceMappingURL=index60.js.map

package/dist/index62.js

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

package/dist/index64.js

@@ -1,89 +1,95 @@
-import e, { useRef as S, useState as f } from "react";
-import { CustomModal as T } from "./index13.js";
-import { Icon as v } from "./index6.js";
+import e, { useRef as T, useState as g } from "react";
+import { CustomModal as C } from "./index13.js";
+import { Icon as E } from "./index6.js";
 /* empty css         */
-const C = ({
-  children: c = null,
+const M = ({
+  children: l = null,
   title: n = "",
   onClose: s = () => {
   },
-  showCloseIcon: l = !1,
+  showCloseIcon: m = !1,
   showBackButton: a = !1,
-  onBack: m = () => {
+  onBack: i = () => {
   },
-  className: i = "",
+  className: u = "",
   automationId: r = "",
-  minHeight: u = "auto"
+  minHeight: d = "auto",
+  maxHeight: c = ""
 }) => {
-  const t = S(null), [g, p] = f(0), [E, h] = f(0), [b, Y] = f(!1), k = (o) => {
-    p(o.touches[0].clientY), h(o.touches[0].clientY), Y(!0);
-  }, N = (o) => {
-    if (!b) return;
-    const d = o.touches[0].clientY, x = d - g;
-    x > 0 && (h(d), t.current && (t.current.style.transform = `translateY(${x}px)`));
-  }, y = () => {
-    if (!b) return;
-    E - g > 60 ? s() : t.current && (t.current.style.transform = "translateY(0)"), Y(!1), p(0), h(0);
+  const t = T(null), [p, b] = g(0), [k, h] = g(0), [Y, x] = g(!1), N = (o) => {
+    b(o.touches[0].clientY), h(o.touches[0].clientY), x(!0);
+  }, y = (o) => {
+    if (!Y) return;
+    const f = o.touches[0].clientY, v = f - p;
+    v > 0 && (h(f), t.current && (t.current.style.transform = `translateY(${v}px)`));
+  }, S = () => {
+    if (!Y) return;
+    k - p > 60 ? s() : t.current && (t.current.style.transform = "translateY(0)"), x(!1), b(0), h(0);
   };
   return /* @__PURE__ */ e.createElement("div", {
     ref: t,
-    className: `se-design-bottom-sheet relative h-max max-h-[98vh] rounded-t-2xl flex flex-col pt-5 ${i}`,
+    className: `se-design-bottom-sheet relative h-max max-h-[98vh] rounded-t-2xl flex flex-col pt-5 ${u}`,
     onClick: (o) => o.stopPropagation(),
-    onTouchStart: k,
-    onTouchMove: N,
-    onTouchEnd: y,
+    onTouchStart: N,
+    onTouchMove: y,
+    onTouchEnd: S,
     "data-automation-id": r,
     style: {
-      minHeight: u
+      minHeight: d,
+      ...c ? {
+        maxHeight: c
+      } : {}
     }
   }, (n || a) && /* @__PURE__ */ e.createElement("div", {
     className: "se-design-bottom-sheet-header flex items-center justify-left gap-3 mr-6 px-4"
-  }, a && /* @__PURE__ */ e.createElement(v, {
+  }, a && /* @__PURE__ */ e.createElement(E, {
     name: "back",
     stroke: "var(--color-gray-700)",
-    onClick: m,
+    onClick: i,
     className: "se-design-bottom-sheet-back-icon cursor-pointer",
     automationId: `${r}-back-icon`
   }), n && /* @__PURE__ */ e.createElement("div", {
     className: "se-design-bottom-sheet-title text-lg font-semibold"
-  }, n)), l && /* @__PURE__ */ e.createElement(v, {
+  }, n)), m && /* @__PURE__ */ e.createElement(E, {
     name: "close",
     onClick: s,
     className: "se-design-bottom-sheet-close-icon absolute top-6 right-4 cursor-pointer z-10",
     automationId: `${r}-close-icon`
   }), /* @__PURE__ */ e.createElement("div", {
     className: "se-design-bottom-sheet-content px-4 pb-5 flex-1 min-h-0 overflow-y-auto"
-  }, c));
-}, I = ({
-  isOpen: c = !1,
+  }, l));
+}, _ = ({
+  isOpen: l = !1,
   title: n = "",
   onClose: s = () => {
   },
-  children: l = null,
+  children: m = null,
   showCloseIcon: a = !0,
-  showBackButton: m = !1,
-  onBack: i = () => {
+  showBackButton: i = !1,
+  onBack: u = () => {
   },
   className: r = "",
-  automationId: u = "bottomsheet",
-  minHeight: t = ""
-}) => /* @__PURE__ */ e.createElement(T, {
-  isOpen: c,
+  automationId: d = "bottomsheet",
+  minHeight: c = "",
+  maxHeight: t = ""
+}) => /* @__PURE__ */ e.createElement(C, {
+  isOpen: l,
   onClose: s,
   onModalClick: s,
   className: "custom-bottom-sheet",
-  renderModalContent: () => /* @__PURE__ */ e.createElement(C, {
+  renderModalContent: () => /* @__PURE__ */ e.createElement(M, {
     title: n,
     onClose: s,
     showCloseIcon: a,
-    showBackButton: m,
-    onBack: i,
+    showBackButton: i,
+    onBack: u,
     className: r,
-    automationId: u,
-    minHeight: t
-  }, l)
+    automationId: d,
+    minHeight: c,
+    maxHeight: t
+  }, m)
 });
 export {
-  I as BottomSheet
+  _ as BottomSheet
 };
 //# sourceMappingURL=index64.js.map

package/dist/index64.js.map

@@ -1 +1 @@
-{"version":3,"file":"index64.js","sources":["../src/components/BottomSheet/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef } from 'react';\nimport { CustomModal } from '../CustomModal';\nimport { Icon } from '../Icon';\n\nimport './style.scss';\n\nexport interface BottomSheetProps {\n  isOpen: boolean;\n  title?: string;\n  onClose: () => void;\n  showCloseIcon?: boolean;\n  showBackButton?: boolean;\n  onBack?: () => void;\n  children: React.ReactNode;\n  className?: string;\n  automationId?: string;\n  minHeight?: string;\n}\n\ninterface BottomSheetContentProps {\n  title?: string;\n  onClose: () => void;\n  showCloseIcon?: boolean;\n  showBackButton?: boolean;\n  onBack?: () => void;\n  children: React.ReactNode;\n  className?: string;\n  automationId?: string;\n  minHeight?: string;\n}\n\nconst BottomSheetContent: FC<BottomSheetContentProps> = ({\n  children = null,\n  title = '',\n  onClose = () => {},\n  showCloseIcon = false,\n  showBackButton = false,\n  onBack = () => {},\n  className = '',\n  automationId = '',\n  minHeight = 'auto'\n}) => {\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [startY, setStartY] = useState<number>(0);\n  const [currentY, setCurrentY] = useState<number>(0);\n  const [isDragging, setIsDragging] = useState<boolean>(false);\n\n  const handleTouchStart = (e: React.TouchEvent) => {\n    setStartY(e.touches[0].clientY);\n    setCurrentY(e.touches[0].clientY);\n    setIsDragging(true);\n  };\n\n  const handleTouchMove = (e: React.TouchEvent) => {\n    if (!isDragging) return;\n\n    const touchY = e.touches[0].clientY;\n    const deltaY = touchY - startY;\n\n    // Only allow dragging down\n    if (deltaY > 0) {\n      setCurrentY(touchY);\n      if (contentRef.current) {\n        contentRef.current.style.transform = `translateY(${deltaY}px)`;\n      }\n    }\n  };\n\n  const handleTouchEnd = () => {\n    if (!isDragging) return;\n\n    const deltaY = currentY - startY;\n    const threshold = 60; // pixels to swipe down to trigger close\n\n    if (deltaY > threshold) {\n      // Trigger close\n      onClose();\n    } else {\n      // Reset position\n      if (contentRef.current) {\n        contentRef.current.style.transform = 'translateY(0)';\n      }\n    }\n\n    setIsDragging(false);\n    setStartY(0);\n    setCurrentY(0);\n  };\n\n  return (\n    <div\n      ref={contentRef}\n      className={`se-design-bottom-sheet relative h-max max-h-[98vh] rounded-t-2xl flex flex-col pt-5 ${className}`}\n      onClick={(e) => e.stopPropagation()}\n      onTouchStart={handleTouchStart}\n      onTouchMove={handleTouchMove}\n      onTouchEnd={handleTouchEnd}\n      data-automation-id={automationId}\n      style={{ minHeight }}\n    >\n      {(title || showBackButton) && (\n        <div className=\"se-design-bottom-sheet-header flex items-center justify-left gap-3 mr-6 px-4\">\n          {showBackButton && (\n            <Icon\n              name=\"back\"\n              stroke=\"var(--color-gray-700)\"\n              onClick={onBack}\n              className=\"se-design-bottom-sheet-back-icon cursor-pointer\"\n              automationId={`${automationId}-back-icon`}\n            />\n          )}\n          {title && <div className=\"se-design-bottom-sheet-title text-lg font-semibold\">{title}</div>}\n        </div>\n      )}\n      {showCloseIcon && (\n        <Icon\n          name=\"close\"\n          onClick={onClose}\n          className=\"se-design-bottom-sheet-close-icon absolute top-6 right-4 cursor-pointer z-10\"\n          automationId={`${automationId}-close-icon`}\n        />\n      )}\n      <div className=\"se-design-bottom-sheet-content px-4 pb-5 flex-1 min-h-0 overflow-y-auto\">{children}</div>\n    </div>\n  );\n};\n\nexport const BottomSheet: FC<BottomSheetProps> = ({\n  isOpen = false,\n  title = '',\n  onClose = () => {},\n  children = null,\n  showCloseIcon = true,\n  showBackButton = false,\n  onBack = () => {},\n  className = '',\n  automationId = 'bottomsheet',\n  minHeight = ''\n}) => {\n  return (\n    <CustomModal\n      isOpen={isOpen}\n      onClose={onClose}\n      onModalClick={onClose}\n      className=\"custom-bottom-sheet\"\n      renderModalContent={() => (\n        <BottomSheetContent\n          title={title}\n          onClose={onClose}\n          showCloseIcon={showCloseIcon}\n          showBackButton={showBackButton}\n          onBack={onBack}\n          className={className}\n          automationId={automationId}\n          minHeight={minHeight}\n        >\n          {children}\n        </BottomSheetContent>\n      )}\n    />\n  );\n};\n"],"names":["BottomSheetContent","children","title","onClose","showCloseIcon","showBackButton","onBack","className","automationId","minHeight","contentRef","useRef","startY","setStartY","useState","currentY","setCurrentY","isDragging","setIsDragging","handleTouchStart","e","touches","clientY","handleTouchMove","touchY","deltaY","current","style","transform","handleTouchEnd","React","createElement","ref","onClick","stopPropagation","onTouchStart","onTouchMove","onTouchEnd","Icon","name","stroke","BottomSheet","isOpen","CustomModal","onModalClick","renderModalContent"],"mappings":"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"}
+{"version":3,"file":"index64.js","sources":["../src/components/BottomSheet/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef } from 'react';\nimport { CustomModal } from '../CustomModal';\nimport { Icon } from '../Icon';\n\nimport './style.scss';\n\nexport interface BottomSheetProps {\n  isOpen: boolean;\n  title?: string;\n  onClose: () => void;\n  showCloseIcon?: boolean;\n  showBackButton?: boolean;\n  onBack?: () => void;\n  children: React.ReactNode;\n  className?: string;\n  automationId?: string;\n  minHeight?: string;\n  maxHeight?: string;\n}\n\ninterface BottomSheetContentProps {\n  title?: string;\n  onClose: () => void;\n  showCloseIcon?: boolean;\n  showBackButton?: boolean;\n  onBack?: () => void;\n  children: React.ReactNode;\n  className?: string;\n  automationId?: string;\n  minHeight?: string;\n  maxHeight?: string;\n}\n\nconst BottomSheetContent: FC<BottomSheetContentProps> = ({\n  children = null,\n  title = '',\n  onClose = () => {},\n  showCloseIcon = false,\n  showBackButton = false,\n  onBack = () => {},\n  className = '',\n  automationId = '',\n  minHeight = 'auto',\n  maxHeight = ''\n}) => {\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [startY, setStartY] = useState<number>(0);\n  const [currentY, setCurrentY] = useState<number>(0);\n  const [isDragging, setIsDragging] = useState<boolean>(false);\n\n  const handleTouchStart = (e: React.TouchEvent) => {\n    setStartY(e.touches[0].clientY);\n    setCurrentY(e.touches[0].clientY);\n    setIsDragging(true);\n  };\n\n  const handleTouchMove = (e: React.TouchEvent) => {\n    if (!isDragging) return;\n\n    const touchY = e.touches[0].clientY;\n    const deltaY = touchY - startY;\n\n    // Only allow dragging down\n    if (deltaY > 0) {\n      setCurrentY(touchY);\n      if (contentRef.current) {\n        contentRef.current.style.transform = `translateY(${deltaY}px)`;\n      }\n    }\n  };\n\n  const handleTouchEnd = () => {\n    if (!isDragging) return;\n\n    const deltaY = currentY - startY;\n    const threshold = 60; // pixels to swipe down to trigger close\n\n    if (deltaY > threshold) {\n      // Trigger close\n      onClose();\n    } else {\n      // Reset position\n      if (contentRef.current) {\n        contentRef.current.style.transform = 'translateY(0)';\n      }\n    }\n\n    setIsDragging(false);\n    setStartY(0);\n    setCurrentY(0);\n  };\n\n  return (\n    <div\n      ref={contentRef}\n      className={`se-design-bottom-sheet relative h-max max-h-[98vh] rounded-t-2xl flex flex-col pt-5 ${className}`}\n      onClick={(e) => e.stopPropagation()}\n      onTouchStart={handleTouchStart}\n      onTouchMove={handleTouchMove}\n      onTouchEnd={handleTouchEnd}\n      data-automation-id={automationId}\n      style={{ minHeight, ...(maxHeight ? { maxHeight } : {}) }}\n    >\n      {(title || showBackButton) && (\n        <div className=\"se-design-bottom-sheet-header flex items-center justify-left gap-3 mr-6 px-4\">\n          {showBackButton && (\n            <Icon\n              name=\"back\"\n              stroke=\"var(--color-gray-700)\"\n              onClick={onBack}\n              className=\"se-design-bottom-sheet-back-icon cursor-pointer\"\n              automationId={`${automationId}-back-icon`}\n            />\n          )}\n          {title && <div className=\"se-design-bottom-sheet-title text-lg font-semibold\">{title}</div>}\n        </div>\n      )}\n      {showCloseIcon && (\n        <Icon\n          name=\"close\"\n          onClick={onClose}\n          className=\"se-design-bottom-sheet-close-icon absolute top-6 right-4 cursor-pointer z-10\"\n          automationId={`${automationId}-close-icon`}\n        />\n      )}\n      <div className=\"se-design-bottom-sheet-content px-4 pb-5 flex-1 min-h-0 overflow-y-auto\">{children}</div>\n    </div>\n  );\n};\n\nexport const BottomSheet: FC<BottomSheetProps> = ({\n  isOpen = false,\n  title = '',\n  onClose = () => {},\n  children = null,\n  showCloseIcon = true,\n  showBackButton = false,\n  onBack = () => {},\n  className = '',\n  automationId = 'bottomsheet',\n  minHeight = '',\n  maxHeight = ''\n}) => {\n  return (\n    <CustomModal\n      isOpen={isOpen}\n      onClose={onClose}\n      onModalClick={onClose}\n      className=\"custom-bottom-sheet\"\n      renderModalContent={() => (\n        <BottomSheetContent\n          title={title}\n          onClose={onClose}\n          showCloseIcon={showCloseIcon}\n          showBackButton={showBackButton}\n          onBack={onBack}\n          className={className}\n          automationId={automationId}\n          minHeight={minHeight}\n          maxHeight={maxHeight}\n        >\n          {children}\n        </BottomSheetContent>\n      )}\n    />\n  );\n};\n"],"names":["BottomSheetContent","children","title","onClose","showCloseIcon","showBackButton","onBack","className","automationId","minHeight","maxHeight","contentRef","useRef","startY","setStartY","useState","currentY","setCurrentY","isDragging","setIsDragging","handleTouchStart","e","touches","clientY","handleTouchMove","touchY","deltaY","current","style","transform","handleTouchEnd","React","createElement","ref","onClick","stopPropagation","onTouchStart","onTouchMove","onTouchEnd","Icon","name","stroke","BottomSheet","isOpen","CustomModal","onModalClick","renderModalContent"],"mappings":"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"}

package/dist/index66.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 "./index212.js";
+import { useStableId as k } from "./index213.js";
 /* empty css         */
 function p() {
   return p = Object.assign ? Object.assign.bind() : function(r) {

package/dist/index68.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 "./index231.js";
+import { debounce as lt } from "./index232.js";
 const q = 500, S = 50, U = 150, st = {
   "top-left": {
     rotate: "315",