se-design 1.0.83-dev.4 → 1.0.83-r-dev.1

package/dist/index3.js

@@ -1,74 +1,64 @@
-import K, { forwardRef as N } from "react";
-import { getA11yNameAttributes as R } from "./index81.js";
-import { useAccessiblePress as _ } from "./index67.js";
-import "./index72.js";
-function a() {
-  return a = Object.assign ? Object.assign.bind() : function(t) {
-    for (var r = 1; r < arguments.length; r++) {
-      var e = arguments[r];
-      for (var n in e) ({}).hasOwnProperty.call(e, n) && (t[n] = e[n]);
+import P, { forwardRef as x } from "react";
+import { getA11yNameAttributes as N } from "./index82.js";
+import { useAccessiblePress as O } from "./index71.js";
+import "./index76.js";
+function o() {
+  return o = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var s in r) ({}).hasOwnProperty.call(r, s) && (e[s] = r[s]);
     }
-    return t;
-  }, a.apply(null, arguments);
+    return e;
+  }, o.apply(null, arguments);
 }
-const h = /* @__PURE__ */ N(({
-  onClick: t,
-  onKeyboardActivate: r,
-  onKeyDown: e,
-  role: n = "button",
-  disabled: d,
-  loading: m,
-  stopPropagation: u,
-  tabIndex: p,
-  isPressed: b,
-  ariaLabel: f,
-  ariaLabelledBy: v,
-  ariaDescribedBy: g,
+const R = /* @__PURE__ */ x(({
+  onClick: e,
+  onKeyboardActivate: t,
+  role: r = "button",
+  disabled: s,
+  loading: c,
+  stopPropagation: l,
+  ariaLabel: u,
+  ariaLabelledBy: m,
+  ariaDescribedBy: f,
   automationId: i,
-  className: c = "",
-  children: y,
-  ...x
-}, P) => {
-  const l = !!t, {
-    pressProps: o,
-    role: w,
+  className: n = "",
+  children: p,
+  ...v
+}, d) => {
+  const a = !!e, {
+    pressProps: b,
+    role: g,
     tabIndex: A
-  } = _({
-    onClick: l ? t : void 0,
-    onKeyboardActivate: r,
+  } = O({
+    onClick: a ? e : void 0,
+    onKeyboardActivate: t,
     isNative: !1,
-    role: n,
-    disabled: d,
-    loading: m,
-    stopPropagation: u,
-    tabIndex: p,
-    pressed: b
-  }), D = e ? (s) => {
-    o.onKeyDown?.(s), s.key !== "Enter" && s.key !== " " && e(s);
-  } : o.onKeyDown, I = {
-    ...o,
-    onKeyDown: D
-  }, O = l ? {
-    role: w,
+    role: r,
+    disabled: s,
+    loading: c,
+    stopPropagation: l
+  }), y = a ? {
+    role: g,
     tabIndex: A,
-    className: `focus-outline ${c}`.trim(),
-    ...R({
-      ariaLabel: f,
-      ariaLabelledBy: v,
-      ariaDescribedBy: g
+    className: `focus-outline ${n}`.trim(),
+    ...N({
+      ariaLabel: u,
+      ariaLabelledBy: m,
+      ariaDescribedBy: f
     }),
-    ...I
+    ...b
   } : {
-    className: c
+    className: n
   };
-  return /* @__PURE__ */ K.createElement("div", a({
-    ref: P
-  }, O, i ? {
+  return /* @__PURE__ */ P.createElement("div", o({
+    ref: d
+  }, y, i ? {
     "data-automation-id": i
-  } : {}, x), y);
+  } : {}, v), p);
 });
-h.displayName = "AccessibleDiv";
+R.displayName = "AccessibleDiv";
 export {
-  h as AccessibleDiv
+  R as AccessibleDiv
 };
 //# sourceMappingURL=index3.js.map

package/dist/index3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index3.js","sources":["../src/components/AccessibleDiv/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useAccessiblePress, getA11yNameAttributes } from '../../utils/a11y';\nimport type { UseAccessiblePressOptions } from '../../utils/a11y';\nimport type { AccessibleNameInput } from '../../utils/a11y';\n\ntype NativeDivProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onClick' | 'role' | 'tabIndex' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'onKeyDown'\n>;\n\nexport interface AccessibleDivProps extends NativeDivProps, AccessibleNameInput {\n  onClick?: UseAccessiblePressOptions['onClick'];\n  /**\n   * Activation override: called on Enter/Space/virtual click instead of onClick.\n   * Use when keyboard activation needs different behavior than mouse click.\n   * Note: some screen readers (JAWS/NVDA) fire a synthetic click on role=\"button\"\n   * Enter — routed here as a virtual click so keyboard and AT behavior stay consistent.\n   */\n  onKeyboardActivate?: UseAccessiblePressOptions['onKeyboardActivate'];\n  /**\n   * Raw keydown handler for non-activation keys (e.g. arrow keys in a roving focus group).\n   * Enter/Space are filtered out — activation is always routed through onClick/onKeyboardActivate.\n   */\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  /** ARIA role. Defaults to 'button'. */\n  role?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  /** Calls e.stopPropagation() before onClick. Useful for nested clickable elements. */\n  stopPropagation?: boolean;\n  /**\n   * Override the computed tabIndex. Use when this element is part of a roving focus group\n   * (e.g. pass -1 for non-focused items, 0 for the focused item).\n   * When disabled, tabIndex is always forced to -1 regardless of this value.\n   */\n  tabIndex?: number;\n  /**\n   * When true or false, sets aria-pressed on the element (e.g. selected/active state).\n   * Omit for non-toggle elements.\n   */\n  isPressed?: boolean;\n  className?: string;\n  id?: string;\n  automationId?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * Accessible clickable container for complex interactive content.\n * Use when children can't fit into se-design Button's label+icon API.\n * For simple icon+label, prefer se-design Button instead.\n */\nexport const AccessibleDiv = forwardRef<HTMLDivElement, AccessibleDivProps>(\n  (\n    {\n      onClick,\n      onKeyboardActivate,\n      onKeyDown,\n      role = 'button',\n      disabled,\n      loading,\n      stopPropagation,\n      tabIndex: tabIndexProp,\n      isPressed,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      automationId,\n      className = '',\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const isInteractive = Boolean(onClick);\n\n    const { pressProps, role: resolvedRole, tabIndex: computedTabIndex } = useAccessiblePress({\n      onClick: isInteractive ? onClick : undefined,\n      onKeyboardActivate,\n      isNative: false,\n      role,\n      disabled,\n      loading,\n      stopPropagation,\n      tabIndex: tabIndexProp,\n      pressed: isPressed\n    });\n\n    // Merge internal Enter/Space handler with caller's onKeyDown (e.g. arrow keys for roving focus)\n    // Skip caller's handler for Enter/Space — activation is routed through onClick/onKeyboardActivate\n    const mergedOnKeyDown = onKeyDown\n      ? (e: React.KeyboardEvent<HTMLDivElement>) => {\n          (pressProps.onKeyDown as React.KeyboardEventHandler<HTMLDivElement> | undefined)?.(e);\n          if (e.key !== 'Enter' && e.key !== ' ') {\n            onKeyDown(e);\n          }\n        }\n      : pressProps.onKeyDown;\n\n    const mergedPressProps = { ...pressProps, onKeyDown: mergedOnKeyDown };\n\n    const interactiveProps = isInteractive\n      ? {\n          role: resolvedRole,\n          tabIndex: computedTabIndex,\n          className: `focus-outline ${className}`.trim(),\n          ...getA11yNameAttributes({ ariaLabel, ariaLabelledBy, ariaDescribedBy }),\n          ...mergedPressProps\n        }\n      : { className };\n\n    return (\n      <div\n        ref={ref}\n        {...interactiveProps}\n        {...(automationId ? { 'data-automation-id': automationId } : {})}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nAccessibleDiv.displayName = 'AccessibleDiv';\n"],"names":["AccessibleDiv","onClick","onKeyboardActivate","onKeyDown","role","disabled","loading","stopPropagation","tabIndex","tabIndexProp","isPressed","ariaLabel","ariaLabelledBy","ariaDescribedBy","automationId","className","children","rest","ref","isInteractive","Boolean","pressProps","resolvedRole","computedTabIndex","useAccessiblePress","undefined","isNative","pressed","mergedOnKeyDown","e","key","mergedPressProps","interactiveProps","trim","getA11yNameAttributes","React","createElement","_extends","displayName"],"mappings":";;;;;;;;;;;;;AAoDO,MAAMA,sBACX,CACE;AAAA,EACEC,SAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,UAAUC;AAAAA,EACVC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,UAAAA;AAAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAgBC,EAAQnB,GAExB;AAAA,IAAEoB,YAAAA;AAAAA,IAAYjB,MAAMkB;AAAAA,IAAcd,UAAUe;AAAAA,EAAAA,IAAqBC,EAAmB;AAAA,IACxFvB,SAASkB,IAAgBlB,IAAUwB;AAAAA,IACnCvB,oBAAAA;AAAAA,IACAwB,UAAU;AAAA,IACVtB,MAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,UAAUC;AAAAA,IACVkB,SAASjB;AAAAA,EAAAA,CACV,GAIKkB,IAAkBzB,IACpB,CAAC0B,MAA2C;AACzCR,IAAAA,EAAWlB,YAAuE0B,CAAC,GAChFA,EAAEC,QAAQ,WAAWD,EAAEC,QAAQ,OACjC3B,EAAU0B,CAAC;AAAA,EAEf,IACAR,EAAWlB,WAET4B,IAAmB;AAAA,IAAE,GAAGV;AAAAA,IAAYlB,WAAWyB;AAAAA,EAAAA,GAE/CI,IAAmBb,IACrB;AAAA,IACEf,MAAMkB;AAAAA,IACNd,UAAUe;AAAAA,IACVR,WAAW,iBAAiBA,CAAS,GAAGkB,KAAAA;AAAAA,IACxC,GAAGC,EAAsB;AAAA,MAAEvB,WAAAA;AAAAA,MAAWC,gBAAAA;AAAAA,MAAgBC,iBAAAA;AAAAA,IAAAA,CAAiB;AAAA,IACvE,GAAGkB;AAAAA,EAAAA,IAEL;AAAA,IAAEhB,WAAAA;AAAAA,EAAAA;AAEN,SACEoB,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IACEnB,KAAAA;AAAAA,EAAAA,GACIc,GACClB,IAAe;AAAA,IAAE,sBAAsBA;AAAAA,EAAAA,IAAiB,CAAA,GACzDG,CAAI,GAEPD,CACE;AAET,CACF;AAEAhB,EAAcsC,cAAc;"}
+{"version":3,"file":"index3.js","sources":["../src/components/AccessibleDiv/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useAccessiblePress, getA11yNameAttributes } from '../../utils/a11y';\nimport type { UseAccessiblePressOptions } from '../../utils/a11y';\nimport type { AccessibleNameInput } from '../../utils/a11y';\n\ntype NativeDivProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onClick' | 'role' | 'tabIndex' | 'aria-label' | 'aria-labelledby' | 'aria-describedby'\n>;\n\nexport interface AccessibleDivProps extends NativeDivProps, AccessibleNameInput {\n  onClick?: UseAccessiblePressOptions['onClick'];\n  onKeyboardActivate?: UseAccessiblePressOptions['onKeyboardActivate'];\n  /** ARIA role. Defaults to 'button'. */\n  role?: string;\n  disabled?: boolean;\n  loading?: boolean;\n  /** Calls e.stopPropagation() before onClick. Useful for nested clickable elements. */\n  stopPropagation?: boolean;\n  className?: string;\n  id?: string;\n  automationId?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * Accessible clickable container for complex interactive content.\n * Use when children can't fit into se-design Button's label+icon API.\n * For simple icon+label, prefer se-design Button instead.\n */\nexport const AccessibleDiv = forwardRef<HTMLDivElement, AccessibleDivProps>(\n  (\n    {\n      onClick,\n      onKeyboardActivate,\n      role = 'button',\n      disabled,\n      loading,\n      stopPropagation,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      automationId,\n      className = '',\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const isInteractive = Boolean(onClick);\n\n    const { pressProps, role: resolvedRole, tabIndex } = useAccessiblePress({\n      onClick: isInteractive ? onClick : undefined,\n      onKeyboardActivate,\n      isNative: false,\n      role,\n      disabled,\n      loading,\n      stopPropagation\n    });\n\n    const interactiveProps = isInteractive\n      ? {\n          role: resolvedRole,\n          tabIndex,\n          className: `focus-outline ${className}`.trim(),\n          ...getA11yNameAttributes({ ariaLabel, ariaLabelledBy, ariaDescribedBy }),\n          ...pressProps\n        }\n      : { className };\n\n    return (\n      <div\n        ref={ref}\n        {...interactiveProps}\n        {...(automationId ? { 'data-automation-id': automationId } : {})}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nAccessibleDiv.displayName = 'AccessibleDiv';\n"],"names":["AccessibleDiv","onClick","onKeyboardActivate","role","disabled","loading","stopPropagation","ariaLabel","ariaLabelledBy","ariaDescribedBy","automationId","className","children","rest","ref","isInteractive","Boolean","pressProps","resolvedRole","tabIndex","useAccessiblePress","undefined","isNative","interactiveProps","trim","getA11yNameAttributes","React","createElement","_extends","displayName"],"mappings":";;;;;;;;;;;;;AA8BO,MAAMA,sBACX,CACE;AAAA,EACEC,SAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,UAAAA;AAAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAgBC,EAAQf,GAExB;AAAA,IAAEgB,YAAAA;AAAAA,IAAYd,MAAMe;AAAAA,IAAcC,UAAAA;AAAAA,EAAAA,IAAaC,EAAmB;AAAA,IACtEnB,SAASc,IAAgBd,IAAUoB;AAAAA,IACnCnB,oBAAAA;AAAAA,IACAoB,UAAU;AAAA,IACVnB,MAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,iBAAAA;AAAAA,EAAAA,CACD,GAEKiB,IAAmBR,IACrB;AAAA,IACEZ,MAAMe;AAAAA,IACNC,UAAAA;AAAAA,IACAR,WAAW,iBAAiBA,CAAS,GAAGa,KAAAA;AAAAA,IACxC,GAAGC,EAAsB;AAAA,MAAElB,WAAAA;AAAAA,MAAWC,gBAAAA;AAAAA,MAAgBC,iBAAAA;AAAAA,IAAAA,CAAiB;AAAA,IACvE,GAAGQ;AAAAA,EAAAA,IAEL;AAAA,IAAEN,WAAAA;AAAAA,EAAAA;AAEN,SACEe,gBAAAA,EAAAC,cAAA,OAAAC,EAAA;AAAA,IACEd,KAAAA;AAAAA,EAAAA,GACIS,GACCb,IAAe;AAAA,IAAE,sBAAsBA;AAAAA,EAAAA,IAAiB,CAAA,GACzDG,CAAI,GAEPD,CACE;AAET,CACF;AAEAZ,EAAc6B,cAAc;"}

package/dist/index30.js

@@ -2,9 +2,9 @@ import e, { forwardRef as K } from "react";
 import { Icon as M } from "./index6.js";
 import { Button as d } from "./index4.js";
 import { useStableId as B } from "./index205.js";
-import { getRegionAttributes as Q } from "./index66.js";
-import { useAccessiblePress as U } from "./index67.js";
-import "./index72.js";
+import { getRegionAttributes as Q } from "./index70.js";
+import { useAccessiblePress as U } from "./index71.js";
+import "./index76.js";
 /* empty css         */
 function m() {
   return m = Object.assign ? Object.assign.bind() : function(a) {

package/dist/index32.js

@@ -1,7 +1,7 @@
 import e from "react";
 import { Button as N } from "./index4.js";
 import { Badge as I } from "./index10.js";
-import { Icon as d } from "./index6.js";
+import { Icon as g } from "./index6.js";
 /* empty css         */
 const t = {
   widgetCtn: "flex flex-col gap-[2px] align-center border border-[var(--color-gray-200)] rounded-[12px] w-[385px]",
@@ -21,16 +21,16 @@ const t = {
   requestFeatureImageCtn: "w-[48px] h-[48px] border border-[var(--color-gray-200)] rounded-[50%] flex items-center flex-shrink-0 bg-[var(--color-red-50)]",
   requestFeatureDescriptionCtn: "flex flex-col"
 }, B = ({
-  widgetClassName: g = "",
+  widgetClassName: d = "",
   widgetType: a = "general",
   widgetTitle: r = "",
   widgetDescription: l = "",
   widgetImage: p,
-  hasImage: f = !1,
+  hasImage: x = !1,
   hasButtonCta: n = !1,
   hasLinkCta: i = !1,
   ctaText: o = "",
-  hasBadge: x = !1,
+  hasBadge: f = !1,
   badgeText: w = "",
   buttonBgColor: u = "secondary",
   onCtaClick: b,
@@ -38,7 +38,7 @@ const t = {
   webinarDateInfo: c,
   webinarSpeaker: s
 }) => {
-  const E = x && /* @__PURE__ */ e.createElement(I, {
+  const E = f && /* @__PURE__ */ e.createElement(I, {
     label: w,
     className: t.widgetBadge,
     bgColor: "var(--color-yellow-50)",
@@ -52,14 +52,14 @@ const t = {
     label: o,
     className: `${t.widgetButtonCta} mt-[4px]`,
     onClick: b
-  })), C = f && /* @__PURE__ */ e.createElement("div", {
+  })), C = x && /* @__PURE__ */ e.createElement("div", {
     className: `${t.widgetImageCtn} widget-image-ctn`
   }, /* @__PURE__ */ e.createElement("img", {
     src: p,
     alt: "widget-image"
   }));
   return /* @__PURE__ */ e.createElement("div", {
-    className: `${t.widgetCtn} ${g} widget-ctn`,
+    className: `${t.widgetCtn} ${d} widget-ctn`,
     onClick: v
   }, a !== "general" && C, /* @__PURE__ */ e.createElement("div", {
     className: t.descriptionCtn
@@ -71,14 +71,14 @@ const t = {
     className: t.webinarInfoCtn
   }, s && /* @__PURE__ */ e.createElement("div", {
     className: `${t.webinarDescriptionInfo} align-baseline`
-  }, /* @__PURE__ */ e.createElement(d, {
+  }, /* @__PURE__ */ e.createElement(g, {
     name: "people",
     className: "relative top-[2px]"
   }), /* @__PURE__ */ e.createElement("span", {
     className: t.webinarSpeaker
   }, s)), c && /* @__PURE__ */ e.createElement("div", {
     className: `${t.webinarTimeInfo} align-baseline mb-[4px]`
-  }, /* @__PURE__ */ e.createElement(d, {
+  }, /* @__PURE__ */ e.createElement(g, {
     name: "clock",
     className: "relative top-[2px]"
   }), /* @__PURE__ */ e.createElement("span", {
@@ -96,7 +96,6 @@ const t = {
   }, l), m)) : m));
 };
 export {
-  B as Widget,
-  B as default
+  B as Widget
 };
 //# sourceMappingURL=index32.js.map

package/dist/index35.js

@@ -1,9 +1,9 @@
 import e, { useState as h, useEffect as E } from "react";
 import { Icon as N } from "./index6.js";
 import { useStableId as $ } from "./index205.js";
-import { getRegionAttributes as I } from "./index66.js";
-import { useAccessiblePress as _ } from "./index67.js";
-import "./index72.js";
+import { getRegionAttributes as I } from "./index70.js";
+import { useAccessiblePress as _ } from "./index71.js";
+import "./index76.js";
 function r() {
   return r = Object.assign ? Object.assign.bind() : function(n) {
     for (var s = 1; s < arguments.length; s++) {

package/dist/index36.js

@@ -1,10 +1,10 @@
 import e, { useState as k, useEffect as w } from "react";
 import { Icon as x } from "./index6.js";
 import { useStableId as F } from "./index205.js";
-import { getA11yNameAttributes as P } from "./index81.js";
-import { getRegionAttributes as V } from "./index66.js";
-import { useAccessiblePress as q } from "./index67.js";
-import "./index72.js";
+import { getA11yNameAttributes as P } from "./index82.js";
+import { getRegionAttributes as V } from "./index70.js";
+import { useAccessiblePress as q } from "./index71.js";
+import "./index76.js";
 function a() {
   return a = Object.assign ? Object.assign.bind() : function(i) {
     for (var o = 1; o < arguments.length; o++) {