@iress-oss/ids-components 0.0.1-dev.9 → 5.13.1

package/dist/components/Menu/MenuItem/hooks/useMenuItemButtonProps.js

@@ -0,0 +1,47 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../../CheckboxMark/CheckboxMark.types.js";
+import { IressCheckboxMark as v } from "../../../CheckboxMark/CheckboxMark.js";
+import { useMenu as S } from "../../hooks/useMenu.js";
+import { s as e } from "../../../../MenuItem.module-Br0lJU3k.js";
+import { useMemo as h } from "react";
+import { propagateTestid as x } from "../../../../helpers/utility/propagateTestid.js";
+import { c as M } from "../../../../index-Cu0xwYjD.js";
+const B = ({
+  append: r,
+  children: a,
+  className: p,
+  "data-testid": c,
+  divider: d,
+  role: i,
+  selected: m,
+  prepend: l,
+  value: n
+}, f) => {
+  const t = S(), s = t != null && t.supportsSelection ? t.isSelected(n) : m, k = h(() => t != null && t.multiSelect ? /* @__PURE__ */ o(
+    v,
+    {
+      className: e.checkboxMark,
+      checked: s,
+      "data-testid": x(c, "checkbox-mark")
+    }
+  ) : l, [c, s, t == null ? void 0 : t.multiSelect, l]);
+  return {
+    append: r ? /* @__PURE__ */ o("span", { className: e.append, children: r }) : void 0,
+    children: a ? /* @__PURE__ */ o("span", { className: e.contents, children: a }) : void 0,
+    className: M(p, e.menuItem, e.button, {
+      [e.divider]: d,
+      [e.selected]: s,
+      [e.multiSelect]: t == null ? void 0 : t.multiSelect,
+      [e.noWrap]: t == null ? void 0 : t.noWrap,
+      [e["menu--nav"]]: t == null ? void 0 : t.nav,
+      [e[`menu--${t == null ? void 0 : t.layout}`]]: !!(t != null && t.layout),
+      "iress--active": f
+    }),
+    noWrap: t == null ? void 0 : t.noWrap,
+    prepend: k,
+    role: i === "listitem" ? void 0 : i
+  };
+};
+export {
+  B as useMenuItemButtonProps
+};

package/dist/components/Menu/MenuItem/hooks/useMenuItemComposite.js

@@ -0,0 +1,15 @@
+import { jsx as o } from "react/jsx-runtime";
+import { a as i } from "../../../../floating-ui.react-D_ysmiM3.js";
+import { cloneElement as n } from "react";
+import { s as l } from "../../../../MenuItem.module-Br0lJU3k.js";
+import { useMenuComposite as p } from "../../hooks/useMenuComposite.js";
+const I = (t, s) => {
+  const m = p();
+  if (!t)
+    return null;
+  const e = s === "listitem" ? /* @__PURE__ */ o("span", { role: "listitem", className: l.listItem, children: t }) : t;
+  return m ? /* @__PURE__ */ o(i, { render: (r) => n(e, r) }) : e;
+};
+export {
+  I as useMenuItemComposite
+};

package/dist/components/Menu/MenuItem/hooks/useMenuItemInteractions.js

