se-design 1.0.59 → 1.0.61-dev

package/dist/index63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index63.js","sources":["../src/components/Paywall/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useRef } from 'react';\nimport { Button } from 'src/components/Button';\nimport { Badge } from 'src/components/Badge';\nimport { Icon } from 'src/components/Icon';\nimport { Link } from 'src/components/Link';\nimport { CustomModal } from 'src/components/CustomModal';\nimport { useFocusTrap } from 'src/utils/a11y';\nimport { useStableId } from 'src/utils/useStableId';\nimport './style.scss';\n\n/** Variant: with bullet points list, or description only */\nexport type PaywallVariant = 'with-points' | 'description-only';\n\n/** Size: small (656×384) or large (768×500) – sets modal dimensions and media panel proportion */\nexport type PaywallSize = 'sm' | 'lg';\n\n/** Feature list item: plain string (uses default/list icon) or object with text and optional per-item icon */\nexport type PaywallFeatureItem = string | { text: string; icon?: ReactNode };\n\nconst PAYWALL_SIZE_DIMENSIONS: Record<PaywallSize, { width: string; height: string }> = {\n  lg: { width: '768px', height: '500px' },\n  sm: { width: '656px', height: '384px' },\n};\n\nexport interface PaywallProps {\n  isOpen: boolean;\n  onClose: () => void;\n  trigger?: ReactNode;\n  modalWidth?: string;\n  modalHeight?: string;\n  variant: PaywallVariant;\n  size?: PaywallSize;\n  availabilityLabel?: string;\n  availabilityBadgeText: string;\n  title: string;\n  description: string;\n  learnMoreLinkText?: string;\n  learnMoreHref?: string;\n  onLearnMoreClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;\n  featureListDesc?: string;\n  featuresList?: PaywallFeatureItem[];\n  featureItemIcon?: ReactNode;\n  mediaContent?: ReactNode;\n  laterButtonText: string;\n  purchaseButtonText: string;\n  onLaterClick?: () => void;\n  onPurchaseClick?: () => void;\n  className?: string;\n  modalContentClassName?: string;\n  automationId?: string;\n  id?: string;\n}\n\n/** Paywall – always shown in a modal. Pass isOpen/onClose and optionally a trigger. */\nexport const Paywall: FC<PaywallProps> = ({\n  isOpen,\n  onClose,\n  trigger,\n  modalWidth,\n  modalHeight,\n  variant,\n  size = 'lg',\n  availabilityLabel = 'Available on ',\n  availabilityBadgeText,\n  title,\n  description,\n  learnMoreLinkText,\n  learnMoreHref,\n  onLearnMoreClick,\n  featureListDesc,\n  featuresList = [],\n  featureItemIcon,\n  mediaContent,\n  laterButtonText,\n  purchaseButtonText,\n  onLaterClick,\n  onPurchaseClick,\n  className = '',\n  modalContentClassName = '',\n  automationId = '',\n  id: providedId,\n}) => {\n  const modalRef = useRef<HTMLDivElement>(null);\n  const titleId = useStableId(providedId, 'paywall-title');\n\n  useFocusTrap({\n    enabled: isOpen,\n    containerRef: modalRef,\n    restoreFocus: true,\n    initialFocus: '.paywall-card-btn-later',\n  });\n\n  const handleLaterClick = () => {\n    onLaterClick?.();\n    onClose();\n  };\n\n  const dimensions = PAYWALL_SIZE_DIMENSIONS[size];\n  const width = modalWidth ?? dimensions.width;\n  const height = modalHeight ?? dimensions.height;\n\n  const withPoints = variant === 'with-points' && size === 'lg';\n  const normalizedFeatures = featuresList.map((item): { text: string; icon?: ReactNode } =>\n    typeof item === 'string' ? { text: item } : { text: item.text, icon: item.icon }\n  );\n  const showFeatures = withPoints && normalizedFeatures.length > 0;\n  const defaultIcon = featureItemIcon ?? <Icon name=\"info\" aria-hidden />;\n\n  const content = (\n    <section\n      className={`paywall paywall-ctn paywall-ctn--${size} ${className}`}\n      data-automation-id={automationId}\n    >\n      <div className=\"paywall-card\">\n        <div className=\"paywall-card-content\">\n          <span className=\"paywall-card-availability\">\n            <span className=\"paywall-card-availability-label\">{availabilityLabel}</span>\n            <Badge\n              label={availabilityBadgeText}\n              className=\"paywall-card-badge\"\n              bgColor=\"var(--color-yellow-100)\"\n              textColor=\"var(--color-yellow-700)\"\n            />\n          </span>\n          <h3 id={titleId} className=\"paywall-card-title\">{title}</h3>\n          <p className=\"paywall-card-description\">\n            {description}\n            {learnMoreLinkText && learnMoreHref && (\n                <Link\n                  href={learnMoreHref}\n                  label={learnMoreLinkText}\n                  external\n                  className=\"paywall-card-learn-more\"\n                  onClick={onLearnMoreClick}\n                />\n            )}\n          </p>\n          {withPoints && featureListDesc && (\n            <p className=\"paywall-card-features-intro\">{featureListDesc}</p>\n          )}\n          {showFeatures && (\n            <ul className=\"paywall-card-features-list\">\n              {normalizedFeatures.map((item) => (\n                <li key={item.text} className=\"paywall-card-feature-item\">\n                  <span className=\"paywall-card-feature-icon\" aria-hidden>\n                    {item.icon ?? defaultIcon}\n                  </span>\n                  <span>{item.text}</span>\n                </li>\n              ))}\n            </ul>\n          )}\n          <div className=\"paywall-card-actions\">\n            <Button\n              type=\"ghost\"\n              size=\"md\"\n              label={laterButtonText}\n              onClick={handleLaterClick}\n              className=\"paywall-card-btn-later\"\n            />\n            <Button\n              type=\"primary\"\n              size=\"md\"\n              label={purchaseButtonText}\n              onClick={onPurchaseClick}\n              className=\"paywall-card-btn-purchase\"\n            />\n          </div>\n        </div>\n        <div className=\"paywall-card-media\">\n          {mediaContent}\n        </div>\n      </div>\n    </section>\n  );\n\n  const modalContent = (\n    <div\n      ref={modalRef}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={titleId}\n      className={`paywall-modal-content ${modalContentClassName}`}\n      style={{ height, minHeight: height }}\n    >\n      {content}\n    </div>\n  );\n\n  return (\n    <>\n      {trigger && <span className=\"paywall-trigger\">{trigger}</span>}\n      <CustomModal\n        isOpen={isOpen}\n        onModalClick={() => {}}\n        renderModalContent={() => modalContent}\n        width={width}\n        contentClassName=\"paywall-modal-content-wrapper\"\n        automationId={automationId}\n      />\n    </>\n  );\n};\n\nexport default Paywall;\n"],"names":["React__default","useRef","Button","Badge","Icon","Link","CustomModal","useFocusTrap","useStableId","PAYWALL_SIZE_DIMENSIONS","lg","width","height","sm","Paywall","isOpen","onClose","trigger","modalWidth","modalHeight","variant","size","availabilityLabel","availabilityBadgeText","title","description","learnMoreLinkText","learnMoreHref","onLearnMoreClick","featureListDesc","featuresList","featureItemIcon","mediaContent","laterButtonText","purchaseButtonText","onLaterClick","onPurchaseClick","className","modalContentClassName","automationId","id","providedId","modalRef","titleId","enabled","containerRef","restoreFocus","initialFocus","handleLaterClick","dimensions","withPoints","normalizedFeatures","map","item","text","icon","showFeatures","length","defaultIcon","React","createElement","name","content","label","bgColor","textColor","href","external","onClick","key","type","modalContent","ref","role","style","minHeight","Fragment","onModalClick","renderModalContent","contentClassName"],"mappings":"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"}
+{"version":3,"file":"index63.js","sources":["../src/components/Link/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { getA11yNameAttributes } from '../../utils/a11y';\nimport './style.scss';\n\n/**\n * Allows native anchor attributes (aria-*, data-*, etc.) to be passed through,\n * but keeps our own href/onClick/aria-label/aria-labelledby/aria-describedby typing.\n */\ntype NativeAnchorProps = Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  'href' | 'onClick' | 'target' | 'rel' | 'aria-label' | 'aria-labelledby' | 'aria-describedby'\n>;\n\nexport interface LinkProps extends NativeAnchorProps {\n  /**\n   * URL to navigate to (required for actual links)\n   */\n  href: string;\n  /**\n   * Link text content (string only)\n   */\n  label: string;\n  /**\n   * If true, automatically adds target=\"_blank\" and rel=\"noopener noreferrer\"\n   * Also appends \" (opens in a new tab)\" to aria-label for screen readers\n   */\n  external?: boolean;\n  /**\n   * Accessible name for the link. Use when link text is generic or unclear.\n   * Prefer ariaLabelledBy when a visible label exists.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of element(s) that label this link.\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 link.\n   * Provides additional context announced after the accessible name.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Click handler (e.g., for analytics tracking)\n   */\n  onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;\n  /**\n   * Custom class name\n   */\n  className?: string;\n  /**\n   * Automation ID for testing\n   */\n  automationId?: string;\n  /**\n   * Override target (if you need something other than \"_blank\" for external links).\n   * Note: If external={true} and target is provided, the provided target will be used.\n   */\n  target?: string;\n  /**\n   * Override rel (if you need something other than \"noopener noreferrer\" for external links).\n   * Note: If external={true} and rel is provided, the provided rel will be used.\n   */\n  rel?: string;\n}\n\nconst EXTERNAL_LINK_ARIA_SUFFIX = ' (opens in a new tab)';\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      href,\n      label,\n      external = false,\n      className = '',\n      automationId = '',\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      onClick,\n      target,\n      rel,\n      ...props\n    },\n    ref\n  ) => {\n    // Handle external link attributes\n    // If external={true}, default to target=\"_blank\" and rel=\"noopener noreferrer\"\n    // Explicit target/rel props can override these defaults\n    const targetAttr = external ? (target ?? '_blank') : target;\n    const relAttr = external ? (rel ?? 'noopener noreferrer') : rel;\n\n    // Compute accessible name/description props with correct precedence\n    // Precedence: ariaLabelledBy > ariaLabel > visible text content\n    const accessibleNameProps = getA11yNameAttributes({\n      // External link aria-label enhancement for screen readers:\n      // When external={true}, always append \"(opens in a new tab)\"\n      ariaLabel:\n        external ? `${ariaLabel ?? label}${EXTERNAL_LINK_ARIA_SUFFIX}` : ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy\n    });\n\n    const linkClassName = ['se-design-link', 'focus-outline', 'focus-visible:underline', className]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={targetAttr}\n        rel={relAttr}\n        className={linkClassName}\n        data-automation-id={automationId}\n        onClick={onClick}\n        {...props}\n        {...accessibleNameProps}\n      >\n        {label}\n      </a>\n    );\n  }\n);\n\nLink.displayName = 'Link';\n"],"names":["EXTERNAL_LINK_ARIA_SUFFIX","Link","href","label","external","className","automationId","ariaLabel","ariaLabelledBy","ariaDescribedBy","onClick","target","rel","props","ref","targetAttr","relAttr","accessibleNameProps","getA11yNameAttributes","linkClassName","filter","Boolean","join","React","createElement","_extends","displayName"],"mappings":";;;;;;;;;;;;AAkEA,MAAMA,IAA4B,yBAErBC,sBACX,CACE;AAAA,EACEC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACA,GAAGC;AACL,GACAC,MACG;AAIH,QAAMC,IAAaX,IAAYO,KAAU,WAAYA,GAC/CK,IAAUZ,IAAYQ,KAAO,wBAAyBA,GAItDK,IAAsBC,EAAsB;AAAA;AAAA;AAAA,IAGhDX,WACEH,IAAW,GAAGG,KAAaJ,CAAK,GAAGH,CAAyB,KAAKO;AAAAA,IACnEC,gBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,EAAAA,CACD,GAEKU,IAAgB,CAAC,kBAAkB,iBAAiB,2BAA2Bd,CAAS,EAC3Fe,OAAOC,OAAO,EACdC,KAAK,GAAG;AAEX,SACEC,gBAAAA,EAAAC,cAAA,KAAAC,EAAA;AAAA,IACEX,KAAAA;AAAAA,IACAZ,MAAAA;AAAAA,IACAS,QAAQI;AAAAA,IACRH,KAAKI;AAAAA,IACLX,WAAWc;AAAAA,IACX,sBAAoBb;AAAAA,IACpBI,SAAAA;AAAAA,EAAAA,GACIG,GACAI,CAAmB,GAEtBd,CACA;AAEP,CACF;AAEAF,EAAKyB,cAAc;"}

