@iress-oss/ids-components 6.0.1 → 6.2.0

package/dist/{Slideout-RnRSkJsj.js → Slideout-BOH2gwIN.js}

@@ -1,11 +1,11 @@
-import { t as e } from "./cx-CZ8IJJTy.js";
-import { n as t } from "./is-valid-prop-BoZ7GJt2.js";
+import { t as e } from "./cx-QcEwjve6.js";
+import { n as t } from "./is-valid-prop-BVyYPT21.js";
 import { GlobalCSSClass as n } from "./enums.js";
 import { idsLogger as r } from "./helpers/utility/idsLogger.js";
 import { IressText as i } from "./components/Text/Text.js";
 import { propagateTestid as a } from "./helpers/utility/propagateTestid.js";
 import { useIdIfNeeded as o } from "./hooks/useIdIfNeeded.js";
-import { b as s, d as c, g as l, s as u, u as d, y as f } from "./floating-ui.react-COiJC198.js";
+import { b as s, d as c, g as l, s as u, u as d, y as f } from "./floating-ui.react-TDMXDOBr.js";
 import { getTransitionDuration as p } from "./helpers/transition/getTransitionDuration.js";
 import { slideout as m } from "./components/Slideout/Slideout.styles.js";
 import { SlideoutInner as ee } from "./components/Slideout/components/SlideoutInner.js";

package/dist/{Table.styles-BLO9zGfS.js → Table.styles-CKD_vWqh.js}