@@ -0,0 +1,67 @@
+import { useMenu as x } from "../../hooks/useMenu.js";
+import { useCallback as S } from "react";
+import { usePopover as B } from "../../../Popover/hooks/usePopover.js";
+import { usePopoverItem as E } from "../../../Popover/hooks/usePopoverItem.js";
+const j = ({
+  canToggle: t,
+  onClick: s,
+  onKeyDown: d,
+  role: c,
+  selected: g,
+  value: f
+}) => {
+  const l = x(), b = B(), a = l != null && l.supportsSelection ? l.isSelected(f) : g, h = S(
+    (r) => {
+      s == null || s(r), M(l, f, a, b, t);
+    },
+    [t, l, s, b, a, f]
+  ), I = S(
+    (r) => {
+      d == null || d(r), r.key === "Tab" && (l != null && l.supportsSelection) && (l != null && l.changeOnBlur) && (l == null || l.toggle(f, !0));
+    },
+    [l, d, f]
+  ), { tabIndex: P, ...k } = E(
+    void 0,
+    O(
+      {
+        canToggle: t,
+        onClick: s,
+        onKeyDown: d,
+        value: f
+      },
+      l,
+      a
+    )
+  );
+  return {
+    ...k,
+    onClick: h,
+    onKeyDown: I,
+    tabIndex: c === "option" ? P : void 0
+  };
+}, M = (t, s, d, c, g) => {
+  var f, l, b;
+  t != null && t.supportsSelection && t.toggle(s, g || t != null && t.multiSelect ? !d : !0), t != null && t.hasArrowKeyNav && !(t != null && t.multiSelect) && ((f = c == null ? void 0 : c.setShow) == null || f.call(c, !1), (b = (l = c == null ? void 0 : c.getFocusableActivator) == null ? void 0 : l.call(c)) == null || b.focus());
+}, O = (t, s, d) => ({
+  onBlur: () => (s == null ? void 0 : s.changeOnBlur) && (s == null ? void 0 : s.toggle(t.value, !0)),
+  onKeyDown: (c) => {
+    var g, f;
+    if (c.key === "Enter") {
+      c.preventDefault(), s == null || s.toggle(
+        t.value,
+        t.canToggle || s != null && s.multiSelect ? !d : !0
+      );
+      const l = new Event("click", {
+        bubbles: !0
+      });
+      Object.defineProperty(l, "target", {
+        writable: !1,
+        value: { value: "", ...c.target }
+      }), (g = t.onClick) == null || g.call(t, l);
+    }
+    (f = t.onKeyDown) == null || f.call(t, c);
+  }
+});
+export {
+  j as useMenuItemInteractions
+};

package/dist/components/Menu/MenuItem/hooks/useMenuItemRole.js

@@ -0,0 +1,9 @@
+import { useMenu as r } from "../../hooks/useMenu.js";
+import { usePopover as i } from "../../../Popover/hooks/usePopover.js";
+const u = () => {
+  const t = r(), e = i(), o = (t == null ? void 0 : t.role) ?? (e == null ? void 0 : e.type);
+  return o === "listbox" ? "option" : o === "menu" ? "menuitem" : o === "list" ? "listitem" : void 0;
+};
+export {
+  u as useMenuItemRole
+};

package/dist/components/Menu/MenuProvider.js

@@ -0,0 +1,67 @@
+import { jsx as M } from "react/jsx-runtime";
+import { createContext as b, useMemo as s } from "react";
+import { toArray as C } from "../../helpers/formatting/toArray.js";
+import { useControlledState as A } from "../../hooks/useControlledState.js";
+const N = b(
+  void 0
+), w = ({
+  changeOnBlur: n,
+  children: x,
+  defaultSelected: f,
+  id: r,
+  layout: c,
+  multiSelect: o,
+  nav: d = !1,
+  noWrap: i,
+  onChange: l,
+  role: e,
+  selected: v
+}) => {
+  const u = s(
+    () => e && ["menu", "listbox"].includes(e),
+    [e]
+  ), p = s(
+    () => e === "listbox" || !!o,
+    [e, o]
+  ), { toggleValue: a, value: t } = A({
+    component: "IressMenu",
+    defaultValue: f,
+    multiple: o,
+    onChange: l,
+    propName: "selected",
+    value: v
+  }), g = s(
+    () => ({
+      changeOnBlur: n && e === "listbox",
+      hasArrowKeyNav: u,
+      id: r,
+      isSelected: (m) => m !== void 0 && C(t).includes(m),
+      layout: c,
+      multiSelect: o,
+      noWrap: i,
+      nav: d,
+      role: e,
+      selected: t,
+      supportsSelection: p,
+      toggle: a
+    }),
+    [
+      n,
+      u,
+      r,
+      c,
+      o,
+      d,
+      i,
+      e,
+      t,
+      p,
+      a
+    ]
+  );
+  return /* @__PURE__ */ M(N.Provider, { value: g, children: x });
+};
+export {
+  N as MenuContext,
+  w as MenuProvider
+};

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