package/dist/index64.js

@@ -1,15 +1,143 @@
-function i({
-  titleId: r,
-  descriptionId: t,
-  isFocusable: a = !1
-}) {
-  const e = {
-    role: "region",
-    "aria-labelledby": r
-  };
-  return t && (e["aria-describedby"] = t), a && (e.tabIndex = -1), e;
-}
+import a, { useRef as j } from "react";
+import { Button as u } from "./index3.js";
+import { Badge as q } from "./index9.js";
+import { Icon as D } from "./index5.js";
+import { Link as G } from "./index63.js";
+import { CustomModal as H } from "./index12.js";
+import { useFocusTrap as J } from "./index224.js";
+import { useStableId as K } from "./index184.js";
+/* empty css         */
+const O = {
+  lg: {
+    width: "768px",
+    height: "500px"
+  },
+  sm: {
+    width: "656px",
+    height: "384px"
+  }
+}, ca = ({
+  isOpen: t,
+  onClose: E,
+  trigger: c,
+  modalWidth: h,
+  modalHeight: N,
+  variant: f,
+  size: l = "lg",
+  availabilityLabel: b = "Available on ",
+  availabilityBadgeText: g,
+  title: x,
+  description: C,
+  learnMoreLinkText: n,
+  learnMoreHref: r,
+  onLearnMoreClick: v,
+  featureListDesc: o,
+  featuresList: k = [],
+  featureItemIcon: F,
+  mediaContent: I,
+  laterButtonText: R,
+  purchaseButtonText: S,
+  onLaterClick: _,
+  onPurchaseClick: A,
+  className: P = "",
+  modalContentClassName: $ = "",
+  automationId: s = "",
+  id: B
+}) => {
+  const m = j(null), i = K(B, "paywall-title");
+  J({
+    enabled: t,
+    containerRef: m,
+    restoreFocus: !0,
+    initialFocus: ".paywall-card-btn-later"
+  });
+  const L = () => {
+    _?.(), E();
+  }, d = O[l], M = h ?? d.width, p = N ?? d.height, y = f === "with-points" && l === "lg", w = k.map((e) => typeof e == "string" ? {
+    text: e
+  } : {
+    text: e.text,
+    icon: e.icon
+  }), z = y && w.length > 0, W = F ?? /* @__PURE__ */ a.createElement(D, {
+    name: "info"
+  }), Y = /* @__PURE__ */ a.createElement("section", {
+    className: `paywall paywall-ctn paywall-ctn--${l} ${P}`,
+    "data-automation-id": s
+  }, /* @__PURE__ */ a.createElement("div", {
+    className: "paywall-card"
+  }, /* @__PURE__ */ a.createElement("div", {
+    className: "paywall-card-content"
+  }, /* @__PURE__ */ a.createElement("span", {
+    className: "paywall-card-availability"
+  }, /* @__PURE__ */ a.createElement("span", {
+    className: "paywall-card-availability-label"
+  }, b), /* @__PURE__ */ a.createElement(q, {
+    label: g,
+    className: "paywall-card-badge",
+    bgColor: "var(--color-yellow-100)",
+    textColor: "var(--color-yellow-700)"
+  })), /* @__PURE__ */ a.createElement("h3", {
+    id: i,
+    className: "paywall-card-title"
+  }, x), /* @__PURE__ */ a.createElement("p", {
+    className: "paywall-card-description"
+  }, C, n && r && /* @__PURE__ */ a.createElement(G, {
+    href: r,
+    label: n,
+    external: !0,
+    className: "paywall-card-learn-more",
+    onClick: v
+  })), y && o && /* @__PURE__ */ a.createElement("p", {
+    className: "paywall-card-features-intro"
+  }, o), z && /* @__PURE__ */ a.createElement("ul", {
+    className: "paywall-card-features-list"
+  }, w.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.text)))), /* @__PURE__ */ a.createElement("div", {
+    className: "paywall-card-actions"
+  }, /* @__PURE__ */ a.createElement(u, {
+    type: "ghost",
+    size: "md",
+    label: R,
+    onClick: L,
+    className: "paywall-card-btn-later"
+  }), /* @__PURE__ */ a.createElement(u, {
+    type: "primary",
+    size: "md",
+    label: S,
+    onClick: A,
+    className: "paywall-card-btn-purchase"
+  }))), /* @__PURE__ */ a.createElement("div", {
+    className: "paywall-card-media"
+  }, I))), Z = /* @__PURE__ */ a.createElement("div", {
+    ref: m,
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-labelledby": i,
+    className: `paywall-modal-content ${$}`,
+    style: {
+      height: p,
+      minHeight: p
+    }
+  }, Y);
+  return /* @__PURE__ */ a.createElement(a.Fragment, null, c && /* @__PURE__ */ a.createElement("span", {
+    className: "paywall-trigger"
+  }, c), /* @__PURE__ */ a.createElement(H, {
+    isOpen: t,
+    onModalClick: () => {
+    },
+    renderModalContent: () => Z,
+    width: M,
+    contentClassName: "paywall-modal-content-wrapper",
+    automationId: s
+  }));
+};
 export {
-  i as getRegionAttributes
+  ca as Paywall,
+  ca as default
 };
 //# sourceMappingURL=index64.js.map