@@ -1,6 +1,6 @@
-import { a as e, f as t, l as n, s as r } from "./css-D3KwXbP0.js";
-import { n as i } from "./cva-BWFp4eLV.js";
-import { t as a } from "./create-recipe-CYwSzH6a.js";
+import { a as e, f as t, l as n, s as r } from "./css-R34N3rft.js";
+import { n as i } from "./cva-DcOwIar2.js";
+import { t as a } from "./create-recipe-A316lnq3.js";
 //#region src/styled-system/recipes/table.mjs
 var o = {
 	compact: !1,

package/dist/TableProvider-C8bDaWu2.js

@@ -0,0 +1,80 @@
+import { a as e, c as t, i as n, l as r, o as i, r as a, s as o, t as s } from "./composeTableColumnDefs-DzUn8D5f.js";
+import { composeTableInitialSorting as c } from "./components/Table/helpers/composeTableInitialSorting.js";
+import { composeTableInitialColumnFilters as l } from "./components/Table/helpers/composeTableInitialColumnFilters.js";
+import * as u from "react";
+import { createContext as d, useMemo as f } from "react";
+import { jsx as p } from "react/jsx-runtime";
+//#region ../../node_modules/@tanstack/react-table/build/lib/index.mjs
+function m(e, t) {
+	return e ? h(e) ? /*#__PURE__*/ u.createElement(e, t) : e : null;
+}
+function h(e) {
+	return g(e) || typeof e == "function" || _(e);
+}
+function g(e) {
+	return typeof e == "function" && (() => {
+		let t = Object.getPrototypeOf(e);
+		return t.prototype && t.prototype.isReactComponent;
+	})();
+}
+function _(e) {
+	return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
+}
+function v(e) {
+	let t = {
+		state: {},
+		onStateChange: () => {},
+		renderFallbackValue: null,
+		...e
+	}, [r] = u.useState(() => ({ current: n(t) })), [i, a] = u.useState(() => r.current.initialState);
+	return r.current.setOptions((t) => ({
+		...t,
+		...e,
+		state: {
+			...i,
+			...e.state
+		},
+		onStateChange: (t) => {
+			a(t), e.onStateChange == null || e.onStateChange(t);
+		}
+	})), r.current;
+}
+//#endregion
+//#region src/components/Table/TableProvider.tsx
+function y() {
+	return d(void 0);
+}
+function b() {
+	return x;
+}
+var x = y(), S = ({ children: n, columns: u, rows: d }) => {
+	let m = v({
+		columns: f(() => s(d, u), [u, d]),
+		data: d,
+		getCoreRowModel: e(),
+		getSortedRowModel: r(),
+		getFilteredRowModel: t(),
+		getFacetedRowModel: i(),
+		getFacetedUniqueValues: o(),
+		filterFns: { inArray: a },
+		initialState: {
+			sorting: c(u),
+			columnFilters: l(u)
+		}
+	}), h = f(() => ({
+		api: m,
+		getColumnByKey: (e) => u?.find((t) => t.key === e)
+	}), [
+		d,
+		u,
+		m.getState().sorting,
+		m.getState().columnFilters
+	]), { Provider: g } = b();
+	return /* @__PURE__ */ p(g, {
+		value: h,
+		children: n
+	});
+};
+S.displayName = "TableProvider";
+//#endregion
+export { m as i, S as n, b as r, x as t };

package/dist/{TableRows-B3nZnazw.js → TableRows-DXoiLfwt.js}

@@ -1,7 +1,6 @@
-import { t as e } from "./factory-sKbby7-S.js";
+import { t as e } from "./factory-BKr3zaf6.js";
 import { propagateTestid as t } from "./helpers/utility/propagateTestid.js";
-import { i as n } from "./composeTableColumnDefs-B1U_Snxq.js";
-import { getTableContext as r } from "./components/Table/TableProvider.js";
+import { i as n, r } from "./TableProvider-C8bDaWu2.js";
 import { TableBodyCell as i } from "./components/Table/components/TableBodyCell.js";
 import * as a from "react";
 import { useContext as o } from "react";
@@ -86,7 +85,7 @@ var p = (e, t) => Math.abs(e - t) < 1.01, m = (e, t, n) => {
 	return a.observe(n, { box: "border-box" }), () => {
 		a.unobserve(n);
 	};
-}, y = { passive: !0 }, b = typeof window > "u" ? !0 : "onscrollend" in window, x = (e, t) => {
+}, y = { passive: !0 }, b = typeof window > "u" || "onscrollend" in window, x = (e, t) => {
 	let n = e.scrollElement;
 	if (!n) return;
 	let r = e.targetWindow;

package/dist/{Text.styles-C0D5aEE_.js → Text.styles-DUvXBRio.js}

@@ -1,5 +1,5 @@
-import { f as e, l as t } from "./css-D3KwXbP0.js";
-import { n, t as r } from "./create-recipe-CYwSzH6a.js";
+import { f as e, l as t } from "./css-R34N3rft.js";
+import { n, t as r } from "./create-recipe-A316lnq3.js";
 //#region src/styled-system/recipes/text.mjs
 var i = /* @__PURE__ */ r("text", { element: "div" }, [{
 	element: [

package/dist/components/Alert/Alert.js

@@ -1,9 +1,9 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
 import { GlobalCSSClass as r } from "../../enums.js";
 import { IressIcon as i } from "../Icon/Icon.js";
-import { t as a } from "../../Button-bZPKq0ue.js";
+import { t as a } from "../../Button-BY2qzshw.js";
 import { IressText as o } from "../Text/Text.js";
 import { propagateTestid as s } from "../../helpers/utility/propagateTestid.js";
 import { alert as c } from "./Alert.styles.js";

package/dist/components/Alert/Alert.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Alert/Alert.styles.ts
 var t = e({
 	slots: [

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -28,7 +28,7 @@ export interface IressAutocompleteProps<T extends FormControlValue = string> ext
     clearable?: boolean;
     /**
      * Text to be displayed when the options function errors out. It is not used when the options are provided as an array.
-     * @default <IressAlert status="danger">An unknown error occurred. Please contact support if the error persists.</IressAlert>
+     * @default <IressAlert status="danger" mb="none" variant="full-width">An unknown error occurred. Please contact support if the error persists.</IressAlert>
      */
     errorText?: ReactNode;
     /**

package/dist/components/Autocomplete/Autocomplete.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Autocomplete-CuUjmIAw.js";
+import { t as e } from "../../Autocomplete-DKufjQU5.js";
 export { e as IressAutocomplete };

package/dist/components/Autocomplete/Autocomplete.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Autocomplete/Autocomplete.styles.ts
 var t = e({
 	slots: [

package/dist/components/Autocomplete/components/AutocompleteInstructions.js

@@ -1,7 +1,10 @@
 import { IressPanel as e } from "../../Panel/Panel.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Autocomplete/components/AutocompleteInstructions.tsx
-var n = ({ minSearchLength: n }) => /* @__PURE__ */ t(e, { children: `Type at least ${n} character${n === 1 ? "" : "s"} to search` });
+var n = ({ minSearchLength: n }) => /* @__PURE__ */ t(e, {
+	noBorder: !0,
+	children: `Type at least ${n} character${n === 1 ? "" : "s"} to search`
+});
 n.displayName = "AutocompleteInstructions";
 //#endregion
 export { n as AutocompleteInstructions };

package/dist/components/Autocomplete/hooks/useAutocompleteSearch.d.ts

@@ -2,7 +2,7 @@ import { FormattedLabelValueMeta, LabelValueMeta } from '../../../interfaces';
 export interface AutocompleteSearchHookProps {
     /**
      * Time in milliseconds to wait for before performing result search. Only applies to searchable options (function).
-     * @default 500
+     * @default 300
      */
     debounceThreshold?: number;
     /**
@@ -15,6 +15,11 @@ export interface AutocompleteSearchHookProps {
      * Initial options data set, shown when the input is empty.
      */
     initialOptions?: LabelValueMeta[];
+    /**
+     * Time in milliseconds to wait before showing the loading spinner for async options.
+     * @default 250
+     */
+    loadingDelay?: number;
     /**
      * Minimum number of characters required before triggering async search. Only applies to searchable options (function).
      * Below this threshold, no search will be triggered and no loading state will be shown.
@@ -80,4 +85,4 @@ export interface AutocompleteSearchHookReturn {
  * Advanced autocomplete search hook with debouncing and race condition protection
  * Supports both sync array search and async function search
  */
-export declare const useAutocompleteSearch: ({ debounceThreshold, disabled, initialOptions, minSearchLength, options, query, }: AutocompleteSearchHookProps) => AutocompleteSearchHookReturn;
+export declare const useAutocompleteSearch: ({ debounceThreshold, disabled, initialOptions, loadingDelay, minSearchLength, options, query, }: AutocompleteSearchHookProps) => AutocompleteSearchHookReturn;

package/dist/components/Autocomplete/hooks/useAutocompleteSearch.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../useAutocompleteSearch-BJ_hhoKp.js";
+import { t as e } from "../../../useAutocompleteSearch-BYzUn7Ag.js";
 export { e as useAutocompleteSearch };

package/dist/components/Autocomplete/index.js

@@ -1,4 +1,4 @@
 import { autoComplete as e } from "./Autocomplete.styles.js";
-import { t } from "../../useAutocompleteSearch-BJ_hhoKp.js";
-import { t as n } from "../../Autocomplete-CuUjmIAw.js";
+import { t } from "../../useAutocompleteSearch-BYzUn7Ag.js";
+import { t as n } from "../../Autocomplete-DKufjQU5.js";
 export { n as IressAutocomplete, e as autoComplete, t as useAutocompleteSearch };

package/dist/components/Avatar/Avatar.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
 import { GlobalCSSClass as r } from "../../enums.js";
 import { IressIcon as i } from "../Icon/Icon.js";
 import { IressTooltip as a } from "../Tooltip/Tooltip.js";

package/dist/components/Avatar/Avatar.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Avatar/Avatar.styles.ts
 var t = e({
 	slots: [

package/dist/components/Avatar/AvatarGroup/AvatarGroup.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../../css-D3KwXbP0.js";
-import { t } from "../../../cx-CZ8IJJTy.js";
-import { n } from "../../../is-valid-prop-BoZ7GJt2.js";
+import { t as e } from "../../../css-R34N3rft.js";
+import { t } from "../../../cx-QcEwjve6.js";
+import { n } from "../../../is-valid-prop-BVyYPT21.js";
 import { GlobalCSSClass as r } from "../../../enums.js";
 import { IressAvatar as i } from "../Avatar.js";
 import { avatarGroup as a } from "./AvatarGroup.styles.js";

package/dist/components/Avatar/AvatarGroup/AvatarGroup.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../sva-DOLIp5Dd.js";
+import { t as e } from "../../../sva-DGhdmNso.js";
 //#region src/components/Avatar/AvatarGroup/AvatarGroup.styles.ts
 var t = e({
 	slots: [

package/dist/components/Button/Button.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Button-bZPKq0ue.js";
+import { t as e } from "../../Button-BY2qzshw.js";
 export { e as IressButton };

package/dist/components/Button/CloseButton/CloseButton.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../../enums.js";
-import { t as n } from "../../../Button-bZPKq0ue.js";
+import { t as n } from "../../../Button-BY2qzshw.js";
 import { forwardRef as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/Button/CloseButton/CloseButton.tsx

package/dist/components/Button/index.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "../../Button-bZPKq0ue.js";
+import { n as e, t } from "../../Button-BY2qzshw.js";
 import { IressCloseButton as n } from "./CloseButton/CloseButton.js";
 export { t as IressButton, n as IressCloseButton, e as button };

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,7 +1,7 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
-import { t as r } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
+import { t as r } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as i } from "../../enums.js";
 import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
 import { useIdIfNeeded as o } from "../../hooks/useIdIfNeeded.js";

package/dist/components/ButtonGroup/ButtonGroup.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/ButtonGroup/ButtonGroup.styles.ts
 var t = e({
 	slots: [

package/dist/components/Card/Card.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
 import { GlobalCSSClass as r } from "../../enums.js";
 import { IressText as i } from "../Text/Text.js";
 import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";

package/dist/components/Card/Card.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Card/Card.styles.ts
 var t = e({
 	slots: [

package/dist/components/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
-import { t as r } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
+import { t as r } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as i } from "../../enums.js";
 import { IressText as a } from "../Text/Text.js";
 import { propagateTestid as o } from "../../helpers/utility/propagateTestid.js";

package/dist/components/Checkbox/Checkbox.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Checkbox/Checkbox.styles.ts
 var t = e({
 	slots: [

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
+import { t as e } from "../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../enums.js";
 import { toArray as n } from "../../helpers/formatting/toArray.js";
 import { useControlledState as r } from "../../hooks/useControlledState.js";

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

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/CheckboxGroup/CheckboxGroup.styles.ts
 var t = e({
 	base: {

package/dist/components/CheckboxMark/CheckboxMark.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
 import { GlobalCSSClass as r } from "../../enums.js";
 import { checkboxMark as i } from "./CheckboxMark.styles.js";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/CheckboxMark/CheckboxMark.styles.ts
 var t = e({
 	slots: [

package/dist/components/Col/Col.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
-import { t } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../cx-QcEwjve6.js";
+import { t } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as n } from "../../enums.js";
 import { col as r } from "./Col.styles.js";
 import { jsx as i } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/Col/Col.styles.ts
 var t = e({
 	base: {

package/dist/components/Container/Container.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
-import { t } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../cx-QcEwjve6.js";
+import { t } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as n } from "../../enums.js";
 import { container as r } from "./Container.styles.js";
 import { jsx as i } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/Container/Container.styles.ts
 var t = e({
 	base: {

package/dist/components/Divider/Divider.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
 import { GlobalCSSClass as r } from "../../enums.js";
 import { divider as i } from "./Divider.styles.js";
 import { jsx as a } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/Divider/Divider.styles.ts
 var t = e({
 	base: {

package/dist/components/Expander/Expander.js

@@ -1,7 +1,7 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
-import { t as r } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
+import { t as r } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as i } from "../../enums.js";
 import { IressText as a } from "../Text/Text.js";
 import { propagateTestid as o } from "../../helpers/utility/propagateTestid.js";

package/dist/components/Expander/Expander.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Expander/Expander.styles.ts
 var t = e({
 	slots: [

package/dist/components/ExpanderChevron/ExpanderChevron.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
+import { t as e } from "../../cx-QcEwjve6.js";
 import { expanderChevron as t } from "./ExpanderChevron.styles.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/ExpanderChevron/ExpanderChevron.tsx

package/dist/components/ExpanderChevron/ExpanderChevron.styles.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/ExpanderChevron/ExpanderChevron.styles.ts
 var t = e({
 	base: {

package/dist/components/Field/Field.js

@@ -1,72 +1,72 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
-import { t as r } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
+import { t as r } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as i } from "../../enums.js";
 import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
 import { toArray as o } from "../../helpers/formatting/toArray.js";
 import { IressLabel as s } from "../Label/Label.js";
 import { field as c } from "./Field.styles.js";
 import { FieldFooter as l } from "./components/FieldFooter.js";
-import { FieldHint as u, FieldHintIcon as d } from "./components/FieldHint.js";
-import { isValidElement as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { FieldHint as u } from "./components/FieldHint.js";
+import { isValidElement as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/Field/Field.tsx
-var h = ({ children: h, className: g, "data-testid": _, error: v, errorMessages: y, hiddenLabel: b, hint: x, horizontal: S, label: C, labelWidth: w, required: T, readOnly: E, removeErrorMargin: D = !1, supplementary: O, ...k }) => {
-	let { htmlFor: A } = k, j;
-	j = A === void 0 && f(h) ? o(h)[0].props.id : A;
-	let M = c.raw({
-		hasError: !!v || !!y?.length,
-		hasHint: !!x,
-		hiddenLabel: b,
-		horizontal: S,
+var m = ({ children: m, className: h, "data-testid": g, error: _, errorMessages: v, hiddenLabel: y, hint: b, horizontal: x, label: S, labelWidth: C, required: w, readOnly: T, removeErrorMargin: E = !1, supplementary: D, ...O }) => {
+	let { htmlFor: k } = O, A;
+	A = k === void 0 && d(m) ? o(m)[0].props.id : k;
+	let j = c.raw({
+		hasError: !!_ || !!v?.length,
+		hasHint: !!b,
+		hiddenLabel: y,
+		horizontal: x,
 		multipleFields: !1,
-		removeErrorMargin: D
-	}), [N, P] = n(k), F = !!E, I = () => {
-		let t = /* @__PURE__ */ m(s, {
-			className: e(M.label),
-			"data-testid": a(_, "label"),
-			hiddenLabel: b,
-			htmlFor: j,
-			readOnly: E,
-			required: F ? !1 : !!T,
-			children: [C, S && x && /* @__PURE__ */ p(d, { hint: x })]
+		removeErrorMargin: E
+	}), [M, N] = n(O), P = !!T, F = () => {
+		let t = /* @__PURE__ */ f(s, {
+			className: e(j.label),
+			"data-testid": a(g, "label"),
+			hiddenLabel: y,
+			htmlFor: A,
+			readOnly: T,
+			required: !P && !!w,
+			children: S
 		});
-		return x ? /* @__PURE__ */ p(u, {
-			hint: x,
-			horizontal: S,
-			hiddenLabel: b,
-			dataTestId: _,
+		return b ? /* @__PURE__ */ f(u, {
+			hint: b,
+			horizontal: x,
+			hiddenLabel: y,
+			dataTestId: g,
 			children: t
 		}) : t;
 	};
-	return /* @__PURE__ */ m(r.div, {
-		className: t(g, e(M.root, N), i.Field),
-		style: { ...S && w && { gridTemplateColumns: `${w} 1fr` } },
-		"data-testid": _,
-		...P,
+	return /* @__PURE__ */ p(r.div, {
+		className: t(h, e(j.root, M), i.Field),
+		style: { ...x && C && { gridTemplateColumns: `${C} 1fr` } },
+		"data-testid": g,
+		...N,
 		children: [
-			/* @__PURE__ */ p(r.div, {
-				className: e(M.labelContainer),
-				children: I()
+			/* @__PURE__ */ f(r.div, {
+				className: e(j.labelContainer),
+				children: F()
 			}),
-			/* @__PURE__ */ p(r.div, {
-				className: e(M.fieldContainer),
-				children: /* @__PURE__ */ p("div", {
-					className: e(M.element),
-					children: h
+			/* @__PURE__ */ f(r.div, {
+				className: e(j.fieldContainer),
+				children: /* @__PURE__ */ f("div", {
+					className: e(j.element),
+					children: m
 				})
 			}),
-			/* @__PURE__ */ p(l, {
-				className: e(M.footer),
-				"data-testid": a(_, "error"),
-				error: v,
-				errorMessages: y,
-				supplementary: O
+			/* @__PURE__ */ f(l, {
+				className: e(j.footer),
+				"data-testid": a(g, "error"),
+				error: _,
+				errorMessages: v,
+				supplementary: D
 			})
 		]
 	});
 };
-h.displayName = "IressField";
+m.displayName = "IressField";
 //#endregion
-export { h as IressField };
+export { m as IressField };

package/dist/components/Field/Field.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const field: import('../../styled-system/types').SlotRecipeRuntimeFn<"label" | "footer" | "hint" | "element" | "root" | "footerIcon" | "supplementary" | "labelContainer" | "fieldContainer", {
+export declare const field: import('../../styled-system/types').SlotRecipeRuntimeFn<"label" | "footer" | "hint" | "element" | "root" | "horizontalLabelWithHint" | "footerIcon" | "supplementary" | "labelContainer" | "fieldContainer", {
     horizontal: {
         true: {
             root: {