@@ -0,0 +1,38 @@
+import "react/jsx-runtime";
+import "../../../index-Cu0xwYjD.js";
+import "../../../MenuItem.module-Br0lJU3k.js";
+import "../hooks/useMenu.js";
+import "../MenuItem/hooks/useMenuItemRole.js";
+import { q as H } from "../../../Loading-CZ64hUvP.js";
+import "react";
+import "../../../fuzzysort-CuIReeYY.js";
+import "../../Badge/Badge.js";
+import "../../ButtonGroup/ButtonGroupProvider.js";
+import "../../Card/Card.js";
+import "../../CheckboxGroup/CheckboxGroup.js";
+import "../../Col/Col.js";
+import "../../Expander/Expander.js";
+import "../../Form/FormContext.js";
+import "../Menu.js";
+import "../../CheckboxMark/CheckboxMark.types.js";
+import "../../CheckboxMark/CheckboxMark.js";
+import "../../Popover/PopoverProvider.js";
+import "../../Modal/ModalProvider.js";
+import "../../Panel/Panel.js";
+import "../../Popover/Popover.js";
+import "../../Popover/InputPopover/InputPopover.js";
+import "../../RadioGroup/RadioGroup.js";
+import "../../Text/Text.js";
+import "../../Skeleton/Skeleton.js";
+import "../../SkipLink/SkipLink.js";
+import "../../Slideout/SlideoutProvider.js";
+import "../../Stack/Stack.js";
+import "../../Table/TableContext.js";
+import "../../TabSet/Tab/Tab.js";
+import "../../TabSet/TabSet.js";
+import "../../Toggle/Toggle.js";
+import "../../Tooltip/Tooltip.js";
+import "../../ValidationMessage/ValidationMessage.js";
+export {
+  H as IressMenuText
+};

package/dist/components/Menu/helpers/mapMenuItems.js

@@ -0,0 +1,47 @@
+import { jsx as i } from "react/jsx-runtime";
+import { idsLogger as c } from "../../../helpers/utility/idsLogger.js";
+import { propagateTestid as p } from "../../../helpers/utility/propagateTestid.js";
+import { p as I, r as g } from "../../../Loading-CZ64hUvP.js";
+const b = (e) => (c(
+  "IressMenu: mapMenuItems has been deprecated and will be removed in a future version of IDS, please map and render the items array directly in your application instead",
+  "warn"
+), e != null && e.length ? e.map(
+  ({
+    label: r,
+    href: d,
+    onClick: u,
+    divider: t,
+    testId: n,
+    headingLevel: a,
+    selected: m,
+    value: s,
+    key: f
+  }, l) => {
+    const o = f ?? String(s ?? l);
+    return a ? /* @__PURE__ */ i(
+      I,
+      {
+        level: a,
+        divider: t,
+        "data-testid": p(n, "iress-text"),
+        children: r
+      },
+      o
+    ) : /* @__PURE__ */ i(
+      g,
+      {
+        onClick: u,
+        divider: t,
+        selected: m,
+        "data-testid": p(n, "iress-button"),
+        value: s,
+        href: d,
+        children: r
+      },
+      o
+    );
+  }
+) : null);
+export {
+  b as mapMenuItems
+};

package/dist/components/Menu/hooks/useMenu.js

@@ -0,0 +1,6 @@
+import { useContext as o } from "react";
+import { MenuContext as t } from "../MenuProvider.js";
+const r = () => o(t);
+export {
+  r as useMenu
+};

package/dist/components/Menu/hooks/useMenuAria.js

@@ -0,0 +1,19 @@
+import { useEffect as n } from "react";
+import { usePopover as s } from "../../Popover/hooks/usePopover.js";
+const c = ({
+  id: o,
+  layout: e = "stack",
+  multiSelect: a,
+  role: r
+}) => {
+  const t = s(), i = e === "stack" ? "vertical" : "horizontal";
+  return n(() => (t != null && t.toggleAriaControls && o && t.toggleAriaControls(o, !0), () => {
+    t != null && t.toggleAriaControls && o && t.toggleAriaControls(o, !1);
+  }), [o, t]), {
+    "aria-multiselectable": r === "listbox" && a === !0 ? !0 : void 0,
+    "aria-orientation": r === "menu" ? i : void 0
+  };
+};
+export {
+  c as useMenuAria
+};

