se-design 1.0.83-dev.4 → 1.0.83

package/dist/components/CustomModal/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React, FC } from 'react';
+import { default as React, FC, MutableRefObject, RefObject } from 'react';
 export interface CustomModalProps {
     onSubmit?: () => void;
     onClose?: () => void;
@@ -19,6 +19,12 @@ export interface CustomModalProps {
      * Ignored when `ariaLabelledBy` is provided.
      */
     ariaLabel?: string;
+    /**
+     * Additional container refs for elements outside the modal DOM that should
+     * remain focusable while the focus trap is active (e.g. a header bar above
+     * a full-page overlay). Forwarded to useFocusTrap's portalContainerRefs.
+     */
+    portalContainerRefs?: MutableRefObject<RefObject<HTMLElement | null>[]>;
 }
 /**
  * Modal container with built-in focus trap, Escape dismissal, and dialog semantics.

package/dist/components/Header/index.d.ts

@@ -1,4 +1,4 @@
-import { default as React, FC } from 'react';
+import { default as React } from 'react';
 export interface HeaderProps {
     leftContainer?: React.ReactNode;
     centerContainer?: React.ReactNode;
@@ -7,4 +7,4 @@ export interface HeaderProps {
     className?: string;
     id?: string;
 }
-export declare const Header: FC<HeaderProps>;
+export declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;

package/dist/index13.js

@@ -1,54 +1,68 @@
-import i from "react";
+import i, { useEffect as h } from "react";
 import "./index72.js";
-import { useModalA11y as b } from "./index207.js";
+import { useModalA11y as y } from "./index207.js";
+import { useFocusTrapPortalRegistry as R, FocusTrapPortalContext as w } from "./index208.js";
 /* empty css         */
-function o() {
-  return o = Object.assign ? Object.assign.bind() : function(n) {
+function l() {
+  return l = Object.assign ? Object.assign.bind() : function(a) {
     for (var t = 1; t < arguments.length; t++) {
       var e = arguments[t];
-      for (var a in e) ({}).hasOwnProperty.call(e, a) && (n[a] = e[a]);
+      for (var r in e) ({}).hasOwnProperty.call(e, r) && (a[r] = e[r]);
     }
-    return n;
-  }, o.apply(null, arguments);
+    return a;
+  }, l.apply(null, arguments);
 }
-const y = (n) => {
+const O = (a) => {
   const {
     renderModalContent: t,
     isOpen: e,
-    width: a = "500px",
-    className: r = "",
-    contentClassName: s = "",
-    automationId: l = "",
-    onModalClick: d = () => {
+    width: r = "500px",
+    className: c = "",
+    contentClassName: d = "",
+    automationId: m = "",
+    onModalClick: u = () => {
     },
-    onClose: m,
-    ariaLabel: c,
-    ariaLabelledBy: u
-  } = n, {
-    containerRef: p,
-    dialogProps: f
-  } = b({
+    onClose: p,
+    ariaLabel: f,
+    ariaLabelledBy: g,
+    portalContainerRefs: n
+  } = a, {
+    register: o,
+    portalContainerRefs: v
+  } = R();
+  h(() => {
+    if (!n?.current) return;
+    const C = n.current.map((s) => o(s));
+    return () => C.forEach((s) => s());
+  }, [o, n]);
+  const {
+    containerRef: b,
+    dialogProps: x
+  } = y({
     isOpen: e,
-    onDismiss: m,
-    ariaLabel: c,
-    ariaLabelledBy: u
+    onDismiss: p,
+    ariaLabel: f,
+    ariaLabelledBy: g,
+    portalContainerRefs: v
   });
-  return /* @__PURE__ */ i.createElement("div", {
-    className: `se-design-modal fixed inset-0 flex items-start justify-center z-[2001] backdrop-brightness-50 backdrop-blur-sm ${e ? "visible" : "invisible pointer-events-none"} ${r}`,
-    "data-automation-id": l,
-    onClick: d,
+  return /* @__PURE__ */ i.createElement(w.Provider, {
+    value: o
+  }, /* @__PURE__ */ i.createElement("div", {
+    className: `se-design-modal fixed inset-0 flex items-start justify-center z-[2001] backdrop-brightness-50 backdrop-blur-sm ${e ? "visible" : "invisible pointer-events-none"} ${c}`,
+    "data-automation-id": m,
+    onClick: u,
     "aria-hidden": e ? void 0 : !0
-  }, /* @__PURE__ */ i.createElement("div", o({
-    ref: p
-  }, f, {
-    className: `modal-content flex flex-col gap-3 bg-[var(--color-white)] rounded shadow-lg p-8 mt-[48px] ${s}`,
+  }, /* @__PURE__ */ i.createElement("div", l({
+    ref: b
+  }, x, {
+    className: `modal-content flex flex-col gap-3 bg-[var(--color-white)] rounded shadow-lg p-8 mt-[48px] ${d}`,
     style: {
-      width: a,
+      width: r,
       maxWidth: "100vw"
     }
-  }), t()));
+  }), t())));
 };
 export {
-  y as CustomModal
+  O as CustomModal
 };
 //# sourceMappingURL=index13.js.map

package/dist/index13.js.map

@@ -1 +1 @@
-{"version":3,"file":"index13.js","sources":["../src/components/CustomModal/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { useModalA11y } from 'src/utils/a11y';\nimport './style.scss';\n\nexport interface CustomModalProps {\n  onSubmit?: () => void;\n  onClose?: () => void;\n  onModalClick?: () => void;\n  renderModalContent: () => React.ReactNode;\n  isOpen: boolean;\n  width?: string;\n  className?: string;\n  contentClassName?: string;\n  automationId?: string;\n  /**\n   * ID of a visible heading element rendered inside `renderModalContent`.\n   * Add `id={ariaLabelledBy}` to that element to complete the association.\n   */\n  ariaLabelledBy?: string;\n  /**\n   * aria-label for modals without a visible title heading.\n   * Ignored when `ariaLabelledBy` is provided.\n   */\n  ariaLabel?: string;\n}\n\n/**\n * Modal container with built-in focus trap, Escape dismissal, and dialog semantics.\n *\n * Labelling (pick one):\n * - `ariaLabelledBy` — ID of a heading rendered inside `renderModalContent`\n * - `ariaLabel` — for modals with no visible title\n *\n * Escape dismissal requires `onClose` to be passed.\n *\n * ---\n * ## Header + close button pattern (zoom-safe)\n *\n * If your modal has a title and a close button, use a flex row — NOT absolute positioning.\n * Absolute positioning causes the close icon to overlap the title at 200%/400% zoom.\n *\n * ✅ Correct:\n * ```tsx\n * renderModalContent={() => (\n *   <>\n *     <div className=\"modal-header\">   // display:flex; align-items:flex-start; justify-content:space-between; gap:12px\n *       <h2 className=\"modal-title\">Title</h2>   // flex:1 so it wraps without touching the icon\n *       <Icon name=\"close\" onClick={onClose} ariaLabel=\"Close\" className=\"shrink-0\" />\n *     </div>\n *     <div className=\"modal-body\">...content...</div>\n *   </>\n * )}\n * ```\n *\n * ❌ Avoid:\n * ```tsx\n * renderModalContent={() => (\n *   <div style={{ position: 'relative' }}>\n *     <h2>Title</h2>\n *     <Icon name=\"close\" style={{ position: 'absolute', top: 8, right: 8 }} />\n *   </div>\n * )}\n * ```\n */\nexport const CustomModal: FC<CustomModalProps> = (props) => {\n  const {\n    renderModalContent,\n    isOpen,\n    width = '500px',\n    className = '',\n    contentClassName = '',\n    automationId = '',\n    onModalClick = () => {},\n    onClose,\n    ariaLabel,\n    ariaLabelledBy,\n  } = props;\n\n  const { containerRef, dialogProps } = useModalA11y({\n    isOpen,\n    onDismiss: onClose,\n    ariaLabel,\n    ariaLabelledBy,\n  });\n\n  return (\n    <div\n      className={`se-design-modal fixed inset-0 flex items-start justify-center z-[2001] backdrop-brightness-50 backdrop-blur-sm ${\n        isOpen ? 'visible' : 'invisible pointer-events-none'\n      } ${className}`}\n      data-automation-id={automationId}\n      onClick={onModalClick}\n      aria-hidden={isOpen ? undefined : true}\n    >\n      <div\n        ref={containerRef}\n        {...dialogProps}\n        className={`modal-content flex flex-col gap-3 bg-[var(--color-white)] rounded shadow-lg p-8 mt-[48px] ${contentClassName}`}\n        style={{ width, maxWidth: '100vw' }}\n      >\n        {renderModalContent()}\n      </div>\n    </div>\n  );\n};\n"],"names":["CustomModal","props","renderModalContent","isOpen","width","className","contentClassName","automationId","onModalClick","onClose","ariaLabel","ariaLabelledBy","containerRef","dialogProps","useModalA11y","onDismiss","React","createElement","onClick","undefined","_extends","ref","style","maxWidth"],"mappings":";;;;;;;;;;;;;AAgEO,MAAMA,IAAqCC,CAAAA,MAAU;AAC1D,QAAM;AAAA,IACJC,oBAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,OAAAA,IAAQ;AAAA,IACRC,WAAAA,IAAY;AAAA,IACZC,kBAAAA,IAAmB;AAAA,IACnBC,cAAAA,IAAe;AAAA,IACfC,cAAAA,IAAeA,MAAM;AAAA,IAAC;AAAA,IACtBC,SAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EAAAA,IACEV,GAEE;AAAA,IAAEW,cAAAA;AAAAA,IAAcC,aAAAA;AAAAA,EAAAA,IAAgBC,EAAa;AAAA,IACjDX,QAAAA;AAAAA,IACAY,WAAWN;AAAAA,IACXC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EAAAA,CACD;AAED,SACEK,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEZ,WAAW,kHACTF,IAAS,YAAY,+BAA+B,IAClDE,CAAS;AAAA,IACb,sBAAoBE;AAAAA,IACpBW,SAASV;AAAAA,IACT,eAAaL,IAASgB,SAAY;AAAA,EAAA,GAElCH,gBAAAA,EAAAC,cAAA,OAAAG,EAAA;AAAA,IACEC,KAAKT;AAAAA,EAAAA,GACDC,GAAW;AAAA,IACfR,WAAW,6FAA6FC,CAAgB;AAAA,IACxHgB,OAAO;AAAA,MAAElB,OAAAA;AAAAA,MAAOmB,UAAU;AAAA,IAAA;AAAA,EAAQ,CAAE,GAEnCrB,EAAAA,CACE,CACF;AAET;"}
+{"version":3,"file":"index13.js","sources":["../src/components/CustomModal/index.tsx"],"sourcesContent":["import React, { FC, useEffect } from 'react';\nimport type { MutableRefObject, RefObject } from 'react';\nimport { useModalA11y } from 'src/utils/a11y';\nimport { FocusTrapPortalContext, useFocusTrapPortalRegistry } from 'src/utils/a11y/FocusTrapPortalContext';\nimport './style.scss';\n\nexport interface CustomModalProps {\n  onSubmit?: () => void;\n  onClose?: () => void;\n  onModalClick?: () => void;\n  renderModalContent: () => React.ReactNode;\n  isOpen: boolean;\n  width?: string;\n  className?: string;\n  contentClassName?: string;\n  automationId?: string;\n  /**\n   * ID of a visible heading element rendered inside `renderModalContent`.\n   * Add `id={ariaLabelledBy}` to that element to complete the association.\n   */\n  ariaLabelledBy?: string;\n  /**\n   * aria-label for modals without a visible title heading.\n   * Ignored when `ariaLabelledBy` is provided.\n   */\n  ariaLabel?: string;\n  /**\n   * Additional container refs for elements outside the modal DOM that should\n   * remain focusable while the focus trap is active (e.g. a header bar above\n   * a full-page overlay). Forwarded to useFocusTrap's portalContainerRefs.\n   */\n  portalContainerRefs?: MutableRefObject<RefObject<HTMLElement | null>[]>;\n}\n\n/**\n * Modal container with built-in focus trap, Escape dismissal, and dialog semantics.\n *\n * Labelling (pick one):\n * - `ariaLabelledBy` — ID of a heading rendered inside `renderModalContent`\n * - `ariaLabel` — for modals with no visible title\n *\n * Escape dismissal requires `onClose` to be passed.\n *\n * ---\n * ## Header + close button pattern (zoom-safe)\n *\n * If your modal has a title and a close button, use a flex row — NOT absolute positioning.\n * Absolute positioning causes the close icon to overlap the title at 200%/400% zoom.\n *\n * ✅ Correct:\n * ```tsx\n * renderModalContent={() => (\n *   <>\n *     <div className=\"modal-header\">   // display:flex; align-items:flex-start; justify-content:space-between; gap:12px\n *       <h2 className=\"modal-title\">Title</h2>   // flex:1 so it wraps without touching the icon\n *       <Icon name=\"close\" onClick={onClose} ariaLabel=\"Close\" className=\"shrink-0\" />\n *     </div>\n *     <div className=\"modal-body\">...content...</div>\n *   </>\n * )}\n * ```\n *\n * ❌ Avoid:\n * ```tsx\n * renderModalContent={() => (\n *   <div style={{ position: 'relative' }}>\n *     <h2>Title</h2>\n *     <Icon name=\"close\" style={{ position: 'absolute', top: 8, right: 8 }} />\n *   </div>\n * )}\n * ```\n */\nexport const CustomModal: FC<CustomModalProps> = (props) => {\n  const {\n    renderModalContent,\n    isOpen,\n    width = '500px',\n    className = '',\n    contentClassName = '',\n    automationId = '',\n    onModalClick = () => {},\n    onClose,\n    ariaLabel,\n    ariaLabelledBy,\n    portalContainerRefs,\n  } = props;\n\n  const { register, portalContainerRefs: registryRefs } = useFocusTrapPortalRegistry();\n\n  // Append explicit portalContainerRefs (e.g. header ref) into the registry\n  // so they're included alongside auto-registered portal refs from Popovers/Dropdowns.\n  useEffect(() => {\n    if (!portalContainerRefs?.current) return;\n    const unregisters = portalContainerRefs.current.map((ref) => register(ref));\n    return () => unregisters.forEach((unregister) => unregister());\n  }, [register, portalContainerRefs]);\n\n  const { containerRef, dialogProps } = useModalA11y({\n    isOpen,\n    onDismiss: onClose,\n    ariaLabel,\n    ariaLabelledBy,\n    portalContainerRefs: registryRefs,\n  });\n\n  return (\n    <FocusTrapPortalContext.Provider value={register}>\n      <div\n        className={`se-design-modal fixed inset-0 flex items-start justify-center z-[2001] backdrop-brightness-50 backdrop-blur-sm ${\n          isOpen ? 'visible' : 'invisible pointer-events-none'\n        } ${className}`}\n        data-automation-id={automationId}\n        onClick={onModalClick}\n        aria-hidden={isOpen ? undefined : true}\n      >\n        <div\n          ref={containerRef}\n          {...dialogProps}\n          className={`modal-content flex flex-col gap-3 bg-[var(--color-white)] rounded shadow-lg p-8 mt-[48px] ${contentClassName}`}\n          style={{ width, maxWidth: '100vw' }}\n        >\n          {renderModalContent()}\n        </div>\n      </div>\n    </FocusTrapPortalContext.Provider>\n  );\n};\n"],"names":["CustomModal","props","renderModalContent","isOpen","width","className","contentClassName","automationId","onModalClick","onClose","ariaLabel","ariaLabelledBy","portalContainerRefs","register","registryRefs","useFocusTrapPortalRegistry","useEffect","current","unregisters","map","ref","forEach","unregister","containerRef","dialogProps","useModalA11y","onDismiss","React","createElement","FocusTrapPortalContext","Provider","value","onClick","undefined","_extends","style","maxWidth"],"mappings":";;;;;;;;;;;;;;AAwEO,MAAMA,IAAqCC,CAAAA,MAAU;AAC1D,QAAM;AAAA,IACJC,oBAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,OAAAA,IAAQ;AAAA,IACRC,WAAAA,IAAY;AAAA,IACZC,kBAAAA,IAAmB;AAAA,IACnBC,cAAAA,IAAe;AAAA,IACfC,cAAAA,IAAeA,MAAM;AAAA,IAAC;AAAA,IACtBC,SAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,qBAAAA;AAAAA,EAAAA,IACEX,GAEE;AAAA,IAAEY,UAAAA;AAAAA,IAAUD,qBAAqBE;AAAAA,EAAAA,IAAiBC,EAAAA;AAIxDC,EAAAA,EAAU,MAAM;AACd,QAAI,CAACJ,GAAqBK,QAAS;AACnC,UAAMC,IAAcN,EAAoBK,QAAQE,IAAKC,CAAAA,MAAQP,EAASO,CAAG,CAAC;AAC1E,WAAO,MAAMF,EAAYG,QAASC,CAAAA,MAAeA,GAAY;AAAA,EAC/D,GAAG,CAACT,GAAUD,CAAmB,CAAC;AAElC,QAAM;AAAA,IAAEW,cAAAA;AAAAA,IAAcC,aAAAA;AAAAA,EAAAA,IAAgBC,EAAa;AAAA,IACjDtB,QAAAA;AAAAA,IACAuB,WAAWjB;AAAAA,IACXC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,qBAAqBE;AAAAA,EAAAA,CACtB;AAED,SACEa,gBAAAA,EAAAC,cAACC,EAAuBC,UAAQ;AAAA,IAACC,OAAOlB;AAAAA,EAAAA,GACtCc,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEvB,WAAW,kHACTF,IAAS,YAAY,+BAA+B,IAClDE,CAAS;AAAA,IACb,sBAAoBE;AAAAA,IACpByB,SAASxB;AAAAA,IACT,eAAaL,IAAS8B,SAAY;AAAA,EAAA,GAElCN,gBAAAA,EAAAC,cAAA,OAAAM,EAAA;AAAA,IACEd,KAAKG;AAAAA,EAAAA,GACDC,GAAW;AAAA,IACfnB,WAAW,6FAA6FC,CAAgB;AAAA,IACxH6B,OAAO;AAAA,MAAE/B,OAAAA;AAAAA,MAAOgC,UAAU;AAAA,IAAA;AAAA,EAAQ,CAAE,GAEnClC,EAAAA,CACE,CACF,CAC0B;AAErC;"}

package/dist/index20.js

@@ -1,20 +1,21 @@
-import e from "react";
-const u = ({
+import e, { forwardRef as u } from "react";
+const m = /* @__PURE__ */ u(({
   leftContainer: t,
   centerContainer: l,
   rightContainer: r,
   className: a,
-  id: c,
-  ...o
-}) => /* @__PURE__ */ e.createElement("header", {
-  id: c,
+  id: o,
+  ...c
+}, n) => /* @__PURE__ */ e.createElement("header", {
+  ref: n,
+  id: o,
   tabIndex: -1,
   style: {
     "--focus-color": "var(--color-blue-300)"
   },
-  className: `se-design-header ${a} sticky top-0 h-[48px] w-full z-[1010] bg-[var(--color-blue-600)] flex justify-between items-center focus:outline-none ${o?.type === "fixed" ? "fixed left-0 right-0 top-0" : ""}`
-}, t && /* @__PURE__ */ e.createElement(e.Fragment, null, t), l && /* @__PURE__ */ e.createElement(e.Fragment, null, l), r && /* @__PURE__ */ e.createElement(e.Fragment, null, r));
+  className: `se-design-header ${a} sticky top-0 h-[48px] w-full z-[1010] bg-[var(--color-blue-600)] flex justify-between items-center focus:outline-none ${c?.type === "fixed" ? "fixed left-0 right-0 top-0" : ""}`
+}, t && /* @__PURE__ */ e.createElement(e.Fragment, null, t), l && /* @__PURE__ */ e.createElement(e.Fragment, null, l), r && /* @__PURE__ */ e.createElement(e.Fragment, null, r)));
 export {
-  u as Header
+  m as Header
 };
 //# sourceMappingURL=index20.js.map

package/dist/index20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index20.js","sources":["../src/components/Header/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nexport interface HeaderProps {\n  leftContainer?: React.ReactNode;\n  centerContainer?: React.ReactNode;\n  rightContainer?: React.ReactNode;\n  type?: string;\n  className?: string;\n  id?: string;\n}\n\nexport const Header: FC<HeaderProps> = ({\n  leftContainer,\n  centerContainer,\n  rightContainer,\n  className,\n  id,\n  ...props\n}) => {\n  return (\n    <header\n      id={id}\n      tabIndex={-1}\n      style={{ '--focus-color': 'var(--color-blue-300)' } as React.CSSProperties}\n      className={`se-design-header ${className} sticky top-0 h-[48px] w-full z-[1010] bg-[var(--color-blue-600)] flex justify-between items-center focus:outline-none ${\n        props?.type === 'fixed' ? 'fixed left-0 right-0 top-0' : ''\n      }`}\n    >\n      {leftContainer && <>{leftContainer}</>}\n      {centerContainer && <>{centerContainer}</>}\n      {rightContainer && <>{rightContainer}</>}\n    </header>\n  );\n};\n"],"names":["Header","leftContainer","centerContainer","rightContainer","className","id","props","React","createElement","tabIndex","style","type","Fragment"],"mappings":";AAWO,MAAMA,IAA0BA,CAAC;AAAA,EACtCC,eAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAAC,cAAA,UAAA;AAAA,EACEH,IAAAA;AAAAA,EACAI,UAAU;AAAA,EACVC,OAAO;AAAA,IAAE,iBAAiB;AAAA,EAAA;AAAA,EAC1BN,WAAW,oBAAoBA,CAAS,0HACtCE,GAAOK,SAAS,UAAU,+BAA+B,EAAE;AAAA,GAG5DV,KAAiBM,gBAAAA,EAAAC,cAAAD,EAAAK,UAAA,MAAGX,CAAgB,GACpCC,KAAmBK,gBAAAA,EAAAC,cAAAD,EAAAK,UAAA,MAAGV,CAAkB,GACxCC,KAAkBI,gBAAAA,EAAAC,cAAAD,EAAAK,UAAA,MAAGT,CAAiB,CACjC;"}
+{"version":3,"file":"index20.js","sources":["../src/components/Header/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nexport interface HeaderProps {\n  leftContainer?: React.ReactNode;\n  centerContainer?: React.ReactNode;\n  rightContainer?: React.ReactNode;\n  type?: string;\n  className?: string;\n  id?: string;\n}\n\nexport const Header = forwardRef<HTMLElement, HeaderProps>(({\n  leftContainer,\n  centerContainer,\n  rightContainer,\n  className,\n  id,\n  ...props\n}, ref) => {\n  return (\n    <header\n      ref={ref}\n      id={id}\n      tabIndex={-1}\n      style={{ '--focus-color': 'var(--color-blue-300)' } as React.CSSProperties}\n      className={`se-design-header ${className} sticky top-0 h-[48px] w-full z-[1010] bg-[var(--color-blue-600)] flex justify-between items-center focus:outline-none ${\n        props?.type === 'fixed' ? 'fixed left-0 right-0 top-0' : ''\n      }`}\n    >\n      {leftContainer && <>{leftContainer}</>}\n      {centerContainer && <>{centerContainer}</>}\n      {rightContainer && <>{rightContainer}</>}\n    </header>\n  );\n});\n"],"names":["React__default","forwardRef","Header","leftContainer","centerContainer","rightContainer","className","id","props","ref","React","createElement","tabIndex","style","type","Fragment"],"mappings":"AAWO,OAAAA,KAAA,cAAAC,SAAA;AAAA,MAAMC,sBAA8C,CAAC;AAAA,EAC1DC,eAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACA,GAAGC;AACL,GAAGC,MAECC,gBAAAA,EAAAC,cAAA,UAAA;AAAA,EACEF,KAAAA;AAAAA,EACAF,IAAAA;AAAAA,EACAK,UAAU;AAAA,EACVC,OAAO;AAAA,IAAE,iBAAiB;AAAA,EAAA;AAAA,EAC1BP,WAAW,oBAAoBA,CAAS,0HACtCE,GAAOM,SAAS,UAAU,+BAA+B,EAAE;AAAA,GAG5DX,KAAiBO,gBAAAA,EAAAC,cAAAD,EAAAK,UAAA,MAAGZ,CAAgB,GACpCC,KAAmBM,gBAAAA,EAAAC,cAAAD,EAAAK,UAAA,MAAGX,CAAkB,GACxCC,KAAkBK,gBAAAA,EAAAC,cAAAD,EAAAK,UAAA,MAAGV,CAAiB,CACjC,CAEX;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "se-design",
-  "version": "1.0.83-dev.4",
+  "version": "1.0.83",
   "type": "module",
   "module": "dist/index.js",
   "exports": {