package/dist/index64.js.map

@@ -1 +1 @@
-{"version":3,"file":"index64.js","sources":["../src/utils/a11y/regionAttributes.ts"],"sourcesContent":["/**\n * Returns ARIA attributes for a region container element.\n * Used for semantic containers that need role=\"region\" with proper labeling.\n * \n * @param options - Configuration options\n * @param options.titleId - Required. ID of the heading element that labels this region\n * @param options.descriptionId - Optional. ID of the description element\n * @param options.isFocusable - Optional. Whether to make the region focusable (adds tabIndex={-1})\n * @returns Object with region ARIA attributes\n */\nexport function getRegionAttributes({\n  titleId,\n  descriptionId,\n  isFocusable = false\n}: {\n  titleId: string;\n  descriptionId?: string;\n  isFocusable?: boolean;\n}): {\n  role: 'region';\n  'aria-labelledby': string;\n  'aria-describedby'?: string;\n  tabIndex?: number;\n} {\n  const attributes: {\n    role: 'region';\n    'aria-labelledby': string;\n    'aria-describedby'?: string;\n    tabIndex?: number;\n  } = {\n    role: 'region',\n    'aria-labelledby': titleId\n  };\n\n  if (descriptionId) {\n    attributes['aria-describedby'] = descriptionId;\n  }\n\n  if (isFocusable) {\n    attributes.tabIndex = -1;\n  }\n\n  return attributes;\n}\n"],"names":["getRegionAttributes","titleId","descriptionId","isFocusable","attributes","role","tabIndex"],"mappings":"AAUO,SAASA,EAAoB;AAAA,EAClCC,SAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,aAAAA,IAAc;AAKhB,GAKE;AACA,QAAMC,IAKF;AAAA,IACFC,MAAM;AAAA,IACN,mBAAmBJ;AAAAA,EAAAA;AAGrB,SAAIC,MACFE,EAAW,kBAAkB,IAAIF,IAG/BC,MACFC,EAAWE,WAAW,KAGjBF;AACT;"}
+{"version":3,"file":"index64.js","sources":["../src/components/Paywall/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useRef } from 'react';\nimport { Button } from 'src/components/Button';\nimport { Badge } from 'src/components/Badge';\nimport { Icon } from 'src/components/Icon';\nimport { Link } from 'src/components/Link';\nimport { CustomModal } from 'src/components/CustomModal';\nimport { useFocusTrap } from 'src/utils/a11y';\nimport { useStableId } from 'src/utils/useStableId';\nimport './style.scss';\n\n/** Variant: with bullet points list, or description only */\nexport type PaywallVariant = 'with-points' | 'description-only';\n\n/** Size: small (656×384) or large (768×500) – sets modal dimensions and media panel proportion */\nexport type PaywallSize = 'sm' | 'lg';\n\n/** Feature list item: plain string (uses default/list icon) or object with text and optional per-item icon */\nexport type PaywallFeatureItem = string | { text: string; icon?: ReactNode };\n\nconst PAYWALL_SIZE_DIMENSIONS: Record<PaywallSize, { width: string; height: string }> = {\n  lg: { width: '768px', height: '500px' },\n  sm: { width: '656px', height: '384px' },\n};\n\nexport interface PaywallProps {\n  isOpen: boolean;\n  onClose: () => void;\n  trigger?: ReactNode;\n  modalWidth?: string;\n  modalHeight?: string;\n  variant: PaywallVariant;\n  size?: PaywallSize;\n  availabilityLabel?: string;\n  availabilityBadgeText: string;\n  title: string;\n  description: string;\n  learnMoreLinkText?: string;\n  learnMoreHref?: string;\n  onLearnMoreClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;\n  featureListDesc?: string;\n  featuresList?: PaywallFeatureItem[];\n  featureItemIcon?: ReactNode;\n  mediaContent?: ReactNode;\n  laterButtonText: string;\n  purchaseButtonText: string;\n  onLaterClick?: () => void;\n  onPurchaseClick?: () => void;\n  className?: string;\n  modalContentClassName?: string;\n  automationId?: string;\n  id?: string;\n}\n\n/** Paywall – always shown in a modal. Pass isOpen/onClose and optionally a trigger. */\nexport const Paywall: FC<PaywallProps> = ({\n  isOpen,\n  onClose,\n  trigger,\n  modalWidth,\n  modalHeight,\n  variant,\n  size = 'lg',\n  availabilityLabel = 'Available on ',\n  availabilityBadgeText,\n  title,\n  description,\n  learnMoreLinkText,\n  learnMoreHref,\n  onLearnMoreClick,\n  featureListDesc,\n  featuresList = [],\n  featureItemIcon,\n  mediaContent,\n  laterButtonText,\n  purchaseButtonText,\n  onLaterClick,\n  onPurchaseClick,\n  className = '',\n  modalContentClassName = '',\n  automationId = '',\n  id: providedId,\n}) => {\n  const modalRef = useRef<HTMLDivElement>(null);\n  const titleId = useStableId(providedId, 'paywall-title');\n\n  useFocusTrap({\n    enabled: isOpen,\n    containerRef: modalRef,\n    restoreFocus: true,\n    initialFocus: '.paywall-card-btn-later',\n  });\n\n  const handleLaterClick = () => {\n    onLaterClick?.();\n    onClose();\n  };\n\n  const dimensions = PAYWALL_SIZE_DIMENSIONS[size];\n  const width = modalWidth ?? dimensions.width;\n  const height = modalHeight ?? dimensions.height;\n\n  const withPoints = variant === 'with-points' && size === 'lg';\n  const normalizedFeatures = featuresList.map((item): { text: string; icon?: ReactNode } =>\n    typeof item === 'string' ? { text: item } : { text: item.text, icon: item.icon }\n  );\n  const showFeatures = withPoints && normalizedFeatures.length > 0;\n  const defaultIcon = featureItemIcon ?? <Icon name=\"info\" />;\n\n  const content = (\n    <section\n      className={`paywall paywall-ctn paywall-ctn--${size} ${className}`}\n      data-automation-id={automationId}\n    >\n      <div className=\"paywall-card\">\n        <div className=\"paywall-card-content\">\n          <span className=\"paywall-card-availability\">\n            <span className=\"paywall-card-availability-label\">{availabilityLabel}</span>\n            <Badge\n              label={availabilityBadgeText}\n              className=\"paywall-card-badge\"\n              bgColor=\"var(--color-yellow-100)\"\n              textColor=\"var(--color-yellow-700)\"\n            />\n          </span>\n          <h3 id={titleId} className=\"paywall-card-title\">{title}</h3>\n          <p className=\"paywall-card-description\">\n            {description}\n            {learnMoreLinkText && learnMoreHref && (\n                <Link\n                  href={learnMoreHref}\n                  label={learnMoreLinkText}\n                  external\n                  className=\"paywall-card-learn-more\"\n                  onClick={onLearnMoreClick}\n                />\n            )}\n          </p>\n          {withPoints && featureListDesc && (\n            <p className=\"paywall-card-features-intro\">{featureListDesc}</p>\n          )}\n          {showFeatures && (\n            <ul className=\"paywall-card-features-list\">\n              {normalizedFeatures.map((item) => (\n                <li key={item.text} className=\"paywall-card-feature-item\">\n                  <span className=\"paywall-card-feature-icon\" aria-hidden>\n                    {item.icon ?? defaultIcon}\n                  </span>\n                  <span>{item.text}</span>\n                </li>\n              ))}\n            </ul>\n          )}\n          <div className=\"paywall-card-actions\">\n            <Button\n              type=\"ghost\"\n              size=\"md\"\n              label={laterButtonText}\n              onClick={handleLaterClick}\n              className=\"paywall-card-btn-later\"\n            />\n            <Button\n              type=\"primary\"\n              size=\"md\"\n              label={purchaseButtonText}\n              onClick={onPurchaseClick}\n              className=\"paywall-card-btn-purchase\"\n            />\n          </div>\n        </div>\n        <div className=\"paywall-card-media\">\n          {mediaContent}\n        </div>\n      </div>\n    </section>\n  );\n\n  const modalContent = (\n    <div\n      ref={modalRef}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={titleId}\n      className={`paywall-modal-content ${modalContentClassName}`}\n      style={{ height, minHeight: height }}\n    >\n      {content}\n    </div>\n  );\n\n  return (\n    <>\n      {trigger && <span className=\"paywall-trigger\">{trigger}</span>}\n      <CustomModal\n        isOpen={isOpen}\n        onModalClick={() => {}}\n        renderModalContent={() => modalContent}\n        width={width}\n        contentClassName=\"paywall-modal-content-wrapper\"\n        automationId={automationId}\n      />\n    </>\n  );\n};\n\nexport default Paywall;\n"],"names":["React__default","useRef","Button","Badge","Icon","Link","CustomModal","useFocusTrap","useStableId","PAYWALL_SIZE_DIMENSIONS","lg","width","height","sm","Paywall","isOpen","onClose","trigger","modalWidth","modalHeight","variant","size","availabilityLabel","availabilityBadgeText","title","description","learnMoreLinkText","learnMoreHref","onLearnMoreClick","featureListDesc","featuresList","featureItemIcon","mediaContent","laterButtonText","purchaseButtonText","onLaterClick","onPurchaseClick","className","modalContentClassName","automationId","id","providedId","modalRef","titleId","enabled","containerRef","restoreFocus","initialFocus","handleLaterClick","dimensions","withPoints","normalizedFeatures","map","item","text","icon","showFeatures","length","defaultIcon","React","createElement","name","content","label","bgColor","textColor","href","external","onClick","key","type","modalContent","ref","role","style","minHeight","Fragment","onModalClick","renderModalContent","contentClassName"],"mappings":"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"}

