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

package/dist/{src/components → components}/Select/Select.styles.d.ts

@@ -58,33 +58,33 @@ export declare const select: import('../../styled-system/types').SlotRecipeRunti
                 width: "auto";
             };
         };
-        '25perc': {
+        '25%': {
             wrapper: {
-                width: "input.25perc";
+                width: "input.25%";
             };
             element: {
                 width: "auto";
             };
         };
-        '50perc': {
+        '50%': {
             wrapper: {
-                width: "input.50perc";
+                width: "input.50%";
             };
             element: {
                 width: "auto";
             };
         };
-        '75perc': {
+        '75%': {
             wrapper: {
-                width: "input.75perc";
+                width: "input.75%";
             };
             element: {
                 width: "auto";
             };
         };
-        '100perc': {
+        '100%': {
             wrapper: {
-                width: "input.100perc";
+                width: "input.100%";
             };
             element: {
                 width: "auto";

package/dist/components/Select/Select.styles.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../sva-OmxClA9g.js";
+import { s as e } from "../../sva-wwkEhoyo.js";
 const t = ["wrapper", "control", "element"], c = e({
   slots: t,
   base: {
@@ -86,33 +86,33 @@ const t = ["wrapper", "control", "element"], c = e({
           width: "auto"
         }
       },
-      "25perc": {
+      "25%": {
         wrapper: {
-          width: "input.25perc"
+          width: "input.25%"
         },
         element: {
           width: "auto"
         }
       },
-      "50perc": {
+      "50%": {
         wrapper: {
-          width: "input.50perc"
+          width: "input.50%"
         },
         element: {
           width: "auto"
         }
       },
-      "75perc": {
+      "75%": {
         wrapper: {
-          width: "input.75perc"
+          width: "input.75%"
         },
         element: {
           width: "auto"
         }
       },
-      "100perc": {
+      "100%": {
         wrapper: {
-          width: "input.100perc"
+          width: "input.100%"
         },
         element: {
           width: "auto"

package/dist/components/Select/SelectOption/SelectOption.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { s as e } from "../../../factory-oPXoMw9H.js";
+import { s as e } from "../../../factory-CWvlR9Yh.js";
 import { getFormControlValueAsString as s } from "../../../helpers/form/getFormControlValueAsString.js";
 const l = ({
   value: o,

package/dist/{src/components → components}/Select/components/SelectControl.d.ts

@@ -19,6 +19,8 @@ export interface SelectControlProps<T = FormControlValue> extends Omit<IressUnst
      */
     width?: IressInputProps['width'];
 }
-export declare const SelectControl: <T = FormControlValue>(props: SelectControlProps<T> & {
+export declare const SelectControl: (<T = FormControlValue>(props: SelectControlProps<T> & {
     ref?: Ref<HTMLSelectElement>;
-}) => ReactElement;
+}) => ReactElement) & {
+    displayName: "SelectControl";
+};

package/dist/components/Select/components/SelectControl.js

@@ -2,9 +2,9 @@ import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { forwardRef as S } from "react";
 import { GlobalCSSClass as t } from "../../../enums.js";
 import { getFormControlValueAsStringIfDefined as m } from "../../../helpers/form/getFormControlValueAsStringIfDefined.js";
-import { select as n } from "../Select.styles.js";
-import { c as x } from "../../../css-fGu_jDvv.js";
-import { c as l } from "../../../cx-DN21T1EH.js";
+import { select as l } from "../Select.styles.js";
+import { c as x } from "../../../css-w5PYGgYt.js";
+import { c as n } from "../../../cx-DN21T1EH.js";
 import "../../Input/Input.js";
 import { input as v } from "../../Input/Input.styles.js";
 const w = ({
@@ -16,12 +16,12 @@ const w = ({
   width: r,
   ...f
 }, p) => {
-  const u = n({ width: r }), C = n.raw({ width: r });
-  return /* @__PURE__ */ e("div", { className: l(u.control, t.FormElementInner), children: /* @__PURE__ */ d(
+  const u = l({ width: r }), C = l.raw({ width: r });
+  return /* @__PURE__ */ e("div", { className: n(u.control, t.FormElementInner), children: /* @__PURE__ */ d(
     "select",
     {
       ...f,
-      className: l(
+      className: n(
         x(C.element, v.raw().formControl),
         a,
         t.FormElementInner
@@ -35,7 +35,8 @@ const w = ({
       ]
     }
   ) });
-}, h = S(w);
+}, y = S(w);
+y.displayName = "SelectControl";
 export {
-  h as SelectControl
+  y as SelectControl
 };

package/dist/{src/components → components}/Select/components/SelectReadonly.d.ts

@@ -11,6 +11,8 @@ export interface SelectReadonlyProps<T extends FormControlValue = FormControlVal
      */
     value?: T;
 }
-export declare const SelectReadonly: <T extends FormControlValue = FormControlValue>(props: SelectReadonlyProps<T> & {
+export declare const SelectReadonly: (<T extends FormControlValue = FormControlValue>(props: SelectReadonlyProps<T> & {
     ref?: Ref<HTMLInputElement>;
-}) => ReactElement;
+}) => ReactElement) & {
+    displayName: "SelectReadonly";
+};

package/dist/components/Select/components/SelectReadonly.js

@@ -1,39 +1,40 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as l, useMemo as c } from "react";
-import { propagateTestid as u } from "../../../helpers/utility/propagateTestid.js";
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as f, useMemo as c } from "react";
+import { propagateTestid as y } from "../../../helpers/utility/propagateTestid.js";
 import { mapNodesToSelectOptions as R } from "../helpers/nodesToSelectOptions.js";
 import { IressReadonly as S } from "../../Readonly/Readonly.js";
 import "../../Readonly/Readonly.styles.js";
-const b = ({
+const u = ({
   children: t,
   className: e,
   "data-testid": r,
   name: m,
-  required: p,
-  width: s,
+  required: a,
+  width: p,
   value: o,
-  ...i
-}, n) => {
-  const a = c(() => String(
+  ...s
+}, d) => {
+  const i = c(() => String(
     R(t).find(
-      (d) => d.value === o
+      (n) => n.value === o
     )?.label ?? ""
   ), [t, o]);
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ l(
     S,
     {
-      ...i,
+      ...s,
       className: e,
-      "data-testid": u(r, "pseudo"),
+      "data-testid": y(r, "pseudo"),
       name: m,
-      ref: n,
-      required: p,
-      width: s,
+      ref: d,
+      required: a,
+      width: p,
       value: o,
-      children: a
+      children: i
     }
   );
-}, C = l(b);
+}, b = f(u);
+b.displayName = "SelectReadonly";
 export {
-  C as SelectReadonly
+  b as SelectReadonly
 };

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

@@ -21,5 +21,8 @@ export interface IressSkeletonProps<TMode extends SkeletonMode = 'text'> extends
      */
     width?: string;
 }
-export declare const IressSkeleton: <TMode extends SkeletonMode = "text">({ className, height, width, mode: modeProp, style, "data-testid": dataTestId, ...restProps }: IressSkeletonProps<TMode>) => import("react/jsx-runtime").JSX.Element;
+export declare const IressSkeleton: {
+    <TMode extends SkeletonMode = "text">({ className, height, width, mode: modeProp, style, "data-testid": dataTestId, ...restProps }: IressSkeletonProps<TMode>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};

package/dist/components/Skeleton/Skeleton.js

@@ -1,13 +1,13 @@
 import { jsx as s, Fragment as p } from "react/jsx-runtime";
 import { toCSSLengthValue as i } from "../../helpers/formatting/toCSSLengthValue.js";
-import { IressText as x } from "../Text/Text.js";
-import { skeleton as S } from "./Skeleton.styles.js";
+import { IressText as S } from "../Text/Text.js";
+import { skeleton as x } from "./Skeleton.styles.js";
 import { c as f } from "../../cx-DN21T1EH.js";
 import { GlobalCSSClass as h } from "../../enums.js";
-const T = ({
+const k = ({
   className: m,
-  height: t,
-  width: e,
+  height: e,
+  width: t,
   mode: n,
   style: a,
   "data-testid": l,
@@ -15,14 +15,14 @@ const T = ({
 }) => {
   const o = n ?? "text", r = o === "text", c = {
     ...a,
-    width: e && i(e),
-    height: r ? void 0 : t && i(t)
+    width: t && i(t),
+    height: r ? void 0 : e && i(e)
   };
   return /* @__PURE__ */ s(
-    x,
+    S,
     {
       ...d,
-      className: f(m, S({ mode: o }), h.Skeleton),
+      className: f(m, x({ mode: o }), h.Skeleton),
       style: c,
       "aria-hidden": "true",
       "data-testid": l,
@@ -30,6 +30,7 @@ const T = ({
     }
   );
 };
+k.displayName = "IressSkeleton";
 export {
-  T as IressSkeleton
+  k as IressSkeleton
 };

package/dist/components/Skeleton/Skeleton.styles.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../cva-JiDXAa83.js";
+import { c as t } from "../../cva-kirNs9Ig.js";
 const o = t({
   base: {
     backgroundColor: "colour.neutral.30",

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

@@ -12,6 +12,8 @@ export type IressSkipLinkProps<C extends ElementType | undefined = undefined, TH
      */
     href?: THref;
 };
-export declare const IressSkipLink: <C extends ElementType | undefined = undefined, THref extends string | undefined = undefined>(props: IressSkipLinkProps<C, THref> & {
+export declare const IressSkipLink: (<C extends ElementType | undefined = undefined, THref extends string | undefined = undefined>(props: IressSkipLinkProps<C, THref> & {
     ref?: ButtonRef<C, THref>;
-}) => ReactElement;
+}) => ReactElement) & {
+    displayName: "IressSkipLink";
+};

package/dist/components/SkipLink/SkipLink.js

@@ -1,23 +1,24 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { I as p } from "../../Button-B4nt3P1v.js";
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { I as m } from "../../Button-BkufphWK.js";
 import "../Button/CloseButton/CloseButton.js";
 import { c as k } from "../../cx-DN21T1EH.js";
 import { skipLink as n } from "./SkipLink.styles.js";
 import { GlobalCSSClass as a } from "../../enums.js";
-const f = n(), c = ({
+const e = n(), f = ({
   children: o = "Skip to content",
   className: i,
-  ...r
-}, s) => /* @__PURE__ */ t(
-  p,
+  ...s
+}, r) => /* @__PURE__ */ p(
+  m,
   {
-    ...r,
-    className: k(i, f, a.SkipLink),
-    ref: s,
+    ...s,
+    className: k(i, e, a.SkipLink),
+    ref: r,
     children: o
   }
-), b = m(c);
+), c = t(f);
+c.displayName = "IressSkipLink";
 export {
-  b as IressSkipLink
+  c as IressSkipLink
 };

package/dist/components/SkipLink/SkipLink.styles.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../cva-JiDXAa83.js";
+import { c as t } from "../../cva-kirNs9Ig.js";
 const s = t({
   base: {
     position: "absolute",

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

@@ -79,4 +79,7 @@ export interface IressSlideoutProps extends IressStyledProps {
      */
     size?: 'sm' | 'md';
 }
-export declare const IressSlideout: ({ children, className, closeText, container, "data-testid": dataTestid, defaultShow, eleToPush, footer, heading: headingProp, mode, onEntered, onExited, onShowChange, onStatus, onTransitionEnd, position, show, size, style, ...restProps }: IressSlideoutProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const IressSlideout: {
+    ({ children, className, closeText, container, "data-testid": dataTestid, defaultShow, eleToPush, footer, heading: headingProp, mode, onEntered, onExited, onShowChange, onStatus, onTransitionEnd, position, show, size, style, ...restProps }: IressSlideoutProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/components/Slideout/Slideout.js

@@ -1,7 +1,7 @@
 import { jsx as _ } from "react/jsx-runtime";
 import { c as z } from "../../cx-DN21T1EH.js";
 import { useState as V, useRef as ee, useEffect as b, useMemo as A, useCallback as te } from "react";
-import { u as ne, b as oe, c as re, d as se, e as le, g as ie } from "../../floating-ui.react-BetVZ099.js";
+import { u as ne, b as oe, c as se, d as re, e as le, g as ie } from "../../floating-ui.react-BetVZ099.js";
 import { idsLogger as ue } from "../../helpers/utility/idsLogger.js";
 import { propagateTestid as ae } from "../../helpers/utility/propagateTestid.js";
 import { SlideoutInner as fe } from "./components/SlideoutInner.js";
@@ -9,15 +9,15 @@ import { slideout as ce } from "./Slideout.styles.js";
 import { useIdIfNeeded as de } from "../../hooks/useIdIfNeeded.js";
 import { IressText as he } from "../Text/Text.js";
 import { usePushElement as pe } from "./hooks/usePushElement.js";
-import { s as me } from "../../is-valid-prop-Ce0wiweq.js";
+import { s as me } from "../../is-valid-prop-DI4RCMon.js";
 import { GlobalCSSClass as O } from "../../enums.js";
 import { useProviderSlideout as ge } from "./hooks/useProviderSlideout.js";
 import { getTransitionDuration as ye } from "../../helpers/transition/getTransitionDuration.js";
 function Se(o) {
   function l() {
-    r && (e.length > 0 && /^[~+>]$/.test(e[e.length - 1]) && e.push(" "), e.push(r));
+    s && (e.length > 0 && /^[~+>]$/.test(e[e.length - 1]) && e.push(" "), e.push(s));
   }
-  var e = [], t, r, i, n = [0], s = 0, a, u = /(?:[^\\]|(?:^|[^\\])(?:\\\\)+)$/, d = /^\s+$/, m = [
+  var e = [], t, s, i, n = [0], r = 0, a, u = /(?:[^\\]|(?:^|[^\\])(?:\\\\)+)$/, d = /^\s+$/, m = [
     /\s+|\/\*|["'>~+[(]/g,
     // general
     /\s+|\/\*|["'[\]()]/g,
@@ -30,10 +30,10 @@ function Se(o) {
     // comment
   ];
   for (o = o.trim(); ; )
-    if (r = "", i = m[n[n.length - 1]], i.lastIndex = s, t = i.exec(o), t)
-      if (a = s, s = i.lastIndex, a < s - t[0].length && (r = o.substring(
+    if (s = "", i = m[n[n.length - 1]], i.lastIndex = r, t = i.exec(o), t)
+      if (a = r, r = i.lastIndex, a < r - t[0].length && (s = o.substring(
         a,
-        s - t[0].length
+        r - t[0].length
       )), n[n.length - 1] < 3) {
         if (l(), t[0] === "[")
           n.push(1);
@@ -49,9 +49,9 @@ function Se(o) {
           continue;
         e.push(t[0]);
       } else
-        e[e.length - 1] += r, u.test(e[e.length - 1]) && (n[n.length - 1] === 4 && (e.length < 2 || d.test(e[e.length - 2]) ? e.pop() : e[e.length - 1] = " ", t[0] = ""), n.pop()), e[e.length - 1] += t[0];
+        e[e.length - 1] += s, u.test(e[e.length - 1]) && (n[n.length - 1] === 4 && (e.length < 2 || d.test(e[e.length - 2]) ? e.pop() : e[e.length - 1] = " ", t[0] = ""), n.pop()), e[e.length - 1] += t[0];
     else {
-      r = o.substr(s), l();
+      s = o.substr(r), l();
       break;
     }
   return e.join("").trim();
@@ -61,37 +61,37 @@ function Ee(o, l = document, e = null) {
 }
 function be(o, l, e, t = null) {
   o = Se(o);
-  let r = e.querySelector(o);
-  return document.head.createShadowRoot || document.head.attachShadow ? r || C(o, ",").reduce((n, s) => {
+  let s = e.querySelector(o);
+  return document.head.createShadowRoot || document.head.attachShadow ? s || C(o, ",").reduce((n, r) => {
     if (n)
       return n;
-    const a = C(s.replace(/^\s+/g, "").replace(/\s*([>+~]+)\s*/g, "$1"), " ").filter((g) => !!g).map((g) => C(g, ">")), u = a.length - 1, d = a[u][a[u].length - 1], m = Ne(d, e, t), w = we(a, u, e);
+    const a = C(r.replace(/^\s+/g, "").replace(/\s*([>+~]+)\s*/g, "$1"), " ").filter((g) => !!g).map((g) => C(g, ">")), u = a.length - 1, d = a[u][a[u].length - 1], m = Ne(d, e, t), w = we(a, u, e);
     return n = m.find(w), n || null;
-  }, null) : r;
+  }, null) : s;
 }
 function we(o, l, e) {
   return (t) => {
-    let r = l, i = t, n = !1;
+    let s = l, i = t, n = !1;
     for (; i && !Ie(i); ) {
-      let s = !0;
-      if (o[r].length === 1)
-        s = i.matches(o[r]);
+      let r = !0;
+      if (o[s].length === 1)
+        r = i.matches(o[s]);
       else {
-        const a = [].concat(o[r]).reverse();
+        const a = [].concat(o[s]).reverse();
         let u = i;
         for (const d of a) {
           if (!u || !u.matches(d)) {
-            s = !1;
+            r = !1;
             break;
           }
           u = T(u, e);
         }
       }
-      if (s && r === 0) {
+      if (r && s === 0) {
         n = !0;
         break;
       }
-      s && r--, i = T(i, e);
+      r && s--, i = T(i, e);
     }
     return n;
   };
@@ -111,25 +111,25 @@ function Ne(o = null, l, e = null) {
   if (e)
     t = e;
   else {
-    const r = function(i) {
+    const s = function(i) {
       for (let n = 0; n < i.length; n++) {
-        const s = i[n];
-        t.push(s), s.shadowRoot && r(s.shadowRoot.querySelectorAll("*"));
+        const r = i[n];
+        t.push(r), r.shadowRoot && s(r.shadowRoot.querySelectorAll("*"));
       }
     };
-    l.shadowRoot && r(l.shadowRoot.querySelectorAll("*")), r(l.querySelectorAll("*"));
+    l.shadowRoot && s(l.shadowRoot.querySelectorAll("*")), s(l.querySelectorAll("*"));
   }
-  return o ? t.filter((r) => r.matches(o)) : t;
+  return o ? t.filter((s) => s.matches(o)) : t;
 }
-const Ue = ({
+const xe = ({
   children: o,
   className: l,
   closeText: e = "Close",
   container: t,
-  "data-testid": r,
+  "data-testid": s,
   defaultShow: i = !1,
   eleToPush: n,
-  footer: s,
+  footer: r,
   heading: a,
   mode: u = "overlay",
   onEntered: d,
@@ -153,7 +153,7 @@ const Ue = ({
   }), j = oe(h, {
     enabled: !0,
     outsidePress: !1
-  }), G = re(h), H = se([j, G]);
+  }), G = se(h), H = re([j, G]);
   h.refs.floating.current && (M = ye(
     h.refs.floating.current,
     1.2,
@@ -204,11 +204,11 @@ const Ue = ({
     he,
     {
       id: v,
-      "data-testid": ae(r, "heading"),
+      "data-testid": ae(s, "heading"),
       element: "h2",
       children: a
     }
-  ) : a, [r, v, a]);
+  ) : a, [s, v, a]);
   if (!B) return null;
   const W = z(
     L.root,
@@ -220,8 +220,8 @@ const Ue = ({
     children: o,
     className: W,
     closeText: e,
-    "data-testid": r,
-    footer: s,
+    "data-testid": s,
+    footer: r,
     floatingRef: (f) => h.refs.setFloating(f),
     heading: $,
     id: R,
@@ -235,10 +235,11 @@ const Ue = ({
     {
       ...Z,
       style: P,
-      "data-testid": r
+      "data-testid": s
     }
   ) });
 };
+xe.displayName = "IressSlideout";
 export {
-  Ue as IressSlideout
+  xe as IressSlideout
 };

package/dist/components/Slideout/Slideout.styles.js

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

package/dist/{src/components → components}/Slideout/SlideoutProvider.d.ts

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

package/dist/components/Slideout/SlideoutProvider.js

@@ -1,17 +1,17 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useState as p, useCallback as u, useMemo as a } from "react";
+import { jsx as p } from "react/jsx-runtime";
+import { useState as a, useCallback as u, useMemo as f } from "react";
 import { SlideoutContext as S } from "./hooks/useSlideout.js";
-const P = ({
-  children: i,
-  container: n
+const v = ({
+  children: d,
+  container: l
 }) => {
-  const [t, l] = p([]), s = u((e) => {
-    l([e]);
+  const [t, n] = a([]), s = u((e) => {
+    n([e]);
   }, []), r = u((e) => {
-    l(
+    n(
       (o) => o.includes(e) ? o.filter((m) => m !== e) : [...o]
     );
-  }, []), c = u(
+  }, []), i = u(
     (e, o) => {
       if (o !== void 0) {
         if (o)
@@ -22,16 +22,17 @@ const P = ({
       t.includes(e) ? r(e) : s(e);
     },
     [r, s, t]
-  ), d = a(
+  ), c = f(
     () => ({
-      container: n,
+      container: l,
       opened: t,
-      showSlideout: c
+      showSlideout: i
     }),
-    [n, t, c]
+    [l, t, i]
   );
-  return /* @__PURE__ */ f(S.Provider, { value: d, children: i });
+  return /* @__PURE__ */ p(S.Provider, { value: c, children: d });
 };
+v.displayName = "IressSlideoutProvider";
 export {
-  P as IressSlideoutProvider
+  v as IressSlideoutProvider
 };

package/dist/{src/components → components}/Slideout/components/SlideoutInner.d.ts

@@ -7,4 +7,7 @@ export interface SlideoutInnerProps extends IressStyledProps {
     heading?: ReactNode;
     onOpenChange: (show: boolean) => void;
 }
-export declare const SlideoutInner: ({ children, closeText, "data-testid": dataTestid, floatingRef, footer, heading, onOpenChange, className, ...restProps }: SlideoutInnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SlideoutInner: {
+    ({ children, closeText, "data-testid": dataTestid, floatingRef, footer, heading, onOpenChange, className, ...restProps }: SlideoutInnerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};