@iress-oss/ids-components 6.0.0-alpha.8 → 6.0.0-alpha.9

package/dist/components/Menu/MenuText/MenuText.js

@@ -1,81 +1,84 @@
-import { jsx as r, jsxs as h, Fragment as I } from "react/jsx-runtime";
+import { jsx as r, jsxs as d, Fragment as N } from "react/jsx-runtime";
 import { useMenuItemRole as C } from "../MenuItem/hooks/useMenuItemRole.js";
 import { useContext as v } from "react";
-import { MenuContext as N } from "../Menu.js";
+import { MenuContext as H } from "../Menu.js";
 import { IressText as P } from "../../Text/Text.js";
-import { menu as H } from "../Menu.styles.js";
-import { c as i } from "../../../css-fGu_jDvv.js";
-import { c } from "../../../cx-DN21T1EH.js";
-import { IressMenuDivider as T } from "../MenuDivider/MenuDivider.js";
-import { GlobalCSSClass as d } from "../../../enums.js";
-import { s as j } from "../../../is-valid-prop-Ce0wiweq.js";
-const R = (s, o) => (s && ["h1", "h2", "h3", "h4", "h5", "h6"].includes(s)) ?? (o && [
+import { menu as T } from "../Menu.styles.js";
+import { c as i } from "../../../css-w5PYGgYt.js";
+import { c as h } from "../../../cx-DN21T1EH.js";
+import { IressMenuDivider as j } from "../MenuDivider/MenuDivider.js";
+import { GlobalCSSClass as c } from "../../../enums.js";
+import { s as R } from "../../../is-valid-prop-DI4RCMon.js";
+const b = (s, e) => (s && ["h1", "h2", "h3", "h4", "h5", "h6"].includes(s)) ?? (e && [
   "typography.heading.1",
   "typography.heading.2",
   "typography.heading.3",
   "typography.heading.4",
   "typography.heading.5"
-].includes(o)), b = ({
+].includes(e)), l = ({
   append: s,
-  children: o,
-  className: e,
+  children: e,
+  className: o,
   "data-testid": t,
-  divider: g,
+  divider: u,
   element: m,
-  prepend: n,
-  role: l,
+  prepend: a,
+  role: g,
   textStyle: p,
-  ...u
+  ...y
 }) => {
-  const y = v(N), f = C() ?? l, a = H.raw({
-    layout: y?.layout,
-    heading: R(m, p),
-    hasAppendOrPrepend: !!(s ?? n)
-  }), [x, M] = j(u);
-  return /* @__PURE__ */ h(I, { children: [
-    /* @__PURE__ */ h(
+  const f = v(H), x = C() ?? g, n = T.raw({
+    layout: f?.layout,
+    heading: b(m, p),
+    hasAppendOrPrepend: !!(s ?? a)
+  }), [M, I] = R(y);
+  return /* @__PURE__ */ d(N, { children: [
+    /* @__PURE__ */ d(
       "div",
       {
-        className: c(
-          e,
-          i(a.text, x),
-          d.MenuText
+        className: h(
+          o,
+          i(n.text, M),
+          c.MenuText
         ),
         "data-testid": t,
-        role: f,
+        role: x,
         children: [
-          n && /* @__PURE__ */ r("div", { children: n }),
+          a && /* @__PURE__ */ r("div", { children: a }),
           /* @__PURE__ */ r(
             P,
             {
-              ...M,
-              className: i(a.contents),
+              ...I,
+              className: i(n.contents),
               element: m,
               textStyle: p,
-              children: o
+              children: e
             }
           ),
-          s && /* @__PURE__ */ r("div", { className: i(a.append), children: s })
+          s && /* @__PURE__ */ r("div", { className: i(n.append), children: s })
         ]
       }
     ),
-    g && /* @__PURE__ */ r(T, { mt: "spacing.1" })
+    u && /* @__PURE__ */ r(j, { mt: "spacing.1" })
   ] });
-}, B = ({
+};
+l.displayName = "IressMenuText";
+const w = ({
   className: s,
-  element: o = "h2",
-  textStyle: e = "typography.heading.4",
+  element: e = "h2",
+  textStyle: o = "typography.heading.4",
   ...t
 }) => /* @__PURE__ */ r(
-  b,
+  l,
   {
-    element: o,
-    textStyle: e,
+    element: e,
+    textStyle: o,
     ...t,
-    className: c(s, d.MenuHeading)
+    className: h(s, c.MenuHeading)
   }
 );
+w.displayName = "IressMenuHeading";
 export {
-  B as IressMenuHeading,
-  b as IressMenuText
+  w as IressMenuHeading,
+  l as IressMenuText
 };

package/dist/{src/components → components}/Modal/Modal.d.ts

@@ -78,4 +78,7 @@ export interface IressModalProps extends IressStyledProps {
      */
     static?: boolean;
 }
-export declare const IressModal: ({ children, className, closeText, container, "data-testid": dataTestid, defaultShow, disableBackdropClick, fixedFooter, footer, heading: headingProp, noCloseButton, onEntered, onExited, onShowChange, onStatus, onTransitionEnd, show, size, static: isStatic, style, ...restProps }: IressModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const IressModal: {
+    ({ children, className, closeText, container, "data-testid": dataTestid, defaultShow, disableBackdropClick, fixedFooter, footer, heading: headingProp, noCloseButton, onEntered, onExited, onShowChange, onStatus, onTransitionEnd, show, size, static: isStatic, style, ...restProps }: IressModalProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/components/Modal/Modal.js

@@ -1,6 +1,6 @@
-import { jsx as n, jsxs as N } from "react/jsx-runtime";
+import { jsx as n, jsxs as v } from "react/jsx-runtime";
 import { useState as Z, useEffect as w, useMemo as oo } from "react";
-import "../../Button-B4nt3P1v.js";
+import "../../Button-BkufphWK.js";
 import { IressCloseButton as eo } from "../Button/CloseButton/CloseButton.js";
 import { u as to, b as so, c as ro, d as no, e as ao, F as io, f as lo, g as co } from "../../floating-ui.react-BetVZ099.js";
 import { idsLogger as mo } from "../../helpers/utility/idsLogger.js";
@@ -11,11 +11,11 @@ import { IressText as po } from "../Text/Text.js";
 import { useProviderModal as go } from "./hooks/useProviderModal.js";
 import { modal as ho } from "./Modal.styles.js";
 import { c as C } from "../../cx-DN21T1EH.js";
-import { s as u } from "../../factory-oPXoMw9H.js";
-import { s as bo } from "../../is-valid-prop-Ce0wiweq.js";
+import { s as u } from "../../factory-CWvlR9Yh.js";
+import { s as bo } from "../../is-valid-prop-DI4RCMon.js";
 import { GlobalCSSClass as p } from "../../enums.js";
 import { getTransitionDuration as yo } from "../../helpers/transition/getTransitionDuration.js";
-const Ro = ({
+const Io = ({
   children: P,
   className: k,
   closeText: S,
@@ -40,11 +40,11 @@ const Ro = ({
 }) => {
   const [L, U] = Z(E);
   let y = 240;
-  const r = go(m.id), F = fo({ id: m.id }), f = `${F}--heading`, q = r.opened || c || L, I = (o) => {
+  const r = go(m.id), I = fo({ id: m.id }), f = `${I}--heading`, q = r.opened || c || L, F = (o) => {
     r.show(o), U(o), R?.(o);
   }, { context: e } = to({
     open: q,
-    onOpenChange: I
+    onOpenChange: F
   }), z = so(e, {
     enabled: !B,
     outsidePress: (o) => !o.target.closest(`.${p.Toaster}`),
@@ -64,7 +64,7 @@ const Ro = ({
     size: $,
     static: a,
     status: i
-  }), [K, Q] = bo(m), { p: x = "lg", ...V } = K;
+  }), [K, Q] = bo(m), { p: M = "lg", ...V } = K;
   w(() => {
     r.opened && c && mo(
       "IressModal: Please use either IressModalProvider for uncontrolled components, or the show prop for controlled components, rather than both. If you use both, the open state of the modal will become unpredictable. If you want to show a modal by default in uncontrolled mode, use the defaultShow prop."
@@ -72,7 +72,7 @@ const Ro = ({
   }, [r.opened, c]), w(() => {
     b?.(i);
   }, [i, b]);
-  const M = oo(() => typeof d == "string" ? /* @__PURE__ */ n(
+  const x = oo(() => typeof d == "string" ? /* @__PURE__ */ n(
     po,
     {
       className: s.header,
@@ -85,7 +85,7 @@ const Ro = ({
     _?.(o), !(!(o.propertyName === "opacity" || !o.propertyName) || o.target !== o.currentTarget) && (i === "open" ? (D?.(), a || e.refs.floating?.current?.focus()) : i === "close" && O?.());
   };
   if (!J) return null;
-  const v = /* @__PURE__ */ n(
+  const N = /* @__PURE__ */ n(
     io,
     {
       className: C(k, s.backdrop, p.ModalBackdrop),
@@ -98,14 +98,14 @@ const Ro = ({
           context: e,
           initialFocus: e.refs.floating,
           disabled: a,
-          children: /* @__PURE__ */ N(
+          children: /* @__PURE__ */ v(
             u.div,
             {
               ref: (o) => e.refs.setFloating(o),
               className: C(s.modal, uo(), p.Modal),
-              id: F,
+              id: I,
               "data-testid": t,
-              "aria-labelledby": M ? f : void 0,
+              "aria-labelledby": x ? f : void 0,
               ...H.getFloatingProps(Q),
               ...V,
               onTransitionEnd: W,
@@ -113,20 +113,20 @@ const Ro = ({
                 !j && /* @__PURE__ */ n(
                   eo,
                   {
-                    onClick: () => I(!1),
+                    onClick: () => F(!1),
                     screenreaderText: S,
                     className: s.closeButton,
                     "data-testid": l(t, "close-button__button")
                   }
                 ),
-                /* @__PURE__ */ N(
+                /* @__PURE__ */ v(
                   u.div,
                   {
                     className: s.content,
                     "data-testid": l(t, "content"),
-                    p: x,
+                    p: M,
                     children: [
-                      M,
+                      x,
                       P
                     ]
                   }
@@ -136,7 +136,7 @@ const Ro = ({
                   {
                     className: s.footer,
                     "data-testid": l(t, "footer"),
-                    p: x,
+                    p: M,
                     children: h
                   }
                 )
@@ -147,8 +147,9 @@ const Ro = ({
       )
     }
   ), X = g ?? r?.container;
-  return a && !X ? v : /* @__PURE__ */ n(co, { root: g ?? r?.container, children: v });
+  return a && !X ? N : /* @__PURE__ */ n(co, { root: g ?? r?.container, children: N });
 };
+Io.displayName = "IressModal";
 export {
-  Ro as IressModal
+  Io as IressModal
 };

package/dist/components/Modal/Modal.styles.js

@@ -1,4 +1,4 @@
-import { s as a } from "../../sva-OmxClA9g.js";
+import { s as a } from "../../sva-wwkEhoyo.js";
 const o = [
   "modal",
   "backdrop",

package/dist/{src/components → components}/Modal/ModalProvider.d.ts

@@ -7,4 +7,7 @@ export interface IressModalProviderProps extends PropsWithChildren {
      */
     container?: FloatingUIContainer;
 }
-export declare const IressModalProvider: ({ children, container, }: IressModalProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressModalProvider: {
+    ({ children, container, }: IressModalProviderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Modal/ModalProvider.js

@@ -1,32 +1,33 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useState as i, useCallback as t, useMemo as p } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { useState as f, useCallback as s, useMemo as p } from "react";
 import { ModalContext as M } from "./hooks/useModal.js";
-const b = ({
-  children: a,
-  container: s
+const x = ({
+  children: u,
+  container: t
 }) => {
-  const [r, n] = i([]), l = t((e) => {
-    n((o) => o.includes(e) ? [...o] : [...o, e]);
-  }, []), u = t((e) => {
-    n(
+  const [r, l] = f([]), n = s((e) => {
+    l((o) => o.includes(e) ? [...o] : [...o, e]);
+  }, []), a = s((e) => {
+    l(
       (o) => o.includes(e) ? o.filter((m) => m !== e) : [...o]
     );
-  }, []), c = t(
+  }, []), d = s(
     (e, o = !0) => {
-      if (o) return l(e);
-      u(e);
+      if (o) return n(e);
+      a(e);
     },
-    [u, l]
-  ), d = p(
+    [a, n]
+  ), c = p(
     () => ({
       opened: r,
-      container: s,
-      showModal: c
+      container: t,
+      showModal: d
     }),
-    [s, r, c]
+    [t, r, d]
   );
-  return /* @__PURE__ */ f(M.Provider, { value: d, children: a });
+  return /* @__PURE__ */ i(M.Provider, { value: c, children: u });
 };
+x.displayName = "IressModalProvider";
 export {
-  b as IressModalProvider
+  x as IressModalProvider
 };

package/dist/{src/components → components}/Panel/Panel.d.ts

@@ -12,4 +12,7 @@ export interface IressPanelProps extends IressStyledProps {
      */
     noBorderRadius?: boolean;
 }
-export declare const IressPanel: ({ className, ...restProps }: IressPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressPanel: {
+    ({ className, ...restProps }: IressPanelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Panel/Panel.js

@@ -1,10 +1,11 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { panel as m } from "./Panel.styles.js";
-import { s as t } from "../../factory-oPXoMw9H.js";
-import { IressText as e } from "../Text/Text.js";
-import { c as a } from "../../cx-DN21T1EH.js";
-import { GlobalCSSClass as p } from "../../enums.js";
-const l = t(e, m), I = ({ className: o, ...r }) => /* @__PURE__ */ s(l, { ...r, className: a(o, p.Panel) });
+import { s as e } from "../../factory-CWvlR9Yh.js";
+import { IressText as a } from "../Text/Text.js";
+import { c as t } from "../../cx-DN21T1EH.js";
+import { GlobalCSSClass as l } from "../../enums.js";
+const p = e(a, m), n = ({ className: o, ...s }) => /* @__PURE__ */ r(p, { ...s, className: t(o, l.Panel) });
+n.displayName = "IressPanel";
 export {
-  I as IressPanel
+  n as IressPanel
 };

package/dist/components/Panel/Panel.styles.js

@@ -1,4 +1,4 @@
-import { c as a } from "../../cva-JiDXAa83.js";
+import { c as a } from "../../cva-kirNs9Ig.js";
 const o = a({
   base: {
     display: "block",

package/dist/{src/components → components}/Placeholder/Placeholder.d.ts

@@ -18,4 +18,7 @@ export interface IressPlaceholderProps extends Omit<IressStyledProps, 'width'> {
      */
     width?: string | number;
 }
-export declare const IressPlaceholder: ({ children, className, height, stretch, style, width, ...restProps }: IressPlaceholderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressPlaceholder: {
+    ({ children, className, height, stretch, style, width, ...restProps }: IressPlaceholderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Placeholder/Placeholder.js

@@ -1,39 +1,40 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { toCSSLengthValue as a } from "../../helpers/formatting/toCSSLengthValue.js";
 import { c as p } from "../../cx-DN21T1EH.js";
 import { placeholder as x } from "./Placeholder.styles.js";
 import { IressText as d } from "../Text/Text.js";
 import { GlobalCSSClass as g } from "../../enums.js";
-const C = ({
+const u = ({
   children: c,
   className: m,
-  height: s = "auto",
+  height: o = "auto",
   stretch: i,
-  style: e,
-  width: t = "auto",
+  style: s,
+  width: l = "auto",
   ...n
 }) => {
-  const h = s === "auto" ? i ? "100%" : s : a(s), o = x();
+  const h = o === "auto" ? i ? "100%" : o : a(o), e = x();
   return /* @__PURE__ */ r(
     d,
     {
-      className: p(m, o.root, g.Placeholder),
+      className: p(m, e.root, g.Placeholder),
       ...n,
       style: {
-        ...e,
-        width: t ? a(t) : e?.width,
+        ...s,
+        width: l ? a(l) : s?.width,
         height: h
       },
       children: [
-        /* @__PURE__ */ r("svg", { xmlns: "http://www.w3.org/2000/svg", className: o.svg, children: [
-          /* @__PURE__ */ l("line", { x1: "0", y1: "0", x2: "100%", y2: "100%", className: o.line }),
-          /* @__PURE__ */ l("line", { x1: "100%", y1: "0", x2: "0", y2: "100%", className: o.line })
+        /* @__PURE__ */ r("svg", { xmlns: "http://www.w3.org/2000/svg", className: e.svg, children: [
+          /* @__PURE__ */ t("line", { x1: "0", y1: "0", x2: "100%", y2: "100%", className: e.line }),
+          /* @__PURE__ */ t("line", { x1: "100%", y1: "0", x2: "0", y2: "100%", className: e.line })
         ] }),
         c
       ]
     }
   );
 };
+u.displayName = "IressPlaceholder";
 export {
-  C as IressPlaceholder
+  u as IressPlaceholder
 };

package/dist/components/Placeholder/Placeholder.styles.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../sva-OmxClA9g.js";
+import { s as e } from "../../sva-wwkEhoyo.js";
 const t = e({
   slots: ["root", "svg", "line"],
   base: {

package/dist/components/Popover/InputPopover/InputPopover.js

@@ -1,72 +1,78 @@
 import { jsx as o, jsxs as w } from "react/jsx-runtime";
-import { forwardRef as y, useContext as E } from "react";
+import { forwardRef as E, useContext as G } from "react";
 import { GlobalCSSClass as t } from "../../../enums.js";
 import { propagateTestid as m } from "../../../helpers/utility/propagateTestid.js";
-import { PopoverContent as G } from "../components/PopoverContent.js";
-import { InputPopoverActivator as H } from "./InputPopoverActivator.js";
-import { usePopoverImperativeHandle as R } from "../hooks/usePopoverImperativeHandle.js";
-import { s as S } from "../../../factory-oPXoMw9H.js";
-import { usePopover as T, PopoverContext as c } from "../hooks/usePopover.js";
+import { PopoverContent as H } from "../components/PopoverContent.js";
+import { InputPopoverActivator as R } from "./InputPopoverActivator.js";
+import { usePopoverImperativeHandle as S } from "../hooks/usePopoverImperativeHandle.js";
+import { s as T } from "../../../factory-CWvlR9Yh.js";
 import { c as n } from "../../../cx-DN21T1EH.js";
 import { popover as W } from "../Popover.styles.js";
 import { NestedPopoverActivator as k } from "../components/NestedPopoverActivator.js";
-const q = ({
-  activator: v,
+import { useFloatingPopover as q, FloatingPopoverContext as v } from "../hooks/useFloatingPopover.js";
+const c = ({
+  activator: l,
   align: u = "auto",
-  autoHighlight: l = !0,
-  children: d,
-  className: f,
-  container: P,
+  autoHighlight: d = !0,
+  children: f,
+  className: P,
+  container: I,
   contentClassName: h,
   contentStyle: a,
   defaultShow: x,
   displayMode: s = "overlay",
-  focusStartIndex: I,
-  minLength: C,
+  focusStartIndex: C,
+  minLength: N,
   onActivated: A,
-  onDeactivated: N,
-  onNavigate: F,
+  onDeactivated: F,
+  onNavigate: g,
   show: b,
   type: j = "listbox",
   ...r
-}, g) => {
-  const i = s === "overlay", e = W({ hasInputActivator: !0, matchActivatorWidth: i }), p = T({
+}, y) => {
+  const i = s === "overlay", e = W({ hasInputActivator: !0, matchActivatorWidth: i }), p = q({
     align: u,
-    autoHighlight: l,
+    autoHighlight: d,
     defaultShow: x,
-    focusStartIndex: I,
+    focusStartIndex: C,
     hasInputActivator: !0,
     matchActivatorWidth: i,
     onActivated: A,
-    onDeactivated: N,
-    onNavigate: F,
+    onDeactivated: F,
+    onNavigate: g,
     show: b,
     type: j,
     virtualFocus: !0
   });
-  return R(g, p), /* @__PURE__ */ o(c.Provider, { value: p, children: /* @__PURE__ */ w(
-    S.div,
+  return S(y, p), /* @__PURE__ */ o(v.Provider, { value: p, children: /* @__PURE__ */ w(
+    T.div,
     {
       ...r,
       className: n(
-        f,
+        P,
         t.FormElement,
         e.root,
         t.Popover,
         t.InputPopover
       ),
       children: [
-        /* @__PURE__ */ o(k, { parentPopover: E(c), children: /* @__PURE__ */ o(
-          H,
+        /* @__PURE__ */ o(
+          k,
           {
-            className: e.activator,
-            "data-testid": m(r["data-testid"], "activator"),
-            minLength: C,
-            children: v
+            parentPopover: G(v),
+            children: /* @__PURE__ */ o(
+              R,
+              {
+                className: e.activator,
+                "data-testid": m(r["data-testid"], "activator"),
+                minLength: N,
+                children: l
+              }
+            )
           }
-        ) }),
+        ),
         /* @__PURE__ */ o(
-          G,
+          H,
           {
             className: n(
               h,
@@ -74,18 +80,19 @@ const q = ({
               e.content,
               t.PopoverContent
             ),
-            container: P,
+            container: I,
             "data-testid": m(r["data-testid"], "content"),
             displayMode: s,
             virtualFocus: !0,
             ...a,
-            children: d
+            children: f
           }
         )
       ]
     }
   ) });
-}, Z = y(q);
+}, Z = E(c);
+c.displayName = "IressInputPopover";
 export {
   Z as IressInputPopover
 };

package/dist/{src/components → components}/Popover/InputPopover/InputPopoverActivator.d.ts

@@ -6,4 +6,7 @@ export interface InputPopoverActivatorProps extends PopoverActivatorProps {
      */
     minLength?: number;
 }
-export declare const InputPopoverActivator: ({ children, minLength, ...restProps }: InputPopoverActivatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputPopoverActivator: {
+    ({ children, minLength, ...restProps }: InputPopoverActivatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};