package/dist/components/Menu/hooks/useMenuComposite.js

@@ -0,0 +1,9 @@
+import { usePopover as t } from "../../Popover/hooks/usePopover.js";
+import { useMenu as n } from "./useMenu.js";
+const i = (r) => {
+  const s = t(), o = n(), e = r ?? (o == null ? void 0 : o.role);
+  return s || !e ? !1 : ["menu", "listbox"].includes(e);
+};
+export {
+  i as useMenuComposite
+};

package/dist/components/Menu/hooks/useMenuRole.js

@@ -0,0 +1,13 @@
+import { usePopover as i } from "../../Popover/hooks/usePopover.js";
+const c = (n, s) => {
+  const t = i(), [e, l] = u(n, s, t);
+  return l && (t == null || t.setHasInnerRole(!0)), e;
+}, u = (n, s, t) => {
+  if ((t == null ? void 0 : t.type) === "listbox" || (t == null ? void 0 : t.type) === "menu")
+    return [t.type, !0];
+  let e = s ?? "list";
+  return n ? e = "listbox" : s === "nav" && (e = "list"), [e, !1];
+};
+export {
+  c as useMenuRole
+};

package/dist/components/Menu/hooks/useMenuStyles.js

@@ -0,0 +1,26 @@
+import { c as d } from "../../../index-Cu0xwYjD.js";
+import { usePopover as l } from "../../Popover/hooks/usePopover.js";
+const c = "ids-menu-v5130", o = "ids-menu--inline-v5130", a = "ids-menu--stack-v5130", v = "ids-menu--fluid-v5130", e = {
+  menu: c,
+  inline: o,
+  "inline-equal-width": "ids-menu--inline-equal-width-v5130",
+  stack: a,
+  fluid: v,
+  "ids-menu-item--divider": "ids-menu-item--divider-v5130"
+}, p = ({
+  className: s,
+  fluid: t,
+  layout: u = "stack",
+  role: m
+}) => {
+  const n = l(), i = n == null ? void 0 : n.type;
+  return {
+    className: d(s, e.menu, e[u], {
+      [e.fluid]: (i && ["listbox", "menu"].includes(i)) ?? t,
+      [e.nav]: m === "nav" && e.nav
+    })
+  };
+};
+export {
+  p as useMenuStyles
+};

package/dist/components/Menu/index.js

@@ -0,0 +1,29 @@
+import { IressMenu as o } from "./Menu.js";
+import { MENU_LAYOUTS as s, MENU_ROLES as u, MenuLayout as m, MenuType as n } from "./Menu.types.js";
+import { o as p, p as I, r as x, q as f } from "../../Loading-CZ64hUvP.js";
+import { MENU_ITEM_ROLES as i, MenuItemRole as E } from "./MenuItem/MenuItem.types.js";
+import { useMenuItemAria as R } from "./MenuItem/hooks/useMenuItemAria.js";
+import { useMenuItemButtonProps as U } from "./MenuItem/hooks/useMenuItemButtonProps.js";
+import { useMenuItemComposite as N } from "./MenuItem/hooks/useMenuItemComposite.js";
+import { useMenuItemInteractions as S } from "./MenuItem/hooks/useMenuItemInteractions.js";
+import { useMenuItemRole as l } from "./MenuItem/hooks/useMenuItemRole.js";
+import { mapMenuItems as A } from "./helpers/mapMenuItems.js";
+export {
+  o as IressMenu,
+  p as IressMenuDivider,
+  I as IressMenuHeading,
+  x as IressMenuItem,
+  f as IressMenuText,
+  i as MENU_ITEM_ROLES,
+  s as MENU_LAYOUTS,
+  u as MENU_ROLES,
+  E as MenuItemRole,
+  m as MenuLayout,
+  n as MenuType,
+  A as mapMenuItems,
+  R as useMenuItemAria,
+  U as useMenuItemButtonProps,
+  N as useMenuItemComposite,
+  S as useMenuItemInteractions,
+  l as useMenuItemRole
+};

