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

package/dist/components/Card/Card.js

@@ -1,102 +1,107 @@
-import { jsx as t, jsxs as k, Fragment as P } from "react/jsx-runtime";
-import { s as j } from "../../is-valid-prop-Ce0wiweq.js";
-import { card as M } from "./Card.styles.js";
-import { c as e } from "../../css-fGu_jDvv.js";
-import { c as w } from "../../cx-DN21T1EH.js";
-import { propagateTestid as r } from "../../helpers/utility/propagateTestid.js";
-import { useMemo as B } from "react";
-import { GlobalCSSClass as F } from "../../enums.js";
-const y = ({
-  element: s,
+import { jsx as s, jsxs as E, Fragment as P } from "react/jsx-runtime";
+import { s as j } from "../../is-valid-prop-DI4RCMon.js";
+import { card as B } from "./Card.styles.js";
+import { c as e } from "../../css-w5PYGgYt.js";
+import { c as L } from "../../cx-DN21T1EH.js";
+import { propagateTestid as o } from "../../helpers/utility/propagateTestid.js";
+import { useMemo as M } from "react";
+import { GlobalCSSClass as w } from "../../enums.js";
+const N = ({
+  element: t,
   className: c,
   selected: l,
-  stretch: C,
+  stretch: u,
   children: m,
   footer: p,
   heading: h,
-  media: n,
+  media: d,
   prepend: i,
-  topRight: f,
-  ...v
+  topRight: y,
+  ...C
 }) => {
-  const d = typeof h == "string" ? /* @__PURE__ */ t("h2", { children: h }) : h, b = !!i, u = !!(i ?? f ?? n ?? d ?? p), N = !!d, I = !!n, S = s == "button" || s == "a" || !!v.onClick, a = M.raw({
+  const n = typeof h == "string" ? /* @__PURE__ */ s("h2", { children: h }) : h, v = !!i, f = !!(i ?? y ?? d ?? n ?? p), I = !!n, b = !!d, S = t == "button" || t == "a" || !!C.onClick, a = B.raw({
     clickable: S,
     // Convert the element to a string for compatibility with the card.raw function
-    element: String(s),
+    element: String(t),
     selected: l,
-    stretch: C,
-    hasSlots: u,
-    hasHeading: N,
-    hasMedia: I,
-    hasPrepend: b
-  }), o = v["data-testid"], [g, x] = j(v), E = B(() => s ?? "div", [s]);
-  return /* @__PURE__ */ t(
-    E,
+    stretch: u,
+    hasSlots: f,
+    hasHeading: I,
+    hasMedia: b,
+    hasPrepend: v
+  }), r = C["data-testid"], [g, k] = j(C), x = M(() => t ?? "div", [t]);
+  return /* @__PURE__ */ s(
+    x,
     {
-      ...x,
-      className: w(
+      ...k,
+      className: L(
         e(a.root, g),
         c,
-        F.Card
+        w.Card
       ),
-      children: u ? /* @__PURE__ */ k(P, { children: [
-        i && /* @__PURE__ */ t(
+      children: f ? /* @__PURE__ */ E(P, { children: [
+        i && /* @__PURE__ */ s(
           "div",
           {
             className: e(a.prepend),
-            "data-testid": r(o, "prepend"),
+            "data-testid": o(r, "prepend"),
             children: i
           }
         ),
-        f && /* @__PURE__ */ t(
+        y && /* @__PURE__ */ s(
           "div",
           {
             className: e(a.topRight),
-            "data-testid": r(o, "topRight"),
-            children: f
+            "data-testid": o(r, "topRight"),
+            children: y
           }
         ),
-        n && /* @__PURE__ */ t(
+        d && /* @__PURE__ */ s(
           "div",
           {
             className: e(a.media),
-            "data-testid": r(o, "media"),
-            children: n
+            "data-testid": o(r, "media"),
+            children: d
           }
         ),
-        d && /* @__PURE__ */ t(
+        n && /* @__PURE__ */ s(
           "div",
           {
             className: e(a.heading),
-            "data-testid": r(o, "heading"),
-            children: d
+            "data-testid": o(r, "heading"),
+            children: n
           }
         ),
-        m && /* @__PURE__ */ t(
+        m && /* @__PURE__ */ s(
           "div",
           {
             className: e(a.body),
-            "data-testid": r(o, "body"),
+            "data-testid": o(r, "body"),
             children: m
           }
         ),
-        p && /* @__PURE__ */ t(
+        p && /* @__PURE__ */ s(
           "div",
           {
             className: e(a.footer),
-            "data-testid": r(o, "footer"),
+            "data-testid": o(r, "footer"),
             children: p
           }
         )
       ] }) : m
     }
   );
-}, K = (s) => {
-  const { type: c = "button", ...l } = s;
-  return /* @__PURE__ */ t(y, { element: "button", type: c, ...l });
-}, O = (s) => /* @__PURE__ */ t(y, { element: "a", ...s });
+};
+N.displayName = "IressCard";
+const F = (t) => {
+  const { type: c = "button", ...l } = t;
+  return /* @__PURE__ */ s(N, { element: "button", type: c, ...l });
+};
+F.displayName = "IressButtonCard";
+const G = (t) => /* @__PURE__ */ s(N, { element: "a", ...t });
+G.displayName = "IressLinkCard";
 export {
-  K as IressButtonCard,
-  y as IressCard,
-  O as IressLinkCard
+  F as IressButtonCard,
+  N as IressCard,
+  G as IressLinkCard
 };

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

@@ -1,4 +1,4 @@
-export declare const card: import('../../styled-system/types').SlotRecipeRuntimeFn<"body" | "footer" | "media" | "heading" | "root" | "prepend" | "topRight", {
+export declare const card: import('../../styled-system/types').SlotRecipeRuntimeFn<"footer" | "body" | "media" | "heading" | "root" | "prepend" | "topRight", {
     clickable: {
         true: {
             root: {

package/dist/components/Card/Card.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", "prepend", "heading", "topRight", "media", "body", "footer"],
   base: {

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

@@ -61,6 +61,8 @@ export interface IressCheckboxProps<T = FormControlValue> extends Omit<IressStyl
      */
     touch?: boolean;
 }
-export declare const IressCheckbox: <T = FormControlValue>(props: IressCheckboxProps<T> & {
+export declare const IressCheckbox: (<T = FormControlValue>(props: IressCheckboxProps<T> & {
     ref?: ForwardedRef<ReactHookFormCompatibleRef<HTMLInputElement>>;
-}) => ReactElement;
+}) => ReactElement) & {
+    displayName: "IressCheckbox";
+};

package/dist/components/Checkbox/Checkbox.js

@@ -7,14 +7,14 @@ import { useControlledState as $ } from "../../hooks/useControlledState.js";
 import { IressReadonly as ee } from "../Readonly/Readonly.js";
 import "../Readonly/Readonly.styles.js";
 import { checkbox as oe } from "./Checkbox.styles.js";
-import { c as l } from "../../css-fGu_jDvv.js";
+import { c as l } from "../../css-w5PYGgYt.js";
 import { c as y } from "../../cx-DN21T1EH.js";
 import { propagateTestid as te } from "../../helpers/utility/propagateTestid.js";
 import { getCheckboxGroupContext as se } from "../CheckboxGroup/CheckboxGroup.js";
 import "../CheckboxGroup/CheckboxGroup.styles.js";
 import { GlobalCSSClass as i } from "../../enums.js";
-import { s as F } from "../../factory-oPXoMw9H.js";
-import { s as re } from "../../is-valid-prop-Ce0wiweq.js";
+import { s as F } from "../../factory-CWvlR9Yh.js";
+import { s as re } from "../../is-valid-prop-DI4RCMon.js";
 import { IressText as ne } from "../Text/Text.js";
 import { useNoDefaultValueInForms as ce } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
 const ae = ({
@@ -23,10 +23,10 @@ const ae = ({
   defaultChecked: d,
   hiddenControl: N,
   hiddenLabel: R,
-  indeterminate: u,
+  indeterminate: p,
   id: G,
   name: v,
-  onChange: p,
+  onChange: u,
   value: o,
   children: h,
   readOnly: w,
@@ -40,7 +40,7 @@ const ae = ({
     message: "Using the `defaultChecked` prop on an `IressCheckbox` inside an `IressForm` component is not supported. Please use the `defaultValue` prop on the `IressFormField`, or use `defaultValues` on the `IressForm` component (recommended) to ensure a single source of truth for your form."
   });
   const C = L(null), a = C.current, H = Q(), b = G ?? H, [M, P] = W(
-    u ?? !1
+    p ?? !1
   ), e = X(se()), T = e ? void 0 : d, q = e?.hiddenCheckbox ?? N, A = e?.touch ?? j, D = e?.readOnly ?? w, O = e?.name ?? v;
   let m = S;
   e && o ? m = e.value.includes(o) : !e && typeof o == "boolean" && (m = o);
@@ -53,11 +53,11 @@ const ae = ({
     propName: "checked",
     defaultValue: T,
     value: m
-  }), U = s ? u : M, z = Y(
+  }), U = s ? p : M, z = Y(
     (n) => {
-      s || P(!1), x(n.target.checked), p?.(n, n.target.checked, o), e?.onChange?.(n, n.target.checked, o);
+      s || P(!1), x(n.target.checked), u?.(n, n.target.checked, o), e?.onChange?.(n, n.target.checked, o);
     },
-    [e, s, p, x, o]
+    [e, s, u, x, o]
   );
   if (Z(E, () => ({
     focus: () => a?.focus(),
@@ -120,7 +120,8 @@ const ae = ({
       ]
     }
   );
-}, Re = K(ae);
+}, me = K(ae);
+me.displayName = "IressCheckbox";
 export {
-  Re as IressCheckbox
+  me as IressCheckbox
 };

package/dist/components/Checkbox/Checkbox.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: [
     "formElement",

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

@@ -50,6 +50,8 @@ export type CheckboxGroupContextValue<T = FormControlValue> = Pick<IressCheckbox
 };
 export declare function getCheckboxGroupContext<T = FormControlValue>(): React.Context<CheckboxGroupContextValue<T>>;
 export declare const CheckboxGroupContext: import('react').Context<CheckboxGroupContextValue<FormControlValue> | undefined>;
-export declare const IressCheckboxGroup: <T = FormControlValue>(props: IressCheckboxGroupProps<T> & {
+export declare const IressCheckboxGroup: (<T = FormControlValue>(props: IressCheckboxGroupProps<T> & {
     ref?: ForwardedRef<CheckboxGroupRef<T>>;
-}) => ReactElement;
+}) => ReactElement) & {
+    displayName: "IressCheckboxGroup";
+};

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -1,13 +1,13 @@
 import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as N, createContext as T, useRef as V, useImperativeHandle as j, useMemo as w } from "react";
+import { forwardRef as y, createContext as B, useRef as T, useImperativeHandle as V, useMemo as j } from "react";
 import { toArray as m } from "../../helpers/formatting/toArray.js";
-import { useControlledState as y } from "../../hooks/useControlledState.js";
+import { useControlledState as w } from "../../hooks/useControlledState.js";
 import { checkboxGroup as A } from "./CheckboxGroup.styles.js";
 import { c as D } from "../../cx-DN21T1EH.js";
 import { GlobalCSSClass as E } from "../../enums.js";
 import { useNoDefaultValueInForms as H } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
 function M() {
-  return T(void 0);
+  return B(void 0);
 }
 function _() {
   return z;
@@ -25,21 +25,21 @@ const z = M(), J = ({
   name: l,
   role: h = "group",
   readOnly: t,
-  touch: i,
+  touch: a,
   ...k
 }, G) => {
   H({
     component: "IressCheckboxGroup",
     defaultValue: r
   });
-  const { value: a, setValue: g, toggleValue: u } = y({
+  const { value: i, setValue: g, toggleValue: u } = w({
     component: "IressCheckbox",
     defaultValue: r === void 0 ? void 0 : m(r),
     multiple: !0,
     onChange: b,
     value: n === void 0 ? void 0 : m(n)
-  }), e = V(null), c = e.current;
-  j(G, () => ({
+  }), e = T(null), c = e.current;
+  V(G, () => ({
     // React hook form requires the focus, blur, input
     focus: () => c?.querySelector("input")?.focus(),
     blur: () => c?.blur(),
@@ -48,22 +48,22 @@ const z = M(), J = ({
     check: (o) => u(o, !0),
     reset: () => g([])
   }));
-  const I = w(
+  const I = j(
     () => ({
       hiddenCheckbox: s,
       name: l,
-      onChange: (o, q, B) => u(B, q),
+      onChange: (o, R, q) => u(q, R),
       readOnly: t,
-      touch: i,
-      value: a ?? []
+      touch: a,
+      value: i ?? []
     }),
-    [l, a, s, t, i, u]
+    [l, i, s, t, a, u]
   ), S = (o) => {
     d?.(o), o.target === e.current && e.current.querySelector("input")?.focus();
   }, F = (o) => {
     o.relatedTarget && !e.current?.contains(o.relatedTarget) && v?.(o);
-  }, { Provider: R } = _();
-  return /* @__PURE__ */ p(R, { value: I, children: /* @__PURE__ */ p(
+  }, { Provider: N } = _();
+  return /* @__PURE__ */ p(N, { value: I, children: /* @__PURE__ */ p(
     "div",
     {
       ...k,
@@ -79,9 +79,10 @@ const z = M(), J = ({
       children: x
     }
   ) });
-}, Z = N(J);
+}, K = y(J);
+K.displayName = "IressCheckboxGroup";
 export {
   z as CheckboxGroupContext,
-  Z as IressCheckboxGroup,
+  K as IressCheckboxGroup,
   _ as getCheckboxGroupContext
 };

package/dist/components/CheckboxGroup/CheckboxGroup.styles.js

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

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

@@ -13,4 +13,7 @@ export interface IressCheckboxMarkProps extends IressStyledProps<'svg'> {
      */
     size?: 'sm';
 }
-export declare const IressCheckboxMark: ({ checked, className, indeterminate, size, ...restProps }: IressCheckboxMarkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressCheckboxMark: {
+    ({ checked, className, indeterminate, size, ...restProps }: IressCheckboxMarkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/CheckboxMark/CheckboxMark.js

@@ -1,26 +1,26 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { c as o } from "../../css-fGu_jDvv.js";
-import { c as p } from "../../cx-DN21T1EH.js";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { c as r } from "../../css-w5PYGgYt.js";
+import { c as n } from "../../cx-DN21T1EH.js";
 import { checkboxMark as x } from "./CheckboxMark.styles.js";
-import { s as k } from "../../is-valid-prop-Ce0wiweq.js";
+import { s as k } from "../../is-valid-prop-DI4RCMon.js";
 import { GlobalCSSClass as f } from "../../enums.js";
-const d = ({
-  checked: r,
+const h = ({
+  checked: o,
   className: a,
   indeterminate: t,
   size: c,
   ...m
 }) => {
-  const s = x.raw({ checked: r, indeterminate: t, size: c }), [l, i] = k(m);
-  return /* @__PURE__ */ n(
+  const s = x.raw({ checked: o, indeterminate: t, size: c }), [l, i] = k(m);
+  return /* @__PURE__ */ p(
     "svg",
     {
-      className: p(
+      className: n(
         a,
-        o(s.root, l),
+        r(s.root, l),
         f.CheckboxMark
       ),
-      "data-checked": r ? "true" : "false",
+      "data-checked": o ? "true" : "false",
       ...i,
       version: "1.1",
       viewBox: "0 0 200 200",
@@ -29,7 +29,7 @@ const d = ({
         /* @__PURE__ */ e(
           "line",
           {
-            className: o(s.indeterminateMark),
+            className: r(s.indeterminateMark),
             x1: "30",
             y1: "100",
             x2: "170",
@@ -39,7 +39,7 @@ const d = ({
         /* @__PURE__ */ e(
           "polyline",
           {
-            className: o(s.checkedMark),
+            className: r(s.checkedMark),
             points: "30 95 80 142 170 50"
           }
         )
@@ -47,6 +47,7 @@ const d = ({
     }
   );
 };
+h.displayName = "IressCheckboxMark";
 export {
-  d as IressCheckboxMark
+  h as IressCheckboxMark
 };

package/dist/components/CheckboxMark/CheckboxMark.styles.js

@@ -1,4 +1,4 @@
-import { s as r } from "../../sva-OmxClA9g.js";
+import { s as r } from "../../sva-wwkEhoyo.js";
 const e = r({
   slots: ["root", "indeterminateMark", "checkedMark"],
   base: {
@@ -11,7 +11,7 @@ const e = r({
       borderWidth: "1px",
       borderStyle: "solid",
       borderColor: "colour.neutral.70",
-      borderRadius: "radius.025",
+      borderRadius: "radius.system.form",
       bg: "colour.neutral.10",
       transitionProperty: "[all]",
       transitionDuration: "0.2s",

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

@@ -20,4 +20,7 @@ export interface IressColProps extends IressStyledProps {
      */
     span?: ResponsiveProp<UtilityValues['span'] | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12>;
 }
-export declare const IressCol: ({ className, ...restProps }: IressColProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressCol: {
+    ({ className, ...restProps }: IressColProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Col/Col.js

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

package/dist/components/Col/Col.styles.js

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

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

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

package/dist/components/Container/Container.js

@@ -1,18 +1,19 @@
 import { jsx as s } from "react/jsx-runtime";
-import { s as t } from "../../factory-oPXoMw9H.js";
+import { s as t } from "../../factory-CWvlR9Yh.js";
 import { container as m } from "./Container.styles.js";
-import { c as n } from "../../cx-DN21T1EH.js";
-import { GlobalCSSClass as a } from "../../enums.js";
-const i = t("div", m), C = ({
+import { c as a } from "../../cx-DN21T1EH.js";
+import { GlobalCSSClass as n } from "../../enums.js";
+const e = t("div", m), i = ({
   className: o,
   ...r
 }) => /* @__PURE__ */ s(
-  i,
+  e,
   {
     ...r,
-    className: n(o, a.Container)
+    className: a(o, n.Container)
   }
 );
+i.displayName = "IressContainer";
 export {
-  C as IressContainer
+  i as IressContainer
 };

package/dist/components/Container/Container.styles.js

@@ -1,4 +1,4 @@
-import { c as a } from "../../cva-JiDXAa83.js";
+import { c as a } from "../../cva-kirNs9Ig.js";
 const n = a({
   base: {
     borderRadius: "radius.system.layout",

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

@@ -5,4 +5,7 @@ export interface IressDividerProps extends IressStyledProps<'hr'> {
      */
     vertical?: boolean;
 }
-export declare const IressDivider: ({ className, vertical, ...restProps }: IressDividerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressDivider: {
+    ({ className, vertical, ...restProps }: IressDividerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/Divider/Divider.js

@@ -1,30 +1,31 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as p } from "../../css-fGu_jDvv.js";
-import { c as e } from "../../cx-DN21T1EH.js";
+import { jsx as t } from "react/jsx-runtime";
+import { c as e } from "../../css-w5PYGgYt.js";
+import { c as p } from "../../cx-DN21T1EH.js";
 import { divider as a } from "./Divider.styles.js";
-import { s as c } from "../../is-valid-prop-Ce0wiweq.js";
-import { GlobalCSSClass as l } from "../../enums.js";
-const P = ({
+import { s as l } from "../../is-valid-prop-DI4RCMon.js";
+import { GlobalCSSClass as c } from "../../enums.js";
+const d = ({
   className: r,
   vertical: s,
   ...o
 }) => {
-  const [i, t] = c(o);
-  return /* @__PURE__ */ m(
+  const [i, m] = l(o);
+  return /* @__PURE__ */ t(
     "hr",
     {
-      className: e(
+      className: p(
         r,
-        p({
+        e({
           ...a.raw({ vertical: !!s }),
           ...i
         }),
-        l.Divider
+        c.Divider
       ),
-      ...t
+      ...m
     }
   );
 };
+d.displayName = "IressDivider";
 export {
-  P as IressDivider
+  d as IressDivider
 };

package/dist/components/Divider/Divider.styles.js

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

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

@@ -28,4 +28,7 @@ export interface IressExpanderProps extends Omit<IressTextProps<'div'>, 'element
      */
     open?: boolean;
 }
-export declare const IressExpander: ({ activator, activatorStyle, children, className, "data-testid": testid, onChange, id: idProp, mode, noGutter, open, ...restProps }: IressExpanderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IressExpander: {
+    ({ activator, activatorStyle, children, className, "data-testid": testid, onChange, id: idProp, mode, noGutter, open, ...restProps }: IressExpanderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};