package/dist/index65.js

@@ -1,47 +1,15 @@
-import * as t from "react";
-import { isVirtualClick as C } from "./index66.js";
-function h({
-  disabled: p = !1,
-  loading: i = !1,
-  onClick: u,
-  onKeyboardActivate: n,
-  isNative: l = !0,
-  role: d = "button",
-  tabIndex: D = 0,
-  stopPropagation: c = !1,
-  preventDefault: f = !1
-} = {}) {
-  const e = p || i, s = t.useRef(!1), o = t.useCallback(() => {
-    s.current = !0;
-  }, []), P = t.useCallback((r) => {
-    if (e) return;
-    c && r.stopPropagation(), f && r.preventDefault();
-    const v = C(r.nativeEvent), y = s.current;
-    s.current = !1;
-    const b = v ? "virtual" : y ? "pointer" : "keyboard";
-    if ((b === "keyboard" || b === "virtual") && n) {
-      n(r);
-      return;
-    }
-    u?.(r);
-  }, [e, u, n, c, f]), m = t.useCallback((r) => {
-    e || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.currentTarget.click());
-  }, [e]), k = {
-    onPointerDown: o,
-    onMouseDown: o,
-    onTouchStart: o,
-    onClick: P,
-    "aria-disabled": e ? "true" : void 0,
-    "aria-busy": i ? "true" : void 0
+function i({
+  titleId: r,
+  descriptionId: t,
+  isFocusable: a = !1
+}) {
+  const e = {
+    role: "region",
+    "aria-labelledby": r
   };
-  l || (k.onKeyDown = m);
-  const a = {
-    pressProps: k,
-    isDisabled: e
-  };
-  return l || (a.role = d, a.tabIndex = e ? -1 : D), a;
+  return t && (e["aria-describedby"] = t), a && (e.tabIndex = -1), e;
 }
 export {
-  h as useAccessiblePress
+  i as getRegionAttributes
 };
 //# sourceMappingURL=index65.js.map

package/dist/index65.js.map

@@ -1 +1 @@
-{"version":3,"file":"index65.js","sources":["../src/utils/a11y/useAccessiblePress.ts"],"sourcesContent":["import * as React from 'react';\nimport { isVirtualClick } from '../virtualClick';\n\n/**\n * Hook for accessible press interactions (pointer vs keyboard vs virtual click).\n *\n * Handles:\n * - Pointer intent tracking (mouse/touch)\n * - Virtual click detection (NVDA browse mode, etc.)\n * - Routing to appropriate handler (onClick vs onKeyboardActivate)\n * - For non-native elements: Enter/Space → activation\n * - Optional stopPropagation and preventDefault\n *\n * @example\n * // Native button (isNative=true, the default)\n * const { pressProps } = useAccessiblePress({ onClick, disabled });\n * <button {...pressProps}>Click me</button>\n *\n * @example\n * // Non-native element (div acting as button)\n * const { pressProps, role, tabIndex } = useAccessiblePress({ onClick, isNative: false });\n * <div role={role} tabIndex={tabIndex} {...pressProps}>Click me</div>\n *\n * @example\n * // Element nested inside clickable parent (prevent event bubbling)\n * const { pressProps, tabIndex } = useAccessiblePress({ \n *   onClick, \n *   isNative: false, \n *   stopPropagation: true \n * });\n * <div role=\"button\" tabIndex={tabIndex} {...pressProps}>Click me</div>\n */\n\ntype InputKind = 'pointer' | 'keyboard' | 'virtual';\n\nexport type UseAccessiblePressOptions = {\n  /**\n   * Whether the element is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Whether the element is in a loading state (will also disable)\n   */\n  loading?: boolean;\n\n  /**\n   * Handler for pointer/touch activations (or all activations if onKeyboardActivate is not provided)\n   */\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * Handler for keyboard + assistive tech virtual activation.\n   * If omitted, onClick is used for all activations.\n   */\n  onKeyboardActivate?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * If true, this is a native <button> (or other native pressable) and we MUST NOT add Enter/Space handling.\n   * Default: true\n   */\n  isNative?: boolean;\n\n  /**\n   * Only for non-native elements (div/span). Defaults to 'button'.\n   */\n  role?: string;\n\n  /**\n   * Only for non-native elements. Defaults to 0.\n   */\n  tabIndex?: number;\n\n  /**\n   * If true, calls e.stopPropagation() before invoking onClick handler.\n   * Useful when element is nested inside another clickable element.\n   * Default: false\n   */\n  stopPropagation?: boolean;\n\n  /**\n   * If true, calls e.preventDefault() before invoking onClick handler.\n   * Note: For non-native elements, preventDefault is already called on Space/Enter keys.\n   * Default: false\n   */\n  preventDefault?: boolean;\n};\n\nexport type UseAccessiblePressReturn = {\n  /**\n   * Props to spread onto the element. Includes event handlers and ARIA attributes.\n   * Does NOT include role/tabIndex — apply those separately.\n   */\n  pressProps: React.HTMLAttributes<HTMLElement> & {\n    'aria-disabled'?: 'true';\n    'aria-busy'?: 'true';\n  };\n\n  /**\n   * Combined disabled state (disabled || loading)\n   */\n  isDisabled: boolean;\n\n  /**\n   * Role for non-native elements (e.g., 'button', 'menuitem').\n   * Only returned when isNative=false.\n   */\n  role?: string;\n\n  /**\n   * TabIndex for non-native elements.\n   * Returns -1 when disabled, otherwise the provided tabIndex (default 0).\n   * Only returned when isNative=false.\n   */\n  tabIndex?: number;\n};\n\nexport function useAccessiblePress({\n  disabled = false,\n  loading = false,\n  onClick,\n  onKeyboardActivate,\n  isNative = true,\n  role = 'button',\n  tabIndex = 0,\n  stopPropagation = false,\n  preventDefault = false\n}: UseAccessiblePressOptions = {}): UseAccessiblePressReturn {\n  const isDisabled = disabled || loading;\n  const lastWasPointerRef = React.useRef(false);\n\n  const markPointer = React.useCallback(() => {\n    lastWasPointerRef.current = true;\n  }, []);\n\n  const handleClick = React.useCallback(\n    (e: React.MouseEvent<HTMLElement>) => {\n      if (isDisabled) return;\n\n      // Handle event control flags\n      if (stopPropagation) e.stopPropagation();\n      if (preventDefault) e.preventDefault();\n\n      const virtual = isVirtualClick(e.nativeEvent as any);\n      const isPointer = lastWasPointerRef.current;\n      lastWasPointerRef.current = false;\n\n      const input: InputKind = virtual ? 'virtual' : isPointer ? 'pointer' : 'keyboard';\n\n      // If we have a keyboard handler, route keyboard + virtual clicks there.\n      if ((input === 'keyboard' || input === 'virtual') && onKeyboardActivate) {\n        onKeyboardActivate(e);\n        return;\n      }\n\n      onClick?.(e);\n    },\n    [isDisabled, onClick, onKeyboardActivate, stopPropagation, preventDefault]\n  );\n\n  // Only used for non-native elements: Enter/Space should trigger click(), reusing the same click routing.\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (isDisabled) return;\n\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        // Trigger native click event so all routing goes through handleClick\n        (e.currentTarget as HTMLElement).click();\n      }\n    },\n    [isDisabled]\n  );\n\n  const pressProps: UseAccessiblePressReturn['pressProps'] = {\n    onPointerDown: markPointer,\n    onMouseDown: markPointer,\n    onTouchStart: markPointer,\n    onClick: handleClick,\n    'aria-disabled': isDisabled ? 'true' : undefined,\n    'aria-busy': loading ? 'true' : undefined\n  };\n\n  // For non-native elements, add Enter/Space handling\n  if (!isNative) {\n    pressProps.onKeyDown = handleKeyDown;\n  }\n\n  // Return role/tabIndex separately (only for non-native elements)\n  const result: UseAccessiblePressReturn = { pressProps, isDisabled };\n\n  if (!isNative) {\n    result.role = role;\n    result.tabIndex = isDisabled ? -1 : tabIndex;\n  }\n\n  return result;\n}\n\n"],"names":["React","isVirtualClick","useAccessiblePress","disabled","loading","onClick","onKeyboardActivate","isNative","role","tabIndex","stopPropagation","preventDefault","isDisabled","lastWasPointerRef","useRef","markPointer","useCallback","current","handleClick","e","virtual","nativeEvent","isPointer","input","handleKeyDown","key","currentTarget","click","pressProps","onPointerDown","onMouseDown","onTouchStart","undefined","onKeyDown","result"],"mappings":"AAqHO,YAAAA,OAAA;AAAA,SAAA,kBAAAC,SAAA;AAAA,SAASC,EAAmB;AAAA,EACjCC,UAAAA,IAAW;AAAA,EACXC,SAAAA,IAAU;AAAA,EACVC,SAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA,IAAO;AAAA,EACPC,UAAAA,IAAW;AAAA,EACXC,iBAAAA,IAAkB;AAAA,EAClBC,gBAAAA,IAAiB;AACQ,IAAI,IAA8B;AAC3D,QAAMC,IAAaT,KAAYC,GACzBS,IAAoBb,EAAMc,OAAO,EAAK,GAEtCC,IAAcf,EAAMgB,YAAY,MAAM;AAC1CH,IAAAA,EAAkBI,UAAU;AAAA,EAC9B,GAAG,CAAA,CAAE,GAECC,IAAclB,EAAMgB,YACxB,CAACG,MAAqC;AACpC,QAAIP,EAAY;AAGhB,IAAIF,OAAmBA,gBAAAA,GACnBC,OAAkBA,eAAAA;AAEtB,UAAMS,IAAUnB,EAAekB,EAAEE,WAAkB,GAC7CC,IAAYT,EAAkBI;AACpCJ,IAAAA,EAAkBI,UAAU;AAE5B,UAAMM,IAAmBH,IAAU,YAAYE,IAAY,YAAY;AAGvE,SAAKC,MAAU,cAAcA,MAAU,cAAcjB,GAAoB;AACvEA,MAAAA,EAAmBa,CAAC;AACpB;AAAA,IACF;AAEAd,IAAAA,IAAUc,CAAC;AAAA,EACb,GACA,CAACP,GAAYP,GAASC,GAAoBI,GAAiBC,CAAc,CAC3E,GAGMa,IAAgBxB,EAAMgB,YAC1B,CAACG,MAAwC;AACvC,IAAIP,MAEAO,EAAEM,QAAQ,WAAWN,EAAEM,QAAQ,SACjCN,EAAER,eAAAA,GAEDQ,EAAEO,cAA8BC,MAAAA;AAAAA,EAErC,GACA,CAACf,CAAU,CACb,GAEMgB,IAAqD;AAAA,IACzDC,eAAed;AAAAA,IACfe,aAAaf;AAAAA,IACbgB,cAAchB;AAAAA,IACdV,SAASa;AAAAA,IACT,iBAAiBN,IAAa,SAASoB;AAAAA,IACvC,aAAa5B,IAAU,SAAS4B;AAAAA,EAAAA;AAIlC,EAAKzB,MACHqB,EAAWK,YAAYT;AAIzB,QAAMU,IAAmC;AAAA,IAAEN,YAAAA;AAAAA,IAAYhB,YAAAA;AAAAA,EAAAA;AAEvD,SAAKL,MACH2B,EAAO1B,OAAOA,GACd0B,EAAOzB,WAAWG,IAAa,KAAKH,IAG/ByB;AACT;"}
+{"version":3,"file":"index65.js","sources":["../src/utils/a11y/regionAttributes.ts"],"sourcesContent":["/**\n * Returns ARIA attributes for a region container element.\n * Used for semantic containers that need role=\"region\" with proper labeling.\n * \n * @param options - Configuration options\n * @param options.titleId - Required. ID of the heading element that labels this region\n * @param options.descriptionId - Optional. ID of the description element\n * @param options.isFocusable - Optional. Whether to make the region focusable (adds tabIndex={-1})\n * @returns Object with region ARIA attributes\n */\nexport function getRegionAttributes({\n  titleId,\n  descriptionId,\n  isFocusable = false\n}: {\n  titleId: string;\n  descriptionId?: string;\n  isFocusable?: boolean;\n}): {\n  role: 'region';\n  'aria-labelledby': string;\n  'aria-describedby'?: string;\n  tabIndex?: number;\n} {\n  const attributes: {\n    role: 'region';\n    'aria-labelledby': string;\n    'aria-describedby'?: string;\n    tabIndex?: number;\n  } = {\n    role: 'region',\n    'aria-labelledby': titleId\n  };\n\n  if (descriptionId) {\n    attributes['aria-describedby'] = descriptionId;\n  }\n\n  if (isFocusable) {\n    attributes.tabIndex = -1;\n  }\n\n  return attributes;\n}\n"],"names":["getRegionAttributes","titleId","descriptionId","isFocusable","attributes","role","tabIndex"],"mappings":"AAUO,SAASA,EAAoB;AAAA,EAClCC,SAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,aAAAA,IAAc;AAKhB,GAKE;AACA,QAAMC,IAKF;AAAA,IACFC,MAAM;AAAA,IACN,mBAAmBJ;AAAAA,EAAAA;AAGrB,SAAIC,MACFE,EAAW,kBAAkB,IAAIF,IAG/BC,MACFC,EAAWE,WAAW,KAGjBF;AACT;"}

package/dist/index66.js

@@ -1,8 +1,47 @@
-const t = () => typeof navigator < "u" && /Android/i.test(navigator.userAgent), o = (i) => {
-  const r = "pointerType" in i ? i.pointerType : void 0;
-  return r === "" && i.isTrusted ? !0 : t() && r ? i.type === "click" && i.buttons === 1 : i.detail === 0 && !r;
-};
+import * as t from "react";
+import { isVirtualClick as C } from "./index68.js";
+function h({
+  disabled: p = !1,
+  loading: i = !1,
+  onClick: u,
+  onKeyboardActivate: n,
+  isNative: l = !0,
+  role: d = "button",
+  tabIndex: D = 0,
+  stopPropagation: c = !1,
+  preventDefault: f = !1
+} = {}) {
+  const e = p || i, s = t.useRef(!1), o = t.useCallback(() => {
+    s.current = !0;
+  }, []), P = t.useCallback((r) => {
+    if (e) return;
+    c && r.stopPropagation(), f && r.preventDefault();
+    const v = C(r.nativeEvent), y = s.current;
+    s.current = !1;
+    const b = v ? "virtual" : y ? "pointer" : "keyboard";
+    if ((b === "keyboard" || b === "virtual") && n) {
+      n(r);
+      return;
+    }
+    u?.(r);
+  }, [e, u, n, c, f]), m = t.useCallback((r) => {
+    e || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.currentTarget.click());
+  }, [e]), k = {
+    onPointerDown: o,
+    onMouseDown: o,
+    onTouchStart: o,
+    onClick: P,
+    "aria-disabled": e ? "true" : void 0,
+    "aria-busy": i ? "true" : void 0
+  };
+  l || (k.onKeyDown = m);
+  const a = {
+    pressProps: k,
+    isDisabled: e
+  };
+  return l || (a.role = d, a.tabIndex = e ? -1 : D), a;
+}
 export {
-  o as isVirtualClick
+  h as useAccessiblePress
 };
 //# sourceMappingURL=index66.js.map