package/dist/components/Modal/Modal.js

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+import "../../index-Cu0xwYjD.js";
+import { s as M } from "../../Loading-CZ64hUvP.js";
+import "react";
+import "../../enums.js";
+import "../../helpers/responsive/getResponsiveLayoutModifiers.js";
+import "../../floating-ui.react-D_ysmiM3.js";
+import "../../helpers/transition/timeStringToNumber.js";
+import "../../helpers/utility/idsLogger.js";
+import "../../helpers/utility/propagateTestid.js";
+import "../../hooks/useIdIfNeeded.js";
+import "../Text/Text.js";
+import "./hooks/useIDSProvidedModal.js";
+export {
+  M as IressModal
+};

package/dist/components/Modal/Modal.types.js

@@ -0,0 +1,4 @@
+const l = ["sm", "md", "lg", "fullpage"];
+export {
+  l as MODAL_SIZES
+};

package/dist/components/Modal/ModalProvider.js

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

package/dist/components/Modal/hooks/useIDSProvidedModal.js

@@ -0,0 +1,13 @@
+import { useContext as e } from "react";
+import { IressModalContext as s } from "../ModalProvider.js";
+function u(n) {
+  const o = e(s);
+  return {
+    opened: n && (o == null ? void 0 : o.opened.includes(n)),
+    container: o == null ? void 0 : o.container,
+    show: (t) => n && (o == null ? void 0 : o.showModal(n, t))
+  };
+}
+export {
+  u as useIDSProvidedModal
+};

package/dist/components/Modal/hooks/useModal.js

@@ -0,0 +1,17 @@
+import { useContext as t } from "react";
+import { IressModalContext as s } from "../ModalProvider.js";
+const n = () => {
+  const o = t(s);
+  return {
+    showModal: (r, e = !0) => {
+      if (o === void 0)
+        throw new Error(
+          "IressModal: useModal must be used within a IressModalProvider"
+        );
+      o.showModal(r, e);
+    }
+  };
+};
+export {
+  n as useModal
+};

package/dist/components/Modal/index.js

@@ -0,0 +1,11 @@
+import { MODAL_SIZES as e } from "./Modal.types.js";
+import { s as t } from "../../Loading-CZ64hUvP.js";
+import { IressModalContext as d, IressModalProvider as x } from "./ModalProvider.js";
+import { useModal as f } from "./hooks/useModal.js";
+export {
+  t as IressModal,
+  d as IressModalContext,
+  x as IressModalProvider,
+  e as MODAL_SIZES,
+  f as useModal
+};

package/dist/components/Navbar/Navbar.js

@@ -0,0 +1,13 @@
+import "react/jsx-runtime";
+import "react";
+import "../../index-Cu0xwYjD.js";
+import "./Navbar.types.js";
+import "../../enums.js";
+import { t as v } from "../../Loading-CZ64hUvP.js";
+import "../Panel/Panel.js";
+import "../../LogoFromSrc-tAhdMB9Y.js";
+import "../../helpers/utility/idsLogger.js";
+import "../../helpers/utility/propagateTestid.js";
+export {
+  v as IressNavbar
+};

package/dist/components/Navbar/Navbar.types.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((e) => (e.Between = "between", e.End = "end", e.Start = "start", e))(t || {});
+export {
+  t as NavbarHorizontalAlign
+};

package/dist/components/Navbar/components/HomeLinkContent.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import { a3 as e } from "../../../Loading-CZ64hUvP.js";
+import "../../../LogoFromSrc-tAhdMB9Y.js";
+export {
+  e as HomeLinkContent
+};

package/dist/components/Navbar/components/LogoFromSrc.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import "../../../helpers/utility/propagateTestid.js";
+import { L as t } from "../../../LogoFromSrc-tAhdMB9Y.js";
+export {
+  t as LogoFromSrc
+};

package/dist/components/Navbar/components/NavbarLogo.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../../../index-Cu0xwYjD.js";
+import "../../../helpers/utility/propagateTestid.js";
+import { a4 as i } from "../../../Loading-CZ64hUvP.js";
+import "../../../LogoFromSrc-tAhdMB9Y.js";
+export {
+  i as NavbarLogo
+};

