@iress-oss/ids-components 6.0.0-beta.1 → 6.0.0-beta.3

package/dist/components/Slideout/hooks/usePushElement.js

@@ -1,5 +1,4 @@
 import { GlobalCSSClass as e } from "../../../enums.js";
-import "../../../constants-D0UW4Ewm.js";
 import { useBreakpoint as t } from "../../../hooks/useBreakpoint.js";
 import { t as n } from "../../../tokens-DuvqF4DC.js";
 import { useEffect as r, useRef as i } from "react";

package/dist/components/Slideout/index.js

@@ -1,4 +1,3 @@
-import "../../constants-D0UW4Ewm.js";
 import { t as e } from "../../Slideout-BHpB44El.js";
 import { slideout as t } from "./Slideout.styles.js";
 import { SlideoutContext as n, useSlideout as r } from "./hooks/useSlideout.js";

package/dist/components/Slider/Slider.js

@@ -2,7 +2,6 @@ import { t as e } from "../../cx-CZ8IJJTy.js";
 import { n as t } from "../../is-valid-prop-BoZ7GJt2.js";
 import { t as n } from "../../factory-sKbby7-S.js";
 import { GlobalCSSClass as r } from "../../enums.js";
-import "../../constants-D0UW4Ewm.js";
 import { propagateTestid as i } from "../../helpers/utility/propagateTestid.js";
 import { useControlledState as a } from "../../hooks/useControlledState.js";
 import { useIdIfNeeded as o } from "../../hooks/useIdIfNeeded.js";

package/dist/components/Slider/components/SliderTicks.js