package/dist/index66.js.map

@@ -1 +1 @@
-{"version":3,"file":"index66.js","sources":["../src/utils/virtualClick.ts"],"sourcesContent":["/**\n * Input/virtual click detection helpers.\n */\n\nconst isAndroid = () =>\n  typeof navigator !== 'undefined' && /Android/i.test(navigator.userAgent);\n\nexport const isVirtualClick = (event: MouseEvent | PointerEvent): boolean => {\n  const pointerType = 'pointerType' in event ? event.pointerType : undefined;\n\n  // JAWS/NVDA with Firefox.\n  if (pointerType === '' && event.isTrusted) {\n    return true;\n  }\n\n  // Android TalkBack's detail value varies depending on listener type.\n  if (isAndroid() && pointerType) {\n    return event.type === 'click' && event.buttons === 1;\n  }\n\n  // Most browsers: virtual click has detail === 0 and no pointerType.\n  return event.detail === 0 && !pointerType;\n};\n\n\n"],"names":["isAndroid","navigator","test","userAgent","isVirtualClick","event","pointerType","undefined","isTrusted","type","buttons","detail"],"mappings":"AAIA,MAAMA,IAAYA,MAChB,OAAOC,YAAc,OAAe,WAAWC,KAAKD,UAAUE,SAAS,GAE5DC,IAAiBA,CAACC,MAA8C;AAC3E,QAAMC,IAAc,iBAAiBD,IAAQA,EAAMC,cAAcC;AAGjE,SAAID,MAAgB,MAAMD,EAAMG,YACvB,KAILR,EAAAA,KAAeM,IACVD,EAAMI,SAAS,WAAWJ,EAAMK,YAAY,IAI9CL,EAAMM,WAAW,KAAK,CAACL;AAChC;"}
+{"version":3,"file":"index66.js","sources":["../src/utils/a11y/useAccessiblePress.ts"],"sourcesContent":["import * as React from 'react';\nimport { isVirtualClick } from '../virtualClick';\n\n/**\n * Hook for accessible press interactions (pointer vs keyboard vs virtual click).\n *\n * Handles:\n * - Pointer intent tracking (mouse/touch)\n * - Virtual click detection (NVDA browse mode, etc.)\n * - Routing to appropriate handler (onClick vs onKeyboardActivate)\n * - For non-native elements: Enter/Space → activation\n * - Optional stopPropagation and preventDefault\n *\n * @example\n * // Native button (isNative=true, the default)\n * const { pressProps } = useAccessiblePress({ onClick, disabled });\n * <button {...pressProps}>Click me</button>\n *\n * @example\n * // Non-native element (div acting as button)\n * const { pressProps, role, tabIndex } = useAccessiblePress({ onClick, isNative: false });\n * <div role={role} tabIndex={tabIndex} {...pressProps}>Click me</div>\n *\n * @example\n * // Element nested inside clickable parent (prevent event bubbling)\n * const { pressProps, tabIndex } = useAccessiblePress({ \n *   onClick, \n *   isNative: false, \n *   stopPropagation: true \n * });\n * <div role=\"button\" tabIndex={tabIndex} {...pressProps}>Click me</div>\n */\n\ntype InputKind = 'pointer' | 'keyboard' | 'virtual';\n\nexport type UseAccessiblePressOptions = {\n  /**\n   * Whether the element is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Whether the element is in a loading state (will also disable)\n   */\n  loading?: boolean;\n\n  /**\n   * Handler for pointer/touch activations (or all activations if onKeyboardActivate is not provided)\n   */\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * Handler for keyboard + assistive tech virtual activation.\n   * If omitted, onClick is used for all activations.\n   */\n  onKeyboardActivate?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * If true, this is a native <button> (or other native pressable) and we MUST NOT add Enter/Space handling.\n   * Default: true\n   */\n  isNative?: boolean;\n\n  /**\n   * Only for non-native elements (div/span). Defaults to 'button'.\n   */\n  role?: string;\n\n  /**\n   * Only for non-native elements. Defaults to 0.\n   */\n  tabIndex?: number;\n\n  /**\n   * If true, calls e.stopPropagation() before invoking onClick handler.\n   * Useful when element is nested inside another clickable element.\n   * Default: false\n   */\n  stopPropagation?: boolean;\n\n  /**\n   * If true, calls e.preventDefault() before invoking onClick handler.\n   * Note: For non-native elements, preventDefault is already called on Space/Enter keys.\n   * Default: false\n   */\n  preventDefault?: boolean;\n};\n\nexport type UseAccessiblePressReturn = {\n  /**\n   * Props to spread onto the element. Includes event handlers and ARIA attributes.\n   * Does NOT include role/tabIndex — apply those separately.\n   */\n  pressProps: React.HTMLAttributes<HTMLElement> & {\n    'aria-disabled'?: 'true';\n    'aria-busy'?: 'true';\n  };\n\n  /**\n   * Combined disabled state (disabled || loading)\n   */\n  isDisabled: boolean;\n\n  /**\n   * Role for non-native elements (e.g., 'button', 'menuitem').\n   * Only returned when isNative=false.\n   */\n  role?: string;\n\n  /**\n   * TabIndex for non-native elements.\n   * Returns -1 when disabled, otherwise the provided tabIndex (default 0).\n   * Only returned when isNative=false.\n   */\n  tabIndex?: number;\n};\n\nexport function useAccessiblePress({\n  disabled = false,\n  loading = false,\n  onClick,\n  onKeyboardActivate,\n  isNative = true,\n  role = 'button',\n  tabIndex = 0,\n  stopPropagation = false,\n  preventDefault = false\n}: UseAccessiblePressOptions = {}): UseAccessiblePressReturn {\n  const isDisabled = disabled || loading;\n  const lastWasPointerRef = React.useRef(false);\n\n  const markPointer = React.useCallback(() => {\n    lastWasPointerRef.current = true;\n  }, []);\n\n  const handleClick = React.useCallback(\n    (e: React.MouseEvent<HTMLElement>) => {\n      if (isDisabled) return;\n\n      // Handle event control flags\n      if (stopPropagation) e.stopPropagation();\n      if (preventDefault) e.preventDefault();\n\n      const virtual = isVirtualClick(e.nativeEvent as any);\n      const isPointer = lastWasPointerRef.current;\n      lastWasPointerRef.current = false;\n\n      const input: InputKind = virtual ? 'virtual' : isPointer ? 'pointer' : 'keyboard';\n\n      // If we have a keyboard handler, route keyboard + virtual clicks there.\n      if ((input === 'keyboard' || input === 'virtual') && onKeyboardActivate) {\n        onKeyboardActivate(e);\n        return;\n      }\n\n      onClick?.(e);\n    },\n    [isDisabled, onClick, onKeyboardActivate, stopPropagation, preventDefault]\n  );\n\n  // Only used for non-native elements: Enter/Space should trigger click(), reusing the same click routing.\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (isDisabled) return;\n\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        // Trigger native click event so all routing goes through handleClick\n        (e.currentTarget as HTMLElement).click();\n      }\n    },\n    [isDisabled]\n  );\n\n  const pressProps: UseAccessiblePressReturn['pressProps'] = {\n    onPointerDown: markPointer,\n    onMouseDown: markPointer,\n    onTouchStart: markPointer,\n    onClick: handleClick,\n    'aria-disabled': isDisabled ? 'true' : undefined,\n    'aria-busy': loading ? 'true' : undefined\n  };\n\n  // For non-native elements, add Enter/Space handling\n  if (!isNative) {\n    pressProps.onKeyDown = handleKeyDown;\n  }\n\n  // Return role/tabIndex separately (only for non-native elements)\n  const result: UseAccessiblePressReturn = { pressProps, isDisabled };\n\n  if (!isNative) {\n    result.role = role;\n    result.tabIndex = isDisabled ? -1 : tabIndex;\n  }\n\n  return result;\n}\n\n"],"names":["React","isVirtualClick","useAccessiblePress","disabled","loading","onClick","onKeyboardActivate","isNative","role","tabIndex","stopPropagation","preventDefault","isDisabled","lastWasPointerRef","useRef","markPointer","useCallback","current","handleClick","e","virtual","nativeEvent","isPointer","input","handleKeyDown","key","currentTarget","click","pressProps","onPointerDown","onMouseDown","onTouchStart","undefined","onKeyDown","result"],"mappings":"AAqHO,YAAAA,OAAA;AAAA,SAAA,kBAAAC,SAAA;AAAA,SAASC,EAAmB;AAAA,EACjCC,UAAAA,IAAW;AAAA,EACXC,SAAAA,IAAU;AAAA,EACVC,SAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA,IAAO;AAAA,EACPC,UAAAA,IAAW;AAAA,EACXC,iBAAAA,IAAkB;AAAA,EAClBC,gBAAAA,IAAiB;AACQ,IAAI,IAA8B;AAC3D,QAAMC,IAAaT,KAAYC,GACzBS,IAAoBb,EAAMc,OAAO,EAAK,GAEtCC,IAAcf,EAAMgB,YAAY,MAAM;AAC1CH,IAAAA,EAAkBI,UAAU;AAAA,EAC9B,GAAG,CAAA,CAAE,GAECC,IAAclB,EAAMgB,YACxB,CAACG,MAAqC;AACpC,QAAIP,EAAY;AAGhB,IAAIF,OAAmBA,gBAAAA,GACnBC,OAAkBA,eAAAA;AAEtB,UAAMS,IAAUnB,EAAekB,EAAEE,WAAkB,GAC7CC,IAAYT,EAAkBI;AACpCJ,IAAAA,EAAkBI,UAAU;AAE5B,UAAMM,IAAmBH,IAAU,YAAYE,IAAY,YAAY;AAGvE,SAAKC,MAAU,cAAcA,MAAU,cAAcjB,GAAoB;AACvEA,MAAAA,EAAmBa,CAAC;AACpB;AAAA,IACF;AAEAd,IAAAA,IAAUc,CAAC;AAAA,EACb,GACA,CAACP,GAAYP,GAASC,GAAoBI,GAAiBC,CAAc,CAC3E,GAGMa,IAAgBxB,EAAMgB,YAC1B,CAACG,MAAwC;AACvC,IAAIP,MAEAO,EAAEM,QAAQ,WAAWN,EAAEM,QAAQ,SACjCN,EAAER,eAAAA,GAEDQ,EAAEO,cAA8BC,MAAAA;AAAAA,EAErC,GACA,CAACf,CAAU,CACb,GAEMgB,IAAqD;AAAA,IACzDC,eAAed;AAAAA,IACfe,aAAaf;AAAAA,IACbgB,cAAchB;AAAAA,IACdV,SAASa;AAAAA,IACT,iBAAiBN,IAAa,SAASoB;AAAAA,IACvC,aAAa5B,IAAU,SAAS4B;AAAAA,EAAAA;AAIlC,EAAKzB,MACHqB,EAAWK,YAAYT;AAIzB,QAAMU,IAAmC;AAAA,IAAEN,YAAAA;AAAAA,IAAYhB,YAAAA;AAAAA,EAAAA;AAEvD,SAAKL,MACH2B,EAAO1B,OAAOA,GACd0B,EAAOzB,WAAWG,IAAa,KAAKH,IAG/ByB;AACT;"}