package/dist/components/Navbar/index.js

@@ -0,0 +1,6 @@
+import { NavbarHorizontalAlign as o } from "./Navbar.types.js";
+import { t as e } from "../../Loading-CZ64hUvP.js";
+export {
+  e as IressNavbar,
+  o as NavbarHorizontalAlign
+};

package/dist/components/Panel/Panel.js

@@ -0,0 +1,36 @@
+import { jsx as p } from "react/jsx-runtime";
+import { c as u } from "../../index-Cu0xwYjD.js";
+import { PanelCssClass as s, PanelBackground as f } from "./Panel.types.js";
+import { GlobalCSSClass as B, PaddingSize as C, TextAlign as P } from "../../enums.js";
+import { getResponsivePaddingClasses as x } from "../../helpers/responsive/getResponsivePaddingClasses.js";
+const a = ({
+  children: e,
+  background: o = "default",
+  noBorderRadius: r,
+  noGutter: t,
+  padding: n = "md",
+  stretch: i,
+  textAlign: l = "inherit",
+  className: d,
+  ...m
+}) => {
+  const c = {
+    [s.Stretch]: i,
+    [s.NoBorderRadius]: r,
+    [s.NoGutter]: t
+  }, g = u(
+    d,
+    s.Base,
+    `${B.TextAlignBase}--${l}`,
+    `${s.Background}--${o}`,
+    x(n),
+    c
+  );
+  return /* @__PURE__ */ p("div", { className: g, ...m, children: e });
+};
+a.Background = f;
+a.Padding = C;
+a.TextAlign = P;
+export {
+  a as IressPanel
+};

package/dist/components/Panel/Panel.types.js

@@ -0,0 +1,12 @@
+var t = /* @__PURE__ */ ((r) => (r.Background = "iress--background", r.Base = "iress-u-panel", r.NoBorderRadius = "iress--no-border-radius", r.NoGutter = "iress--no-gutter", r.Stretch = "iress--stretch", r))(t || {}), e = /* @__PURE__ */ ((r) => (r.Default = "default", r.Alt = "alt", r.Page = "page", r.Transparent = "transparent", r))(e || {});
+const u = [
+  "default",
+  "alt",
+  "page",
+  "transparent"
+];
+export {
+  u as PANEL_BACKGROUNDS,
+  e as PanelBackground,
+  t as PanelCssClass
+};

package/dist/components/Panel/index.js

@@ -0,0 +1,8 @@
+import { PANEL_BACKGROUNDS as s, PanelBackground as a, PanelCssClass as o } from "./Panel.types.js";
+import { IressPanel as n } from "./Panel.js";
+export {
+  n as IressPanel,
+  s as PANEL_BACKGROUNDS,
+  a as PanelBackground,
+  o as PanelCssClass
+};

package/dist/components/Placeholder/Placeholder.js

@@ -0,0 +1,42 @@
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import { c as m } from "../../index-Cu0xwYjD.js";
+import { toCSSLengthValue as s } from "../../helpers/formatting/toCSSLengthValue.js";
+const x = "ids-placeholder-v5130", u = "ids-placeholder--transparent-v5130", n = {
+  placeholder: x,
+  transparent: u
+}, H = ({
+  children: l,
+  className: c,
+  height: r = "auto",
+  stretch: p,
+  style: e,
+  transparent: d,
+  width: t = "auto",
+  ...h
+}) => {
+  const i = r === "auto" ? p ? "100%" : r : s(r);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: m(c, n.placeholder, {
+        [n.transparent]: d
+      }),
+      ...h,
+      style: {
+        ...e,
+        width: t ? s(t) : e == null ? void 0 : e.width,
+        height: i
+      },
+      children: [
+        /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ a("line", { x1: "0", y1: "0", x2: "100%", y2: "100%" }),
+          /* @__PURE__ */ a("line", { x1: "100%", y1: "0", x2: "0", y2: "100%" })
+        ] }),
+        l
+      ]
+    }
+  );
+};
+export {
+  H as IressPlaceholder
+};