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

package/dist/components/Input/Input.js

@@ -1,5 +1,5 @@
-import { jsx as r, jsxs as F } from "react/jsx-runtime";
-import { forwardRef as A, useRef as N, useState as G, useImperativeHandle as H } from "react";
+import { jsx as r, jsxs as w } from "react/jsx-runtime";
+import { forwardRef as A, useRef as F, useState as G, useImperativeHandle as H } from "react";
 import { GlobalCSSClass as d } from "../../enums.js";
 import { getFormControlValueAsString as U } from "../../helpers/form/getFormControlValueAsString.js";
 import { InputBase as z } from "./InputBase/InputBase.js";
@@ -10,10 +10,10 @@ import { IressReadonly as L } from "../Readonly/Readonly.js";
 import "../Readonly/Readonly.styles.js";
 import { c as s } from "../../cx-DN21T1EH.js";
 import { input as Q } from "./Input.styles.js";
-import { s as W } from "../../factory-oPXoMw9H.js";
-import { s as X } from "../../is-valid-prop-Ce0wiweq.js";
+import { s as W } from "../../factory-CWvlR9Yh.js";
+import { s as X } from "../../is-valid-prop-DI4RCMon.js";
 import { useNoDefaultValueInForms as Y } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
-import "../../Button-B4nt3P1v.js";
+import "../../Button-BkufphWK.js";
 import { IressCloseButton as Z } from "../Button/CloseButton/CloseButton.js";
 const _ = ({ rows: a, ...f }, S) => {
   const {
@@ -22,28 +22,28 @@ const _ = ({ rows: a, ...f }, S) => {
     defaultValue: v,
     onClear: D,
     width: M,
-    prepend: g,
+    prepend: I,
     append: u,
     onChange: R,
-    className: C,
+    className: g,
     readOnly: B,
     formatter: i,
     type: E,
     inline: T,
-    alignRight: I,
+    alignRight: C,
     ...t
   } = f;
   Y({
     component: "IressInput",
     defaultValue: v
   });
-  const c = N(null), p = N(null), { value: m, setValue: h } = K({
+  const c = F(null), p = F(null), { value: m, setValue: h } = K({
     component: "IressInput",
     defaultValue: v,
     value: f.value
-  }), y = U(m), [x, V] = G(!1), [j, O] = X(t), b = i && !x ? i(m) : y;
-  let w = i && !x ? { type: "text" } : { type: E };
-  if (a !== void 0 && (w = void 0), H(
+  }), y = U(m), [x, N] = G(!1), [j, O] = X(t), V = i && !x ? i(m) : y;
+  let b = i && !x ? { type: "text" } : { type: E };
+  if (a !== void 0 && (b = void 0), H(
     S,
     () => ({
       ...c.current,
@@ -58,10 +58,10 @@ const _ = ({ rows: a, ...f }, S) => {
         ...t,
         defaultValue: void 0,
         value: m,
-        alignRight: I,
+        alignRight: C,
         append: u,
-        className: C,
-        children: b
+        className: g,
+        children: V
       }
     );
   const k = (e) => {
@@ -77,48 +77,48 @@ const _ = ({ rows: a, ...f }, S) => {
     const o = e.target.value;
     h(o), R?.(e, o);
   }, n = Q({
-    alignRight: I,
+    alignRight: C,
     inline: T,
     isTextarea: a !== void 0,
     width: M
   });
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ w(
     W.div,
     {
       className: s(
         // classes.root,
         d.FormElement,
         d.Input,
-        C,
+        g,
         n.wrapper,
         d.FormElementInner
       ),
       "data-testid": t["data-testid"],
       ...j,
       children: [
-        g && /* @__PURE__ */ r("div", { className: s(n.addon), children: g }),
+        I && /* @__PURE__ */ r("div", { className: s(n.addon), children: I }),
         /* @__PURE__ */ r(
           z,
           {
             ...O,
-            ...w,
+            ...b,
             className: n.formControl,
-            value: b,
+            value: V,
             onChange: q,
             onFocus: (e) => {
-              V(!0), t?.onFocus?.(e), p.current ? p.current = null : queueMicrotask(() => e.target.select());
+              N(!0), t?.onFocus?.(e), p.current ? p.current = null : queueMicrotask(() => e.target.select());
             },
             onMouseDown: (e) => {
               t?.onMouseDown?.(e), p.current = !0;
             },
             onBlur: (e) => {
-              V(!1), t?.onBlur?.(e);
+              N(!1), t?.onBlur?.(e);
             },
             rows: a,
             ref: c
           }
         ),
-        /* @__PURE__ */ F("div", { className: s(n.internal), children: [
+        /* @__PURE__ */ w("div", { className: s(n.internal), children: [
           l && /* @__PURE__ */ r(
             J,
             {
@@ -138,7 +138,8 @@ const _ = ({ rows: a, ...f }, S) => {
       ]
     }
   );
-}, ge = A(_);
+}, $ = A(_);
+$.displayName = "IressInput";
 export {
-  ge as IressInput
+  $ as IressInput
 };

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

@@ -85,33 +85,33 @@ export declare const input: import('../../styled-system/types').SlotRecipeRuntim
                 width: "input.16";
             };
         };
-        '25perc': {
+        '25%': {
             wrapper: {
-                width: "input.25perc";
+                width: "input.25%";
             };
             formControl: {
                 width: "[100%]";
             };
         };
-        '50perc': {
+        '50%': {
             wrapper: {
-                width: "input.50perc";
+                width: "input.50%";
             };
             formControl: {
                 width: "[100%]";
             };
         };
-        '75perc': {
+        '75%': {
             wrapper: {
-                width: "input.75perc";
+                width: "input.75%";
             };
             formControl: {
                 width: "[100%]";
             };
         };
-        '100perc': {
+        '100%': {
             wrapper: {
-                width: "input.100perc";
+                width: "input.100%";
             };
             formControl: {
                 width: "[100%]";

package/dist/components/Input/Input.styles.js

@@ -1,4 +1,4 @@
-import { s as r } from "../../sva-OmxClA9g.js";
+import { s as r } from "../../sva-wwkEhoyo.js";
 const o = r({
   slots: ["root", "wrapper", "inline", "addon", "internal", "formControl"],
   base: {
@@ -167,33 +167,33 @@ const o = r({
           width: "input.16"
         }
       },
-      "25perc": {
+      "25%": {
         wrapper: {
-          width: "input.25perc"
+          width: "input.25%"
         },
         formControl: {
           width: "[100%]"
         }
       },
-      "50perc": {
+      "50%": {
         wrapper: {
-          width: "input.50perc"
+          width: "input.50%"
         },
         formControl: {
           width: "[100%]"
         }
       },
-      "75perc": {
+      "75%": {
         wrapper: {
-          width: "input.75perc"
+          width: "input.75%"
         },
         formControl: {
           width: "[100%]"
         }
       },
-      "100perc": {
+      "100%": {
         wrapper: {
-          width: "input.100perc"
+          width: "input.100%"
         },
         formControl: {
           width: "[100%]"

package/dist/{src/components → components}/Input/InputBase/InputBase.d.ts

@@ -33,7 +33,9 @@ export type InputBaseProps<TRows extends number | undefined = undefined> = Omit<
  *
  * - **Ref Forwarding and Imperative Handle**: This component forwards a ref to the input or textarea element and provides a `focus` method via `useImperativeHandle`. This allows parent components to programmatically focus the input.
  */
-export declare const InputBase: <TRows extends number | undefined = undefined>(props: InputBaseProps<TRows> & {
+export declare const InputBase: (<TRows extends number | undefined = undefined>(props: InputBaseProps<TRows> & {
     ref?: Ref<InputRef<TRows>>;
-}) => ReactElement;
+}) => ReactElement) & {
+    displayName: "InputBase";
+};
 export {};

package/dist/components/Input/InputBase/InputBase.js

@@ -1,18 +1,18 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as l, useRef as s, useImperativeHandle as d } from "react";
-import { s as f } from "../../../factory-oPXoMw9H.js";
-const m = ({ "data-testid": t, rows: e, ...u }, i) => {
-  const a = e !== void 0, r = s(null), n = s(null);
-  if (d(i, () => {
-    const c = a ? n.current : r.current;
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as l, useRef as c, useImperativeHandle as d } from "react";
+import { s as i } from "../../../factory-CWvlR9Yh.js";
+const m = ({ "data-testid": t, rows: e, ...u }, f) => {
+  const a = e !== void 0, r = c(null), n = c(null);
+  if (d(f, () => {
+    const p = a ? n.current : r.current;
     return {
-      focus: () => c?.focus(),
-      blur: () => c?.blur(),
+      focus: () => p?.focus(),
+      blur: () => p?.blur(),
       input: a ? n.current : r.current
     };
   }), e !== void 0)
-    return /* @__PURE__ */ p(
-      f.textarea,
+    return /* @__PURE__ */ s(
+      i.textarea,
       {
         rows: e,
         ...t && { "data-testid": `${t}__textarea` },
@@ -21,8 +21,8 @@ const m = ({ "data-testid": t, rows: e, ...u }, i) => {
       }
     );
   const o = u;
-  return /* @__PURE__ */ p(
-    f.input,
+  return /* @__PURE__ */ s(
+    i.input,
     {
       ...t && { "data-testid": `${t}__input` },
       ...o,
@@ -30,7 +30,8 @@ const m = ({ "data-testid": t, rows: e, ...u }, i) => {
       ref: r
     }
   );
-}, v = l(m);
+}, x = l(m);
+x.displayName = "InputBase";
 export {
-  v as InputBase
+  x as InputBase
 };

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

@@ -2,7 +2,7 @@ import { InputRef } from '../Input/InputBase/InputBase';
 import { ReactElement, RefAttributes } from 'react';
 import { IressInputProps } from '../Input/Input';
 import { FormControlValue } from '../../types';
-export interface IressInputCurrencyProps<T extends FormControlValue = string | number> extends IressInputProps<T, undefined> {
+export interface IressInputCurrencyProps<T extends FormControlValue = string | number> extends Omit<IressInputProps<T, undefined>, 'rows'> {
     /**
      * Set input content align to right.
      */
@@ -25,4 +25,6 @@ export interface IressInputCurrencyProps<T extends FormControlValue = string | n
      */
     withSymbol?: boolean;
 }
-export declare const IressInputCurrency: <T extends FormControlValue = string | number>(props: IressInputCurrencyProps<T> & RefAttributes<InputRef<undefined> | null>) => ReactElement;
+export declare const IressInputCurrency: (<T extends Exclude<FormControlValue, boolean> = string | number>(props: IressInputCurrencyProps<T> & RefAttributes<InputRef | null>) => ReactElement) & {
+    displayName: "IressInputCurrency";
+};

package/dist/components/InputCurrency/InputCurrency.js

@@ -1,42 +1,43 @@
 import { jsx as e } from "react/jsx-runtime";
-import { IressInput as f } from "../Input/Input.js";
+import { IressInput as u } from "../Input/Input.js";
 import "../Input/Input.styles.js";
-import { IressText as u } from "../Text/Text.js";
+import { IressText as f } from "../Text/Text.js";
 import { forwardRef as y } from "react";
-import { formatCurrency as C } from "../../helpers/formatting/formatCurrency.js";
-import { c as I } from "../../cx-DN21T1EH.js";
+import { formatCurrency as I } from "../../helpers/formatting/formatCurrency.js";
+import { c as C } from "../../cx-DN21T1EH.js";
 import { GlobalCSSClass as d } from "../../enums.js";
-const O = y((t, m) => {
+const x = (t, n) => {
   const {
-    locale: n = "en-AU",
+    locale: s = "en-AU",
     currencyCode: r = "AUD",
-    withSymbol: s,
-    formatOptions: a,
-    alignRight: p = !1,
-    type: l = "number",
-    className: i,
+    withSymbol: m,
+    formatOptions: p,
+    alignRight: a = !1,
+    type: c = "number",
+    className: l,
     ...o
   } = t;
   return /* @__PURE__ */ e(
-    f,
+    u,
     {
-      className: I(i, d.InputCurrency),
-      formatter: (c) => C({
-        value: c,
-        locale: n,
+      className: C(l, d.InputCurrency),
+      formatter: (i) => I({
+        value: i,
+        locale: s,
         currencyCode: r,
-        withSymbol: s,
-        formatOptions: a
+        withSymbol: m,
+        formatOptions: p
       }),
-      type: l,
-      append: /* @__PURE__ */ e(u, { color: "colour.neutral.70", children: r }),
+      type: c,
+      append: /* @__PURE__ */ e(f, { color: "colour.neutral.70", children: r }),
       inline: !!o.readOnly,
-      alignRight: p,
-      ref: m,
+      alignRight: a,
+      ref: n,
       ...o
     }
   );
-});
+}, b = y(x);
+b.displayName = "IressInputCurrency";
 export {
-  O as IressInputCurrency
+  b as IressInputCurrency
 };

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

@@ -15,5 +15,8 @@ export type IressLabelProps<THtmlFor extends string | undefined = undefined> = O
      */
     htmlFor?: THtmlFor;
 };
-export declare const IressLabel: <THtmlFor extends string | undefined = undefined>(props: IressLabelProps<THtmlFor>) => import("react/jsx-runtime").JSX.Element;
+export declare const IressLabel: {
+    <THtmlFor extends string | undefined = undefined>(props: IressLabelProps<THtmlFor>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};

package/dist/components/Label/Label.js

@@ -1,6 +1,7 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import { LabelBase as r } from "./LabelBase/LabelBase.js";
-const m = (e) => /* @__PURE__ */ o(r, { ...e, element: e.htmlFor ? "label" : "strong" });
+const s = (e) => /* @__PURE__ */ l(r, { ...e, element: e.htmlFor ? "label" : "strong" });
+s.displayName = "IressLabel";
 export {
-  m as IressLabel
+  s as IressLabel
 };

package/dist/components/Label/Label.styles.js

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

package/dist/{src/components → components}/Label/LabelBase/LabelBase.d.ts

@@ -25,4 +25,7 @@ export type LabelBaseProps<E extends 'label' | 'strong' | 'legend' = 'label'> =
      */
     required?: boolean;
 };
-export declare const LabelBase: <E extends "label" | "strong" | "legend" = "label">({ append, children, className, "data-testid": dataTestId, element, hiddenLabel, required, ...restProps }: LabelBaseProps<E>) => import("react/jsx-runtime").JSX.Element;
+export declare const LabelBase: {
+    <E extends "label" | "strong" | "legend" = "label">({ append, children, className, "data-testid": dataTestId, element, hiddenLabel, required, ...restProps }: LabelBaseProps<E>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Label/LabelBase/LabelBase.js

@@ -1,26 +1,26 @@
-import { jsxs as i, jsx as s, Fragment as g } from "react/jsx-runtime";
+import { jsxs as i, jsx as s, Fragment as y } from "react/jsx-runtime";
 import { GlobalCSSClass as c } from "../../../enums.js";
-import { propagateTestid as y } from "../../../helpers/utility/propagateTestid.js";
+import { propagateTestid as g } from "../../../helpers/utility/propagateTestid.js";
 import { useState as C, useMemo as S } from "react";
-import { s as r } from "../../../factory-oPXoMw9H.js";
+import { s as r } from "../../../factory-CWvlR9Yh.js";
 import { label as j } from "../Label.styles.js";
 import { c as q } from "../../../cx-DN21T1EH.js";
-const M = ({
+const B = ({
   append: o,
   children: p,
   className: d,
   "data-testid": m,
-  element: n,
-  hiddenLabel: t = !1,
+  element: l,
+  hiddenLabel: e = !1,
   required: f,
   ...u
 }) => {
-  const [l, x] = C(), e = j({ hasAppend: !!o, hiddenLabel: t }), N = (h) => {
-    const a = h?.textContent;
-    a && a !== l && x(a);
+  const [n, x] = C(), a = j({ hasAppend: !!o, hiddenLabel: e }), N = (h) => {
+    const t = h?.textContent;
+    t && t !== n && x(t);
   }, b = S(
-    () => r(n ?? "label"),
-    [n]
+    () => r(l ?? "label"),
+    [l]
   );
   return /* @__PURE__ */ i(
     b,
@@ -29,23 +29,23 @@ const M = ({
         d,
         c.FormLabel,
         c.Label,
-        e.root
+        a.root
       ),
       "data-testid": m,
       ...u,
-      "data-name": l,
+      "data-name": n,
       children: [
-        f && /* @__PURE__ */ i(g, { children: [
-          !t && /* @__PURE__ */ s("span", { className: e.required, "aria-hidden": !0, children: "*" }),
+        f && /* @__PURE__ */ i(y, { children: [
+          !e && /* @__PURE__ */ s("span", { className: a.required, "aria-hidden": !0, children: "*" }),
           /* @__PURE__ */ s(r.span, { srOnly: !0, children: "Required" })
         ] }),
         /* @__PURE__ */ s(
           r.span,
           {
-            className: e.text,
-            "data-testid": y(m, "text"),
+            className: a.text,
+            "data-testid": g(m, "text"),
             ref: N,
-            srOnly: t,
+            srOnly: e,
             children: p
           }
         ),
@@ -54,6 +54,7 @@ const M = ({
     }
   );
 };
+B.displayName = "LabelBase";
 export {
-  M as LabelBase
+  B as LabelBase
 };

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

@@ -37,6 +37,8 @@ export type IressLinkProps<C extends ElementType | undefined = undefined, THref
      */
     prepend?: ReactNode;
 };
-export declare const IressLink: <C extends ElementType | undefined = undefined, THref extends string | undefined = undefined>(props: IressLinkProps<C, THref> & {
+export declare const IressLink: (<C extends ElementType | undefined = undefined, THref extends string | undefined = undefined>(props: IressLinkProps<C, THref> & {
     ref?: ButtonRef<C, THref>;
-}) => ReactElement;
+}) => ReactElement) & {
+    displayName: "IressLink";
+};

package/dist/components/Link/Link.js

@@ -1,88 +1,89 @@
-import { jsxs as L, Fragment as N, jsx as o } from "react/jsx-runtime";
-import { forwardRef as S, useId as P, useMemo as a, useCallback as j } from "react";
+import { jsxs as L, Fragment as N, jsx as e } from "react/jsx-runtime";
+import { forwardRef as S, useId as P, useMemo as m, useCallback as j } from "react";
 import { IressSpinner as v } from "../Spinner/Spinner.js";
 import "../Spinner/Spinner.styles.js";
-import { s as w } from "../../is-valid-prop-Ce0wiweq.js";
-import { c as e } from "../../css-fGu_jDvv.js";
+import { s as w } from "../../is-valid-prop-DI4RCMon.js";
+import { c as o } from "../../css-w5PYGgYt.js";
 import { c as G } from "../../cx-DN21T1EH.js";
 import { link as F } from "./Link.styles.js";
-import { GlobalCSSClass as b } from "../../enums.js";
+import { GlobalCSSClass as k } from "../../enums.js";
 const M = ({
-  active: k,
+  active: b,
   append: n,
-  children: c,
+  children: i,
   className: f,
   element: p,
-  loading: s = !1,
+  loading: r = !1,
   onClick: l,
-  prepend: i,
-  ...u
+  prepend: c,
+  ...d
 }, x) => {
-  const m = P(), r = F.raw({
-    active: k,
-    loading: !!s
-  }), [d, t] = a(
-    () => w(u),
-    [u]
+  const a = P(), s = F.raw({
+    active: b,
+    loading: !!r
+  }), [u, t] = m(
+    () => w(d),
+    [d]
   ), h = j(
     (I) => {
-      s || l?.(I);
+      r || l?.(I);
     },
-    [s, l]
-  ), C = a(
+    [r, l]
+  ), y = m(
     () => ({
       children: /* @__PURE__ */ L(N, { children: [
-        i && !s && /* @__PURE__ */ o("span", { className: e(r.prepend), children: i }),
-        !!s && /* @__PURE__ */ o(
+        c && !r && /* @__PURE__ */ e("span", { className: o(s.prepend), children: c }),
+        !!r && /* @__PURE__ */ e(
           v,
           {
-            className: e(r.spinner),
+            className: o(s.spinner),
             fixedWidth: !0,
-            id: m,
-            screenreaderText: s === !0 ? "Loading" : s
+            id: a,
+            screenreaderText: r === !0 ? "Loading" : r
           }
         ),
-        c && /* @__PURE__ */ o("span", { className: e(r.content), children: c }),
-        n && /* @__PURE__ */ o("span", { className: e(r.append), children: n })
+        i && /* @__PURE__ */ e("span", { className: o(s.content), children: i }),
+        n && /* @__PURE__ */ e("span", { className: o(s.append), children: n })
       ] }),
       className: G(
         f,
-        e(r.root, d),
-        b.Group,
-        b.Link
+        o(s.root, u),
+        k.Group,
+        k.Link
       ),
       onClick: h
     }),
     [
       n,
-      c,
+      i,
       f,
       h,
-      s,
-      i,
-      m,
-      d,
-      r.append,
-      r.content,
-      r.prepend,
-      r.root,
-      r.spinner
+      r,
+      c,
+      a,
+      u,
+      s.append,
+      s.content,
+      s.prepend,
+      s.root,
+      s.spinner
     ]
-  ), y = a(
+  ), C = m(
     () => p ?? (t.href ? "a" : "button"),
     [p, t.href]
   );
-  return /* @__PURE__ */ o(
-    y,
+  return /* @__PURE__ */ e(
+    C,
     {
-      "aria-describedby": s ? m : void 0,
+      "aria-describedby": r ? a : void 0,
       type: p || !t.href ? "button" : void 0,
-      ...C,
+      ...y,
       ...t,
       ref: x
     }
   );
-}, H = S(M);
+}, R = S(M);
+R.displayName = "IressLink";
 export {
-  H as IressLink
+  R as IressLink
 };

package/dist/components/Link/Link.styles.js

@@ -1,4 +1,4 @@
-import { s as o } from "../../sva-OmxClA9g.js";
+import { s as o } from "../../sva-wwkEhoyo.js";
 const e = ["root", "content", "prepend", "append", "spinner"], n = o({
   slots: e,
   base: {