package/dist/index67.js

@@ -1,12 +1,22 @@
-function f({
-  ariaLabel: e,
-  ariaLabelledBy: i,
-  ariaDescribedBy: r
-}) {
-  const t = {};
-  return i ? t["aria-labelledby"] = i : e && (t["aria-label"] = e), r && (t["aria-describedby"] = r), t;
+import { useRef as u, useEffect as i } from "react";
+function f(n, {
+  targetSelector: r = "#main-content h1",
+  fallbackId: c = "main-content"
+} = {}) {
+  const t = u(!0);
+  i(() => {
+    if (t.current) {
+      t.current = !1;
+      return;
+    }
+    const o = requestAnimationFrame(() => {
+      const e = document.querySelector(r) || document.getElementById(c);
+      e && (e.hasAttribute("tabindex") || e.setAttribute("tabindex", "-1"), e.focus());
+    });
+    return () => cancelAnimationFrame(o);
+  }, n);
 }
 export {
-  f as getA11yNameAttributes
+  f as useFocusManagement
 };
 //# sourceMappingURL=index67.js.map

package/dist/index67.js.map

@@ -1 +1 @@
-{"version":3,"file":"index67.js","sources":["../src/utils/a11y/accessibleName.ts"],"sourcesContent":["/**\n * Accessible name/description utilities following WCAG precedence rules.\n * \n * **When to use:**\n * - `ariaLabelledBy`: visible label exists (preferred - keeps SR and visual text in sync)\n * - `ariaLabel`: no visible label (e.g., icon-only buttons)\n * - `ariaDescribedBy`: additional context needed (warnings, hints, constraints)\n * \n * **Precedence:** ariaLabelledBy > ariaLabel > visible text content\n * \n * @example Icon-only button\n * ```tsx\n * <Button iconProps={{ name: 'close' }} ariaLabel=\"Close dialog\" />\n * ```\n * \n * @example Disambiguate generic labels\n * ```tsx\n * <Button label=\"Edit\" ariaLabel=\"Edit name\" />\n * <Button label=\"Edit\" ariaLabel=\"Edit email\" />\n * ```\n */\n\nexport type AccessibleNameInput = {\n  /** Accessible name when no visible label exists (icon-only buttons). */\n  ariaLabel?: string;\n  /** ID(s) of visible element(s) that label this control. Preferred over ariaLabel. */\n  ariaLabelledBy?: string;\n  /** ID(s) of element(s) providing additional description (additive). */\n  ariaDescribedBy?: string;\n};\n\n/**\n * Returns ARIA attributes with correct precedence.\n * Prefer ariaLabelledBy > ariaLabel. ariaDescribedBy is always additive.\n */\nexport function getA11yNameAttributes({\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy\n}: AccessibleNameInput): Record<string, string> {\n  const props: Record<string, string> = {};\n\n  if (ariaLabelledBy) props['aria-labelledby'] = ariaLabelledBy;\n  else if (ariaLabel) props['aria-label'] = ariaLabel;\n\n  if (ariaDescribedBy) props['aria-describedby'] = ariaDescribedBy;\n\n  return props;\n}\n"],"names":["getA11yNameAttributes","ariaLabel","ariaLabelledBy","ariaDescribedBy","props"],"mappings":"AAmCO,SAASA,EAAsB;AAAA,EACpCC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,iBAAAA;AACmB,GAA2B;AAC9C,QAAMC,IAAgC,CAAA;AAEtC,SAAIF,IAAgBE,EAAM,iBAAiB,IAAIF,IACtCD,MAAWG,EAAM,YAAY,IAAIH,IAEtCE,MAAiBC,EAAM,kBAAkB,IAAID,IAE1CC;AACT;"}
+{"version":3,"file":"index67.js","sources":["../src/utils/a11y/useFocusManagement.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { DependencyList } from 'react';\n\nexport interface UseFocusManagementOptions {\n  /**\n   * CSS selector to query the primary focus target.\n   * Default: 'h1'\n   */\n  targetSelector?: string;\n  /**\n   * Fallback element id if selector target is not found.\n   * Default: 'main-content'\n   */\n  fallbackId?: string;\n}\n\n/**\n * Generic focus management hook for route/state driven UI transitions.\n * Useful for both route changes and in-page multi-step wizards.\n * \n * Always skips first render and uses animation frame for safe DOM timing.\n */\nexport function useFocusManagement(\n  dependencies: DependencyList,\n  {\n    targetSelector = '#main-content h1',\n    fallbackId = 'main-content'\n  }: UseFocusManagementOptions = {}\n): void {\n  const isFirstRender = useRef(true);\n\n  useEffect(() => {\n    // Always skip first render\n    if (isFirstRender.current) {\n      isFirstRender.current = false;\n      return;\n    }\n\n    const focusTarget = () => {\n      const el = (document.querySelector(targetSelector) || document.getElementById(fallbackId)) as HTMLElement;\n      if (el) {\n        if (!el.hasAttribute('tabindex')) el.setAttribute('tabindex', '-1');\n        el.focus();\n      }\n    };\n\n    // Always use animation frame for safe DOM timing\n    const rafId = requestAnimationFrame(focusTarget);\n    return () => cancelAnimationFrame(rafId);\n  }, dependencies);\n}\n"],"names":["useFocusManagement","dependencies","targetSelector","fallbackId","isFirstRender","useRef","useEffect","current","rafId","requestAnimationFrame","focusTarget","el","document","querySelector","getElementById","hasAttribute","setAttribute","focus","cancelAnimationFrame"],"mappings":";AAsBO,SAASA,EACdC,GACA;AAAA,EACEC,gBAAAA,IAAiB;AAAA,EACjBC,YAAAA,IAAa;AACY,IAAI,IACzB;AACN,QAAMC,IAAgBC,EAAO,EAAI;AAEjCC,EAAAA,EAAU,MAAM;AAEd,QAAIF,EAAcG,SAAS;AACzBH,MAAAA,EAAcG,UAAU;AACxB;AAAA,IACF;AAWA,UAAMC,IAAQC,sBATMC,MAAM;AACxB,YAAMC,IAAMC,SAASC,cAAcX,CAAc,KAAKU,SAASE,eAAeX,CAAU;AACxF,MAAIQ,MACGA,EAAGI,aAAa,UAAU,KAAGJ,EAAGK,aAAa,YAAY,IAAI,GAClEL,EAAGM,MAAAA;AAAAA,IAEP,CAG+C;AAC/C,WAAO,MAAMC,qBAAqBV,CAAK;AAAA,EACzC,GAAGP,CAAY;AACjB;"}

package/dist/index68.js

@@ -0,0 +1,8 @@
+const t = () => typeof navigator < "u" && /Android/i.test(navigator.userAgent), o = (i) => {
+  const r = "pointerType" in i ? i.pointerType : void 0;
+  return r === "" && i.isTrusted ? !0 : t() && r ? i.type === "click" && i.buttons === 1 : i.detail === 0 && !r;
+};
+export {
+  o as isVirtualClick
+};
+//# sourceMappingURL=index68.js.map

package/dist/index68.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index68.js","sources":["../src/utils/virtualClick.ts"],"sourcesContent":["/**\n * Input/virtual click detection helpers.\n */\n\nconst isAndroid = () =>\n  typeof navigator !== 'undefined' && /Android/i.test(navigator.userAgent);\n\nexport const isVirtualClick = (event: MouseEvent | PointerEvent): boolean => {\n  const pointerType = 'pointerType' in event ? event.pointerType : undefined;\n\n  // JAWS/NVDA with Firefox.\n  if (pointerType === '' && event.isTrusted) {\n    return true;\n  }\n\n  // Android TalkBack's detail value varies depending on listener type.\n  if (isAndroid() && pointerType) {\n    return event.type === 'click' && event.buttons === 1;\n  }\n\n  // Most browsers: virtual click has detail === 0 and no pointerType.\n  return event.detail === 0 && !pointerType;\n};\n\n\n"],"names":["isAndroid","navigator","test","userAgent","isVirtualClick","event","pointerType","undefined","isTrusted","type","buttons","detail"],"mappings":"AAIA,MAAMA,IAAYA,MAChB,OAAOC,YAAc,OAAe,WAAWC,KAAKD,UAAUE,SAAS,GAE5DC,IAAiBA,CAACC,MAA8C;AAC3E,QAAMC,IAAc,iBAAiBD,IAAQA,EAAMC,cAAcC;AAGjE,SAAID,MAAgB,MAAMD,EAAMG,YACvB,KAILR,EAAAA,KAAeM,IACVD,EAAMI,SAAS,WAAWJ,EAAMK,YAAY,IAI9CL,EAAMM,WAAW,KAAK,CAACL;AAChC;"}

package/dist/index69.js

@@ -1,5 +1,12 @@
-const L = "data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='%233A91DA'/%3e%3cpath%20d='M11.0179%2013.3597L12.27%2010.855L13.5222%2013.3597C13.9204%2014.1563%2014.5662%2014.8021%2015.3627%2015.2004L17.8682%2016.4531L15.3627%2017.7059C14.5662%2018.1041%2013.9204%2018.75%2013.5222%2019.5465L12.27%2022.0513L11.0179%2019.5465C10.6197%2018.75%209.97387%2018.1041%209.17738%2017.7059L6.67188%2016.4531L9.17738%2015.2004C9.97387%2014.8021%2010.6197%2014.1563%2011.0179%2013.3597Z'%20fill='%23CFE7FA'/%3e%3cpath%20d='M19.0178%207.18859L19.4704%206.2832L19.923%207.18859C20.3212%207.98511%2020.967%208.63098%2021.7635%209.02923L22.6694%209.48215L21.7635%209.93506C20.967%2010.3333%2020.3212%2010.9792%2019.923%2011.7757L19.4704%2012.6811L19.0178%2011.7757C18.6196%2010.9792%2017.9738%2010.3333%2017.1773%209.93506L16.2715%209.48215L17.1773%209.02923C17.9738%208.63098%2018.6196%207.98511%2019.0178%207.18859Z'%20fill='%23CFE7FA'/%3e%3cpath%20d='M19.0178%2021.3561L19.4704%2020.4507L19.923%2021.3561C20.3212%2022.1526%2020.967%2022.7985%2021.7635%2023.1967L22.6694%2023.6496L21.7635%2024.1025C20.967%2024.5008%2020.3212%2025.1467%2019.923%2025.9432L19.4704%2026.8486L19.0178%2025.9432C18.6196%2025.1467%2017.9738%2024.5008%2017.1773%2024.1025L16.2715%2023.6496L17.1773%2023.1967C17.9738%2022.7985%2018.6196%2022.1526%2019.0178%2021.3561Z'%20fill='%23CFE7FA'/%3e%3c/svg%3e";
+function f({
+  ariaLabel: e,
+  ariaLabelledBy: i,
+  ariaDescribedBy: r
+}) {
+  const t = {};
+  return i ? t["aria-labelledby"] = i : e && (t["aria-label"] = e), r && (t["aria-describedby"] = r), t;
+}
 export {
-  L as default
+  f as getA11yNameAttributes
 };
 //# sourceMappingURL=index69.js.map

package/dist/index69.js.map

@@ -1 +1 @@
-{"version":3,"file":"index69.js","sources":["../src/assets/icons/ai-off.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='%233A91DA'/%3e%3cpath%20d='M11.0179%2013.3597L12.27%2010.855L13.5222%2013.3597C13.9204%2014.1563%2014.5662%2014.8021%2015.3627%2015.2004L17.8682%2016.4531L15.3627%2017.7059C14.5662%2018.1041%2013.9204%2018.75%2013.5222%2019.5465L12.27%2022.0513L11.0179%2019.5465C10.6197%2018.75%209.97387%2018.1041%209.17738%2017.7059L6.67188%2016.4531L9.17738%2015.2004C9.97387%2014.8021%2010.6197%2014.1563%2011.0179%2013.3597Z'%20fill='%23CFE7FA'/%3e%3cpath%20d='M19.0178%207.18859L19.4704%206.2832L19.923%207.18859C20.3212%207.98511%2020.967%208.63098%2021.7635%209.02923L22.6694%209.48215L21.7635%209.93506C20.967%2010.3333%2020.3212%2010.9792%2019.923%2011.7757L19.4704%2012.6811L19.0178%2011.7757C18.6196%2010.9792%2017.9738%2010.3333%2017.1773%209.93506L16.2715%209.48215L17.1773%209.02923C17.9738%208.63098%2018.6196%207.98511%2019.0178%207.18859Z'%20fill='%23CFE7FA'/%3e%3cpath%20d='M19.0178%2021.3561L19.4704%2020.4507L19.923%2021.3561C20.3212%2022.1526%2020.967%2022.7985%2021.7635%2023.1967L22.6694%2023.6496L21.7635%2024.1025C20.967%2024.5008%2020.3212%2025.1467%2019.923%2025.9432L19.4704%2026.8486L19.0178%2025.9432C18.6196%2025.1467%2017.9738%2024.5008%2017.1773%2024.1025L16.2715%2023.6496L17.1773%2023.1967C17.9738%2022.7985%2018.6196%2022.1526%2019.0178%2021.3561Z'%20fill='%23CFE7FA'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_0"],"mappings":"AAAA,MAAAA,IAAe;"}
+{"version":3,"file":"index69.js","sources":["../src/utils/a11y/accessibleName.ts"],"sourcesContent":["/**\n * Accessible name/description utilities following WCAG precedence rules.\n * \n * **When to use:**\n * - `ariaLabelledBy`: visible label exists (preferred - keeps SR and visual text in sync)\n * - `ariaLabel`: no visible label (e.g., icon-only buttons)\n * - `ariaDescribedBy`: additional context needed (warnings, hints, constraints)\n * \n * **Precedence:** ariaLabelledBy > ariaLabel > visible text content\n * \n * @example Icon-only button\n * ```tsx\n * <Button iconProps={{ name: 'close' }} ariaLabel=\"Close dialog\" />\n * ```\n * \n * @example Disambiguate generic labels\n * ```tsx\n * <Button label=\"Edit\" ariaLabel=\"Edit name\" />\n * <Button label=\"Edit\" ariaLabel=\"Edit email\" />\n * ```\n */\n\nexport type AccessibleNameInput = {\n  /** Accessible name when no visible label exists (icon-only buttons). */\n  ariaLabel?: string;\n  /** ID(s) of visible element(s) that label this control. Preferred over ariaLabel. */\n  ariaLabelledBy?: string;\n  /** ID(s) of element(s) providing additional description (additive). */\n  ariaDescribedBy?: string;\n};\n\n/**\n * Returns ARIA attributes with correct precedence.\n * Prefer ariaLabelledBy > ariaLabel. ariaDescribedBy is always additive.\n */\nexport function getA11yNameAttributes({\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy\n}: AccessibleNameInput): Record<string, string> {\n  const props: Record<string, string> = {};\n\n  if (ariaLabelledBy) props['aria-labelledby'] = ariaLabelledBy;\n  else if (ariaLabel) props['aria-label'] = ariaLabel;\n\n  if (ariaDescribedBy) props['aria-describedby'] = ariaDescribedBy;\n\n  return props;\n}\n"],"names":["getA11yNameAttributes","ariaLabel","ariaLabelledBy","ariaDescribedBy","props"],"mappings":"AAmCO,SAASA,EAAsB;AAAA,EACpCC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,iBAAAA;AACmB,GAA2B;AAC9C,QAAMC,IAAgC,CAAA;AAEtC,SAAIF,IAAgBE,EAAM,iBAAiB,IAAIF,IACtCD,MAAWG,EAAM,YAAY,IAAIH,IAEtCE,MAAiBC,EAAM,kBAAkB,IAAID,IAE1CC;AACT;"}