@@ -8,10 +8,10 @@ var o = (e, t, n, r, i) => {
 	let a = t === 0 ? e - i : e - (n[t - 1]?.value ?? 0);
 	return `${Number(a / (r - i) * 100)}%`;
 }, s = ({ allTickLabels: n, "data-testid": s, index: c, max: l, min: u, tickLabel: d }) => {
-	let f = r(), { className: p, label: m, value: h, ...g } = d, _ = o(h, c, n, l, u), v = { "--iress-tick-label-width": _ };
+	let f = r(), { className: p, label: m, value: h, ...g } = d, _ = { "--iress-tick-label-width": o(h, c, n, l, u) };
 	return /* @__PURE__ */ a("div", {
 		className: e(f.tickMark),
-		style: v,
+		style: _,
 		children: [/* @__PURE__ */ i("option", {
 			value: h,
 			"data-testid": s

package/dist/components/Slider/index.js

@@ -1,4 +1,3 @@
-import "../../constants-D0UW4Ewm.js";
 import { slider as e } from "./Slider.styles.js";
 import { IressSlider as t } from "./Slider.js";
 export { t as IressSlider, e as slider };

package/dist/components/Spinner/Spinner.js

@@ -1,6 +1,5 @@
 import { t as e } from "../../cx-CZ8IJJTy.js";
 import { GlobalCSSClass as t } from "../../enums.js";
-import "../../constants-D0UW4Ewm.js";
 import { IressIcon as n } from "../Icon/Icon.js";
 import { chatty as r, spinner as i } from "./Spinner.styles.js";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";

package/dist/components/Spinner/index.js

@@ -1,4 +1,3 @@
-import "../../constants-D0UW4Ewm.js";
 import { chatty as e, spinner as t } from "./Spinner.styles.js";
 import { IressSpinner as n } from "./Spinner.js";
 export { n as IressSpinner, e as chatty, t as spinner };

package/dist/components/TabSet/Tab/Tab.js

@@ -2,7 +2,6 @@ import { t as e } from "../../../cx-CZ8IJJTy.js";
 import { t } from "../../../factory-sKbby7-S.js";
 import { GlobalCSSClass as n } from "../../../enums.js";
 import { idsLogger as r } from "../../../helpers/utility/idsLogger.js";
-import "../../../constants-D0UW4Ewm.js";
 import { useIdIfNeeded as i } from "../../../hooks/useIdIfNeeded.js";
 import { focusableElements as a } from "../../../helpers/dom/focusableElements.js";
 import { n as o } from "../../../floating-ui.react-JvHZyrqX.js";

package/dist/components/TabSet/TabSet.js

@@ -1,7 +1,6 @@
 import { t as e } from "../../cx-CZ8IJJTy.js";
 import { t } from "../../factory-sKbby7-S.js";
 import { GlobalCSSClass as n } from "../../enums.js";
-import "../../constants-D0UW4Ewm.js";
 import { propagateTestid as r } from "../../helpers/utility/propagateTestid.js";
 import { t as i } from "../../floating-ui.react-JvHZyrqX.js";
 import { TabSetContext as a, TabSetProvider as o } from "./TabSetProvider.js";

package/dist/components/TabSet/TabSetProvider.js

@@ -1,4 +1,3 @@
-import "../../constants-D0UW4Ewm.js";
 import { useControlledState as e } from "../../hooks/useControlledState.js";
 import { createContext as t, useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
 import { jsx as o } from "react/jsx-runtime";

package/dist/components/TabSet/index.js

@@ -1,4 +1,3 @@
-import "../../constants-D0UW4Ewm.js";
 import { tabSet as e } from "./TabSet.styles.js";
 import { IressTabSet as t } from "./TabSet.js";
 import { tab as n } from "./Tab/Tab.styles.js";

package/dist/components/Table/Table.js

@@ -1,4 +1,2 @@
-import "../../highlightQueryInLabel-M67urShz.js";
 import { n as e } from "../../main-5Ict6dyR.js";
-import "../../constants-D0UW4Ewm.js";
 export { e as IressTable };

package/dist/components/Table/TableBody/TableBody.js

@@ -1,4 +1,2 @@
-import "../../../highlightQueryInLabel-M67urShz.js";
 import { t as e } from "../../../main-5Ict6dyR.js";
-import "../../../constants-D0UW4Ewm.js";
 export { e as IressTableBody };

package/dist/components/Table/components/TableFilterButton.js

@@ -1,4 +1,2 @@
-import "../../../highlightQueryInLabel-M67urShz.js";
 import { a as e } from "../../../main-5Ict6dyR.js";
-import "../../../constants-D0UW4Ewm.js";
 export { e as TableFilterButton };

package/dist/components/Table/components/TableHeader.js

@@ -1,4 +1,2 @@
-import "../../../highlightQueryInLabel-M67urShz.js";
 import { r as e } from "../../../main-5Ict6dyR.js";
-import "../../../constants-D0UW4Ewm.js";
 export { e as TableHeader };

package/dist/components/Table/components/TableHeaderCell.js

@@ -1,4 +1,2 @@
-import "../../../highlightQueryInLabel-M67urShz.js";
 import { i as e } from "../../../main-5Ict6dyR.js";
-import "../../../constants-D0UW4Ewm.js";
 export { e as TableHeaderCell };

package/dist/components/Table/index.js

@@ -1,6 +1,4 @@
-import "../../highlightQueryInLabel-M67urShz.js";
 import { n as e, t } from "../../main-5Ict6dyR.js";
-import "../../constants-D0UW4Ewm.js";
 import { n, t as r } from "../../Table.styles-Qfui4aZG.js";
 import { IressTableFormattedValue as i } from "./TableFormattedValue/TableFormattedValue.js";
 import { useTable as a } from "./hooks/useTable.js";

package/dist/components/Tag/Tag.d.ts

@@ -1,6 +1,6 @@
-import { MouseEventHandler, FocusEvent, ReactNode, SyntheticEvent } from 'react';
-import { IressStyledProps } from '../../types';
-interface TagBaseProps {
+import { FocusEvent, ReactNode, SyntheticEvent, ElementType, ComponentPropsWithoutRef } from 'react';
+import { IressCSSProps, IressTestProps } from '../../interfaces';
+interface InternalTagProps<E extends ElementType = 'span'> extends IressCSSProps, IressTestProps {
     /**
      * Contents of the tag.
      */
@@ -18,12 +18,20 @@ interface TagBaseProps {
      * Screen reader text for delete button
      */
     deleteButtonText?: string;
+    /**
+     * Element type to render the Tag as.
+     * @default 'span'
+     */
+    element?: E;
     /**
      * Style of the tag, based on the data colour palette (10-90) or system status colours (danger, info, success, warning).
      * Can be a number (10-90), a string ('10'-'90'), or a system status ('danger', 'info', 'success', 'warning').
-     * @default '90'
      */
     mode?: 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | 'danger' | 'info' | 'success' | 'warning';
+    /**
+     * When true, renders the tag with a visible border instead of a filled background.
+     */
+    bordered?: boolean;
     /**
      * Callback triggered when the tag is deleted
      */
@@ -33,26 +41,10 @@ interface TagBaseProps {
      */
     onDeleteButtonBlur?: (e: FocusEvent<HTMLButtonElement>) => void;
 }
-/**
- * Props for IressTag when onClick is provided (renders as button)
- */
-type ClickableTagProps = Omit<IressStyledProps<'button'>, 'onClick'> & TagBaseProps & {
-    /**
-     * Callback triggered when the tag is clicked.
-     * If this prop is provided, the tag will render as a `<button>` element with hover styles to indicate it is clickable.
-     */
-    onClick: MouseEventHandler<HTMLButtonElement>;
-};
-/**
- * Props for IressTag when onClick is not provided (renders as span)
- */
-type StaticTagProps = IressStyledProps<'span'> & TagBaseProps & {
-    onClick?: never;
-};
-export type IressTagProps = ClickableTagProps | StaticTagProps;
+type ElementProps<E extends ElementType = 'span'> = Omit<ComponentPropsWithoutRef<E>, keyof InternalTagProps<E>>;
+export type IressTagProps<E extends ElementType = 'span'> = ElementProps<E> & InternalTagProps<E>;
 export declare const IressTag: {
-    (props: StaticTagProps): React.JSX.Element;
-    (props: ClickableTagProps): React.JSX.Element;
+    <E extends ElementType = "span">({ bordered, children, className, compact, "data-testid": dataTestId, deleteButton, deleteButtonText, element, mode, onDelete, onDeleteButtonBlur, ...restProps }: IressTagProps<E>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/components/Tag/Tag.js

@@ -1,43 +1,40 @@
 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 { GlobalCSSClass as i } from "../../enums.js";
-import "../../constants-D0UW4Ewm.js";
-import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
-import { IressCloseButton as o } from "../Button/CloseButton/CloseButton.js";
-import { tag as s } from "./Tag.styles.js";
-import { useMemo as c, useRef as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { GlobalCSSClass as r } from "../../enums.js";
+import { propagateTestid as i } from "../../helpers/utility/propagateTestid.js";
+import { IressCloseButton as a } from "../Button/CloseButton/CloseButton.js";
+import { tag as o } from "./Tag.styles.js";
+import { useMemo as s, useRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/Tag/Tag.tsx
-var f = ({ children: f, className: p, compact: m, "data-testid": h, deleteButton: g, deleteButtonText: _ = "Delete", mode: v, onClick: y, onDelete: b, onDeleteButtonBlur: x, ...S }) => {
-	let C = l(null), w = s({
+var d = ({ bordered: d = !1, children: f, className: p, compact: m, "data-testid": h, deleteButton: g, deleteButtonText: _ = "Delete", element: v, mode: y, onDelete: b, onDeleteButtonBlur: x, ...S }) => {
+	let C = c(null), w = v == "button" || v == "a" || !!S.onClick, T = o({
+		bordered: d,
 		customDeleteButton: !!g,
-		clickable: !!y,
+		clickable: w,
 		compact: m,
-		mode: v
-	}), T = s.raw({
+		mode: y
+	}), E = o.raw({
+		bordered: d,
 		customDeleteButton: !!g,
-		clickable: !!y,
+		clickable: w,
 		compact: m,
-		mode: v
-	}), E = !!(b ?? g), [D, O] = n(S);
-	return /* @__PURE__ */ d(c(() => y ? r.button : r.span, [y]), {
-		className: t(p, e(T.root, D), i.Tag),
+		mode: y
+	}), D = !!(b ?? g), [O, k] = n(S), A = s(() => v || (w ? "button" : "span"), [v, w]);
+	return /* @__PURE__ */ u(A, {
+		className: t(p, e(E.root, O), r.Tag),
 		"data-testid": h,
-		...y ? {
-			onClick: y,
-			type: "button"
-		} : {},
-		...O,
-		children: [/* @__PURE__ */ u("span", {
+		...A === "button" ? { type: "button" } : {},
+		...k,
+		children: [/* @__PURE__ */ l("span", {
 			ref: C,
-			className: w.content,
+			className: T.content,
 			children: f
-		}), E && /* @__PURE__ */ u("span", {
-			className: w.deleteButton,
-			children: g ?? /* @__PURE__ */ u(o, {
-				"data-testid": a(h, "delete-button__button"),
+		}), D && /* @__PURE__ */ l("span", {
+			className: T.deleteButton,
+			children: g ?? /* @__PURE__ */ l(a, {
+				"data-testid": i(h, "delete-button__button"),
 				onBlur: x,
 				onClick: (e) => b?.(C.current?.textContent ?? "", e),
 				screenreaderText: _
@@ -45,7 +42,6 @@ var f = ({ children: f, className: p, compact: m, "data-testid": h, deleteButton
 		})]
 	});
 };
-f.displayName = "IressTag";
-var p = f;
+d.displayName = "IressTag";
 //#endregion
-export { p as IressTag };
+export { d as IressTag };

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

@@ -11,16 +11,8 @@ export declare const tag: import('../../styled-system/types').SlotRecipeRuntimeF
     clickable: {
         true: {
             root: {
+                cursor: "pointer";
                 focusable: "true";
-                _hover: {
-                    bg: "colour.primary.surface";
-                    borderColor: "colour.primary.fill";
-                    color: "colour.primary.text";
-                    cursor: "pointer";
-                };
-                _active: {
-                    boxShadow: "color-mix(in srgb, {colors.colour.primary.surface}, transparent 60%) 0px 0px 0px 3px";
-                };
             };
         };
     };
@@ -145,4 +137,11 @@ export declare const tag: import('../../styled-system/types').SlotRecipeRuntimeF
             };
         };
     };
+    bordered: {
+        true: {
+            root: {
+                borderColor: "[currentColor]";
+            };
+        };
+    };
 }>;

package/dist/components/Tag/Tag.styles.js

@@ -13,7 +13,7 @@ var t = e({
 			bg: "[var(--tag-bg, {colors.colour.neutral.20})]",
 			borderRadius: "radius.system.tag",
 			border: "divider",
-			borderColor: "[var(--tag-border)]",
+			borderColor: "[var(--tag-border, transparent)]",
 			color: "[var(--tag-color, {colors.colour.neutral.80})]",
 			display: "inline-flex",
 			gap: "spacing.1",
@@ -46,14 +46,8 @@ var t = e({
 			color: "colour.primary.text"
 		} } },
 		clickable: { true: { root: {
-			focusable: "true",
-			_hover: {
-				bg: "colour.primary.surface",
-				borderColor: "colour.primary.fill",
-				color: "colour.primary.text",
-				cursor: "pointer"
-			},
-			_active: { boxShadow: "color-mix(in srgb, {colors.colour.primary.surface}, transparent 60%) 0px 0px 0px 3px" }
+			cursor: "pointer",
+			focusable: "true"
 		} } },
 		compact: { true: { root: {
 			py: "spacing.0",
@@ -137,12 +131,30 @@ var t = e({
 				"--tag-border": "{colors.colour.system.warning.surface}",
 				"--tag-color": "{colors.colour.system.warning.text}"
 			} }
-		}
+		},
+		bordered: { true: { root: { borderColor: "[currentColor]" } } }
 	},
-	defaultVariants: {
-		customDeleteButton: !1,
-		mode: "90"
-	}
+	compoundVariants: [{
+		bordered: !0,
+		clickable: !0,
+		css: { root: {
+			_hover: { boxShadow: "[0 0 0 1px currentColor]" },
+			_active: { boxShadow: "[0 0 0 1px currentColor, 0px 0px 0px 4px color-mix(in srgb, currentColor, transparent 60%)]" }
+		} }
+	}, {
+		bordered: !1,
+		clickable: !0,
+		css: { root: {
+			_hover: {
+				bg: "colour.primary.surface",
+				borderColor: "colour.primary.fill",
+				color: "colour.primary.text",
+				cursor: "pointer"
+			},
+			_active: { boxShadow: "color-mix(in srgb, {colors.colour.primary.surface}, transparent 60%) 0px 0px 0px 3px" }
+		} }
+	}],
+	defaultVariants: { customDeleteButton: !1 }
 });
 //#endregion
 export { t as tag };

package/dist/components/Tag/TagInput/TagInput.js

@@ -1,4 +1,3 @@
-import "../../../constants-D0UW4Ewm.js";
 import { propagateTestid as e } from "../../../helpers/utility/propagateTestid.js";
 import { useControlledState as t } from "../../../hooks/useControlledState.js";
 import { IressInput as n } from "../../Input/Input.js";

package/dist/components/Tag/index.js

@@ -1,4 +1,3 @@
-import "../../constants-D0UW4Ewm.js";
 import { tag as e } from "./Tag.styles.js";
 import { IressTag as t } from "./Tag.js";
 import { IressTagInput as n } from "./TagInput/TagInput.js";

package/dist/components/Toaster/Toaster.js

@@ -1,7 +1,6 @@
 import { t as e } from "../../cx-CZ8IJJTy.js";
 import { t } from "../../factory-sKbby7-S.js";
 import { GlobalCSSClass as n } from "../../enums.js";
-import "../../constants-D0UW4Ewm.js";
 import { s as r } from "../../floating-ui.react-JvHZyrqX.js";
 import { IressStack as i } from "../Stack/Stack.js";
 import { toaster as a } from "./Toaster.styles.js";

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

@@ -2,38 +2,38 @@ export declare const toaster: import('../../styled-system/types').SlotRecipeRunt
     position: {
         'bottom-end': {
             root: {
-                insetBlockEnd: "[var(--iress-toaster-offset, 0px)]";
+                insetBlockEnd: "var(--iress-toaster-offset, 0px)";
                 insetInlineEnd: "[0]";
             };
         };
         'bottom-start': {
             root: {
-                insetBlockEnd: "[var(--iress-toaster-offset, 0px)]";
+                insetBlockEnd: "var(--iress-toaster-offset, 0px)";
                 insetInlineStart: "[0]";
             };
         };
         'bottom-center': {
             root: {
-                insetBlockEnd: "[var(--iress-toaster-offset, 0px)]";
+                insetBlockEnd: "var(--iress-toaster-offset, 0px)";
                 insetInlineStart: "[50%]";
                 transform: "translateX(-50%)";
             };
         };
         'top-end': {
             root: {
-                insetBlockStart: "[var(--iress-toaster-offset, 0px)]";
+                insetBlockStart: "var(--iress-toaster-offset, 0px)";
                 insetInlineEnd: "[0]";
             };
         };
         'top-start': {
             root: {
-                insetBlockStart: "[var(--iress-toaster-offset, 0px)]";
+                insetBlockStart: "var(--iress-toaster-offset, 0px)";
                 insetInlineStart: "[0]";
             };
         };
         'top-center': {
             root: {
-                insetBlockStart: "[var(--iress-toaster-offset, 0px)]";
+                insetBlockStart: "var(--iress-toaster-offset, 0px)";
                 insetInlineStart: "[50%]";
                 transform: "translateX(-50%)";
             };

package/dist/components/Toaster/Toaster.styles.js

@@ -1,7 +1,6 @@
 import { t as e } from "../../sva-DOLIp5Dd.js";
-import { u as t } from "../../constants-D0UW4Ewm.js";
 //#region src/components/Toaster/Toaster.styles.ts
-var n = e({
+var t = "var(--iress-toaster-offset, 0px)", n = e({
 	slots: ["root"],
 	base: { root: {
 		display: "flex",
@@ -15,28 +14,28 @@ var n = e({
 	} },
 	variants: { position: {
 		"bottom-end": { root: {
-			insetBlockEnd: `[var(${t}, 0px)]`,
+			insetBlockEnd: t,
 			insetInlineEnd: "[0]"
 		} },
 		"bottom-start": { root: {
-			insetBlockEnd: `[var(${t}, 0px)]`,
+			insetBlockEnd: t,
 			insetInlineStart: "[0]"
 		} },
 		"bottom-center": { root: {
-			insetBlockEnd: `[var(${t}, 0px)]`,
+			insetBlockEnd: t,
 			insetInlineStart: "[50%]",
 			transform: "translateX(-50%)"
 		} },
 		"top-end": { root: {
-			insetBlockStart: `[var(${t}, 0px)]`,
+			insetBlockStart: t,
 			insetInlineEnd: "[0]"
 		} },
 		"top-start": { root: {
-			insetBlockStart: `[var(${t}, 0px)]`,
+			insetBlockStart: t,
 			insetInlineStart: "[0]"
 		} },
 		"top-center": { root: {
-			insetBlockStart: `[var(${t}, 0px)]`,
+			insetBlockStart: t,
 			insetInlineStart: "[50%]",
 			transform: "translateX(-50%)"
 		} }

package/dist/components/Toaster/ToasterProvider.js

@@ -1,4 +1,3 @@
-import "../../constants-D0UW4Ewm.js";
 import { registerToaster as e, unregisterToaster as t } from "./helpers/toasterRegister.js";
 import { ToasterContext as n } from "./hooks/useToaster.js";
 import { Toaster as r } from "./Toaster.js";

package/dist/components/Toaster/components/Toast/Toast.js

@@ -1,6 +1,5 @@
 import { t as e } from "../../../../cx-CZ8IJJTy.js";
 import { GlobalCSSClass as t } from "../../../../enums.js";
-import "../../../../constants-D0UW4Ewm.js";
 import { b as n, d as r } from "../../../../floating-ui.react-JvHZyrqX.js";
 import { IressAlert as i } from "../../../Alert/Alert.js";
 import { getTransitionDuration as a } from "../../../../helpers/transition/getTransitionDuration.js";

package/dist/components/Toaster/index.js

@@ -1,4 +1,3 @@
-import "../../constants-D0UW4Ewm.js";
 import { toaster as e } from "./Toaster.styles.js";
 import { ToasterContext as t, useToaster as n } from "./hooks/useToaster.js";
 import { toast as r } from "./components/Toast/Toast.styles.js";

package/dist/components/Toggle/Toggle.js

@@ -2,7 +2,6 @@ import { t as e } from "../../css-D3KwXbP0.js";
 import { t } from "../../cx-CZ8IJJTy.js";
 import { t as n } from "../../factory-sKbby7-S.js";
 import { GlobalCSSClass as r } from "../../enums.js";
-import "../../constants-D0UW4Ewm.js";
 import { propagateTestid as i } from "../../helpers/utility/propagateTestid.js";
 import { useControlledState as a } from "../../hooks/useControlledState.js";
 import { IressCheckboxMark as o } from "../CheckboxMark/CheckboxMark.js";

package/dist/components/Toggle/index.js

@@ -1,4 +1,3 @@
-import "../../constants-D0UW4Ewm.js";
 import { toggle as e } from "./Toggle.styles.js";
 import { IressToggle as t } from "./Toggle.js";
 export { t as IressToggle, e as toggle };

package/dist/components/Tooltip/Tooltip.js

@@ -2,7 +2,6 @@ import { t as e } from "../../cx-CZ8IJJTy.js";
 import { t } from "../../factory-sKbby7-S.js";
 import { GlobalCSSClass as n } from "../../enums.js";
 import { idsLogger as r } from "../../helpers/utility/idsLogger.js";
-import "../../constants-D0UW4Ewm.js";
 import { propagateTestid as i } from "../../helpers/utility/propagateTestid.js";
 import { toArray as a } from "../../helpers/formatting/toArray.js";
 import { focusableElements as o } from "../../helpers/dom/focusableElements.js";

package/dist/components/Tooltip/index.js

@@ -1,4 +1,3 @@
-import "../../constants-D0UW4Ewm.js";
 import { tooltip as e } from "./Tooltip.styles.js";
 import { IressTooltip as t } from "./Tooltip.js";
 export { t as IressTooltip, e as tooltip };

package/dist/components/ValidationMessage/ValidationSummary/ValidationSummary.js

@@ -1,7 +1,6 @@
 import { t as e } from "../../../cx-CZ8IJJTy.js";
 import { t } from "../../../factory-sKbby7-S.js";
 import { GlobalCSSClass as n } from "../../../enums.js";
-import "../../../constants-D0UW4Ewm.js";
 import { propagateTestid as r } from "../../../helpers/utility/propagateTestid.js";
 import { useIdIfNeeded as i } from "../../../hooks/useIdIfNeeded.js";
 import { IressValidationMessage as a } from "../ValidationMessage.js";

package/dist/components/ValidationMessage/index.js

@@ -1,4 +1,3 @@
-import "../../constants-D0UW4Ewm.js";
 import { IressValidationMessage as e } from "./ValidationMessage.js";
 import { IressValidationLink as t } from "./ValidationLink/ValidationLink.js";
 import { IressValidationSummary as n } from "./ValidationSummary/ValidationSummary.js";

package/dist/constants.d.ts

@@ -102,6 +102,11 @@ export declare const Z_INDEX_OFFSET_VAR = "--iress-zindex-offset";
  *   --iress-toaster-offset: 60px;
  * }
  * ```
+ *
+ * IMPORTANT: The literal string `'var(--iress-toaster-offset, 0px)'` used in
+ * `Toaster.styles.ts` must stay in sync with this constant. Template literals
+ * that interpolate this constant cannot be resolved by the Panda CSS static
+ * scanner, so the value is duplicated there as a plain string constant.
  */
 export declare const TOASTER_OFFSET_VAR = "--iress-toaster-offset";
 /**

package/dist/hooks/index.js

@@ -1,4 +1,3 @@
-import "../constants-D0UW4Ewm.js";
 import { useBreakpoint as e } from "./useBreakpoint.js";
 import { useControlledState as t } from "./useControlledState.js";
 import { useIdIfNeeded as n } from "./useIdIfNeeded.js";