@iress-oss/ids-components 6.0.0-alpha.20 → 6.0.0-alpha.22

package/dist/components/Modal/Modal.styles.js

@@ -1,4 +1,4 @@
-import { s as a } from "../../sva-B7kca5XO.js";
+import { s as a } from "../../sva-Df1FmoEW.js";
 const o = [
   "modal",
   "backdrop",

package/dist/components/Panel/Panel.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { panel as m } from "./Panel.styles.js";
-import { s as e } from "../../factory-CsinCTPr.js";
+import { s as e } from "../../factory-BrouwSOb.js";
 import { IressText as a } from "../Text/Text.js";
 import { c as t } from "../../cx-DN21T1EH.js";
 import { GlobalCSSClass as l } from "../../enums.js";

package/dist/components/Panel/Panel.styles.js

@@ -1,8 +1,8 @@
-import { c as a } from "../../cva-DtPMccE9.js";
+import { c as a } from "../../cva-DJVW1KHF.js";
 const o = a({
   base: {
     // Performance: CSS containment (no paint to allow overflow)
-    contain: "layout style",
+    contain: "style",
     display: "block",
     boxSizing: "border-box",
     borderRadius: "radius.system.layout",

package/dist/components/Placeholder/Placeholder.d.ts

@@ -5,6 +5,10 @@ export interface IressPlaceholderProps extends Omit<IressStyledProps, 'width'> {
      * Description of the placeholder's envisioned contents.
      */
     children?: ReactNode;
+    /**
+     * Title for the placeholder content.
+     */
+    heading?: ReactNode;
     /**
      * Sets the height of the placeholder.
      */
@@ -19,6 +23,6 @@ export interface IressPlaceholderProps extends Omit<IressStyledProps, 'width'> {
     width?: string | number;
 }
 export declare const IressPlaceholder: {
-    ({ children, className, height, stretch, style, width, ...restProps }: IressPlaceholderProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, heading, height, stretch, style, width, ...restProps }: IressPlaceholderProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/Placeholder/Placeholder.js

@@ -1,40 +1,60 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { toCSSLengthValue as a } from "../../helpers/formatting/toCSSLengthValue.js";
-import { c as p } from "../../cx-DN21T1EH.js";
-import { placeholder as x } from "./Placeholder.styles.js";
-import { IressText as d } from "../Text/Text.js";
-import { GlobalCSSClass as g } from "../../enums.js";
-const u = ({
-  children: c,
-  className: m,
-  height: o = "auto",
-  stretch: i,
-  style: s,
-  width: l = "auto",
-  ...n
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { toCSSLengthValue as m } from "../../helpers/formatting/toCSSLengthValue.js";
+import { c as g } from "../../cx-DN21T1EH.js";
+import { placeholder as y } from "./Placeholder.styles.js";
+import { IressText as n } from "../Text/Text.js";
+import { GlobalCSSClass as u } from "../../enums.js";
+const f = ({
+  children: l,
+  className: i,
+  heading: o,
+  height: t = "auto",
+  stretch: p,
+  style: r,
+  width: a = "auto",
+  ...h
 }) => {
-  const h = o === "auto" ? i ? "100%" : o : a(o), e = x();
-  return /* @__PURE__ */ r(
-    d,
+  const x = t === "auto" ? p ? "100%" : t : m(t), e = y(), d = !l && !o;
+  return /* @__PURE__ */ c(
+    n,
     {
-      className: p(m, e.root, g.Placeholder),
-      ...n,
+      className: g(i, e.root, u.Placeholder),
+      ...h,
       style: {
-        ...s,
-        width: l ? a(l) : s?.width,
-        height: h
+        ...r,
+        width: a ? m(a) : r?.width,
+        height: x
       },
       children: [
-        /* @__PURE__ */ r("svg", { xmlns: "http://www.w3.org/2000/svg", className: e.svg, children: [
-          /* @__PURE__ */ t("line", { x1: "0", y1: "0", x2: "100%", y2: "100%", className: e.line }),
-          /* @__PURE__ */ t("line", { x1: "100%", y1: "0", x2: "0", y2: "100%", className: e.line })
+        d && /* @__PURE__ */ c("svg", { xmlns: "http://www.w3.org/2000/svg", className: e.svg, children: [
+          /* @__PURE__ */ s(
+            "line",
+            {
+              x1: "0",
+              y1: "0",
+              x2: "100%",
+              y2: "100%",
+              className: e.line
+            }
+          ),
+          /* @__PURE__ */ s(
+            "line",
+            {
+              x1: "100%",
+              y1: "0",
+              x2: "0",
+              y2: "100%",
+              className: e.line
+            }
+          )
         ] }),
-        c
+        o && /* @__PURE__ */ s(n, { element: "strong", textStyle: "typography.heading.4", children: o }),
+        l
       ]
     }
   );
 };
-u.displayName = "IressPlaceholder";
+f.displayName = "IressPlaceholder";
 export {
-  u as IressPlaceholder
+  f as IressPlaceholder
 };

package/dist/components/Placeholder/Placeholder.styles.js

@@ -1,12 +1,12 @@
-import { s as e } from "../../sva-B7kca5XO.js";
-const t = e({
+import { s as o } from "../../sva-Df1FmoEW.js";
+const r = o({
   slots: ["root", "svg", "line"],
   base: {
     root: {
       alignItems: "center",
-      bg: "colour.neutral.20",
-      border: "placeholder",
-      borderRadius: "radius.system.layout",
+      flexDirection: "column",
+      bg: "colour.primary.surface",
+      color: "colour.primary.text",
       boxSizing: "border-box",
       display: "flex",
       justifyContent: "center",
@@ -21,12 +21,13 @@ const t = e({
       zIndex: "[-1]"
     },
     line: {
-      strokeWidth: "1.5px",
-      stroke: "colour.neutral.30",
-      strokeOpacity: "0.5"
+      display: "none",
+      strokeWidth: "0.5px",
+      stroke: "colour.primary.fill",
+      strokeOpacity: "0.1"
     }
   }
 });
 export {
-  t as placeholder
+  r as placeholder
 };

package/dist/components/Popover/InputPopover/InputPopover.js

@@ -5,7 +5,7 @@ import { propagateTestid as m } from "../../../helpers/utility/propagateTestid.j
 import { PopoverContent as H } from "../components/PopoverContent.js";
 import { InputPopoverActivator as R } from "./InputPopoverActivator.js";
 import { usePopoverImperativeHandle as S } from "../hooks/usePopoverImperativeHandle.js";
-import { s as T } from "../../../factory-CsinCTPr.js";
+import { s as T } from "../../../factory-BrouwSOb.js";
 import { c as n } from "../../../cx-DN21T1EH.js";
 import { popover as W } from "../Popover.styles.js";
 import { NestedPopoverActivator as k } from "../components/NestedPopoverActivator.js";

package/dist/components/Popover/Popover.js

@@ -4,7 +4,7 @@ import { GlobalCSSClass as e } from "../../enums.js";
 import { propagateTestid as n } from "../../helpers/utility/propagateTestid.js";
 import { PopoverActivator as H } from "./components/PopoverActivator.js";
 import { PopoverContent as S } from "./components/PopoverContent.js";
-import { s as T } from "../../factory-CsinCTPr.js";
+import { s as T } from "../../factory-BrouwSOb.js";
 import { c } from "../../cx-DN21T1EH.js";
 import { usePopoverImperativeHandle as k } from "./hooks/usePopoverImperativeHandle.js";
 import { popover as q } from "./Popover.styles.js";

package/dist/components/Popover/Popover.styles.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../sva-B7kca5XO.js";
+import { s as t } from "../../sva-Df1FmoEW.js";
 const a = t({
   slots: ["root", "activator", "content"],
   base: {

package/dist/components/Popover/components/PopoverContent.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import { q as b, r as F, t as I, v as u, g as P, w as x, f as C } from "../../../floating-ui.react-BlU6Nz_4.js";
 import { composePopoverFloatingProps as N } from "../helpers/composeFloatingProps.js";
 import { useEffect as w } from "react";
-import { s as y } from "../../../factory-CsinCTPr.js";
+import { s as y } from "../../../factory-BrouwSOb.js";
 import { usePopover as E } from "../hooks/usePopover.js";
 const s = ({
   children: n,

package/dist/components/Progress/Progress.js

@@ -1,12 +1,12 @@
 import { jsx as n } from "react/jsx-runtime";
 import { stringReplacer as P } from "../../helpers/formatting/stringReplacer.js";
-import { c as y } from "../../css-DNdLYQld.js";
+import { c as y } from "../../css-BStWZDQe.js";
 import { c as S } from "../../cx-DN21T1EH.js";
 import { progress as b } from "./Progress.styles.js";
-import { s as p } from "../../factory-CsinCTPr.js";
-import { s as x } from "../../is-valid-prop-DweT-eOL.js";
+import { s as p } from "../../factory-BrouwSOb.js";
+import { s as x } from "../../is-valid-prop-DTA0i8bT.js";
 import { GlobalCSSClass as C } from "../../enums.js";
-import { t as N } from "../../index-0AvnPY9d.js";
+import { t as N } from "../../index-Bir9MtY7.js";
 const h = ({
   backgroundImage: e,
   borderRadius: t,

package/dist/components/Progress/Progress.styles.js

@@ -1,4 +1,4 @@
-import { c as r } from "../../cva-DtPMccE9.js";
+import { c as r } from "../../cva-DJVW1KHF.js";
 const e = r({
   base: {
     // Performance: CSS containment limits style recalculation scope

package/dist/components/Provider/Provider.d.ts

@@ -2,6 +2,7 @@ import { FloatingUIContainer } from '../../types';
 import { ReactNode } from 'react';
 import { IressToasterProviderProps } from '../Toaster';
 import { IressSlideoutProviderProps } from '../Slideout';
+import { IressIconProviderProps } from '../Icon';
 export interface IressProviderProps extends IressSlideoutProviderProps, Pick<IressToasterProviderProps, 'position'> {
     /**
      * The contents of your application, and/or the components which will be calling slideouts, modals and toasts.
@@ -13,15 +14,18 @@ export interface IressProviderProps extends IressSlideoutProviderProps, Pick<Ire
      */
     container?: FloatingUIContainer;
     /**
-     * If you don't want to load the default Iress font from the CDN, set this to true.
+     * Disable automatic font subsetting via Google Fonts CDN
+     * When false, only icons actually used in the component tree are loaded
+     * When true, the full Material Symbols font is loaded
+     * @default false
      */
-    noDefaultFont?: boolean;
+    noSubsetting?: IressIconProviderProps['noSubsetting'];
     /**
-     * If you don't want to load the Iress Icon CSS from the CDN, set this to true.
+     * If you don't want to load the default Iress font from the CDN, set this to true.
      */
-    noIcons?: boolean;
+    noDefaultFont?: boolean;
 }
 export declare const IressProvider: {
-    ({ children, container, noDefaultFont, noIcons, position, ...restProps }: IressProviderProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, container, noDefaultFont, position, ...restProps }: IressProviderProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/Provider/Provider.js

@@ -12,7 +12,10 @@ import "../Slideout/Slideout.styles.js";
 import "../Slideout/SlideoutProvider.js";
 import "../Slideout/hooks/useSlideout.js";
 import "react-dom";
-import { I as c } from "../../Provider-B87u_maF.js";
+import { I as j } from "../../Provider-Dw49edAo.js";
+import "../Icon/Icon.js";
+import "../Icon/Icon.styles.js";
+import "../Icon/IconProvider.js";
 export {
-  c as IressProvider
+  j as IressProvider
 };

package/dist/components/Provider/index.js

@@ -1,4 +1,4 @@
-import { I as o } from "../../Provider-B87u_maF.js";
+import { I as o } from "../../Provider-Dw49edAo.js";
 export {
   o as IressProvider
 };

package/dist/components/Radio/Radio.js

@@ -6,7 +6,7 @@ import { propagateTestid as l } from "../../helpers/utility/propagateTestid.js";
 import { IressReadonly as H } from "../Readonly/Readonly.js";
 import "../Readonly/Readonly.styles.js";
 import { getFormControlValueAsString as P } from "../../helpers/form/getFormControlValueAsString.js";
-import { c as p } from "../../css-DNdLYQld.js";
+import { c as p } from "../../css-BStWZDQe.js";
 import { c as z } from "../../cx-DN21T1EH.js";
 import { radio as D } from "./Radio.styles.js";
 import { GlobalCSSClass as h } from "../../enums.js";
@@ -14,8 +14,8 @@ import { IressCheckboxMark as J } from "../CheckboxMark/CheckboxMark.js";
 import "../CheckboxMark/CheckboxMark.styles.js";
 import { getRadioGroupContext as K } from "../RadioGroup/RadioGroup.js";
 import "../RadioGroup/RadioGroup.styles.js";
-import { s as u } from "../../factory-CsinCTPr.js";
-import { s as L } from "../../is-valid-prop-DweT-eOL.js";
+import { s as u } from "../../factory-BrouwSOb.js";
+import { s as L } from "../../is-valid-prop-DTA0i8bT.js";
 import { IressText as Q } from "../Text/Text.js";
 const T = (i) => /* @__PURE__ */ e(
   u.svg,

package/dist/components/Radio/Radio.styles.js

@@ -1,4 +1,4 @@
-import { s as r } from "../../sva-B7kca5XO.js";
+import { s as r } from "../../sva-Df1FmoEW.js";
 const e = r({
   slots: [
     "root",

package/dist/components/RadioGroup/RadioGroup.js

@@ -3,7 +3,7 @@ import { forwardRef as q, createContext as B, useRef as T, useMemo as j, useImpe
 import { useControlledState as D } from "../../hooks/useControlledState.js";
 import { radioGroup as E } from "./RadioGroup.styles.js";
 import { c as H } from "../../cx-DN21T1EH.js";
-import { s as M } from "../../factory-CsinCTPr.js";
+import { s as M } from "../../factory-BrouwSOb.js";
 import { GlobalCSSClass as P } from "../../enums.js";
 import { useNoDefaultValueInForms as h } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
 function w() {

package/dist/components/RadioGroup/RadioGroup.styles.js

@@ -1,4 +1,4 @@
-import { c as a } from "../../cva-DtPMccE9.js";
+import { c as a } from "../../cva-DJVW1KHF.js";
 const i = a({
   base: {},
   variants: {

package/dist/components/Readonly/Readonly.js

@@ -3,13 +3,13 @@ import { forwardRef as S } from "react";
 import { propagateTestid as V } from "../../helpers/utility/propagateTestid.js";
 import { getFormControlValueAsStringIfDefined as d } from "../../helpers/form/getFormControlValueAsStringIfDefined.js";
 import { readonly as D } from "./Readonly.styles.js";
-import { c as s } from "../../css-DNdLYQld.js";
+import { c as s } from "../../css-BStWZDQe.js";
 import { c as P } from "../../cx-DN21T1EH.js";
 import { IressSpinner as g } from "../Spinner/Spinner.js";
 import "../Spinner/Spinner.styles.js";
 import { GlobalCSSClass as j } from "../../enums.js";
 import { useNoDefaultValueInForms as w } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
-import { s as F } from "../../is-valid-prop-DweT-eOL.js";
+import { s as F } from "../../is-valid-prop-DTA0i8bT.js";
 const b = ({
   append: t,
   children: c,

package/dist/components/Readonly/Readonly.styles.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../sva-B7kca5XO.js";
+import { s as t } from "../../sva-Df1FmoEW.js";
 const i = t({
   slots: ["root", "wrapper", "addon", "internal", "formControl"],
   base: {

package/dist/components/RichSelect/RichSelect.styles.js

@@ -1,4 +1,4 @@
-import { s as c } from "../../sva-B7kca5XO.js";
+import { s as c } from "../../sva-Df1FmoEW.js";
 const i = c({
   slots: [
     "richSelect",
@@ -10,7 +10,7 @@ const i = c({
   base: {
     richSelect: {
       // Performance: CSS containment (no paint to allow focus ring/shadow)
-      contain: "layout style",
+      contain: "style",
       display: "block"
     },
     popoverContent: {

package/dist/components/RichSelect/SelectBody/SelectBody.styles.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../../sva-B7kca5XO.js";
+import { s as e } from "../../../sva-Df1FmoEW.js";
 const l = e({
   slots: ["selectBody", "children"],
   base: {

package/dist/components/RichSelect/SelectCreate/SelectCreate.js

@@ -8,6 +8,7 @@ import { IressMenuItem as I } from "../../Menu/MenuItem/MenuItem.js";
 import "../../Menu/MenuText/MenuText.js";
 import { IressIcon as f } from "../../Icon/Icon.js";
 import "../../Icon/Icon.styles.js";
+import "../../Icon/IconProvider.js";
 import { IressSelectHeading as u } from "../SelectHeading/SelectHeading.js";
 const b = ({
   fluid: m = !0,

package/dist/components/RichSelect/SelectHeading/SelectHeading.js

@@ -8,7 +8,7 @@ import "../../Menu/MenuDivider/MenuDivider.js";
 import "../../Menu/MenuItem/MenuItem.js";
 import { IressMenuHeading as g } from "../../Menu/MenuText/MenuText.js";
 import { GlobalCSSClass as a } from "../../../enums.js";
-import { I as h } from "../../../Button-BTkololu.js";
+import { I as h } from "../../../Button-BrpmQKsB.js";
 import "../../Button/CloseButton/CloseButton.js";
 import "../../Popover/Popover.js";
 import "../../Popover/Popover.styles.js";

package/dist/components/RichSelect/SelectLabel/SelectLabel.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const selectLabel: import('../../../styled-system/types').SlotRecipeRuntimeFn<"placeholder" | "contents" | "append" | "prepend" | "selectLabel", {
+export declare const selectLabel: import('../../../styled-system/types').SlotRecipeRuntimeFn<"contents" | "placeholder" | "append" | "prepend" | "selectLabel", {
     showDefaultChevron: {
         true: {
             selectLabel: {

package/dist/components/RichSelect/SelectLabel/SelectLabel.styles.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../../sva-B7kca5XO.js";
+import { s as e } from "../../../sva-Df1FmoEW.js";
 const o = e({
   slots: ["selectLabel", "contents", "placeholder", "prepend", "append"],
   base: {

package/dist/components/RichSelect/SelectMenu/SelectMenu.styles.js

@@ -1,4 +1,4 @@
-import { s as t } from "../../../sva-B7kca5XO.js";
+import { s as t } from "../../../sva-Df1FmoEW.js";
 const o = t({
   slots: ["root"],
   base: {

package/dist/components/RichSelect/SelectSearch/SelectSearch.styles.js

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

package/dist/components/RichSelect/SelectSearchInput/SelectSearchInput.js

@@ -4,6 +4,7 @@ import { c as h } from "../../../cx-DN21T1EH.js";
 import { selectSearchInput as v } from "./SelectSearchInput.styles.js";
 import { IressIcon as b } from "../../Icon/Icon.js";
 import "../../Icon/Icon.styles.js";
+import "../../Icon/IconProvider.js";
 import { IressInput as d } from "../../Input/Input.js";
 import "../../Input/Input.styles.js";
 import { usePopoverItem as x } from "../../Popover/hooks/usePopoverItem.js";
@@ -11,30 +12,30 @@ import { GlobalCSSClass as R } from "../../../enums.js";
 const P = u(
   ({
     "aria-label": s,
-    autoComplete: a = "off",
-    className: m,
-    placeholder: r = "Search",
+    autoComplete: m = "off",
+    className: a,
+    placeholder: e = "Search",
     prepend: c = /* @__PURE__ */ t(b, { name: "search" }),
     ...p
   }, n) => {
-    const e = I(null), { isActiveInPopover: i, ...o } = x(), l = v({ isActiveInPopover: i });
-    return S(n, () => e.current), /* @__PURE__ */ t(
+    const r = I(null), { isActiveInPopover: i, ...o } = x(), l = v({ isActiveInPopover: i });
+    return S(n, () => r.current), /* @__PURE__ */ t(
       d,
       {
         ...p,
         ...o,
         tabIndex: void 0,
-        "aria-label": s ?? r ?? "Search",
-        autoComplete: a,
+        "aria-label": s ?? e ?? "Search",
+        autoComplete: m,
         className: h(
           l.root,
-          m,
+          a,
           R.RichSelectSearchInput
         ),
-        placeholder: r,
+        placeholder: e,
         prepend: c,
         ref: (f) => {
-          e.current = f, o?.ref?.(e.current?.input ?? null);
+          r.current = f, o?.ref?.(r.current?.input ?? null);
         }
       }
     );

package/dist/components/RichSelect/SelectSearchInput/SelectSearchInput.styles.js

@@ -1,4 +1,4 @@
-import { s as o } from "../../../sva-B7kca5XO.js";
+import { s as o } from "../../../sva-Df1FmoEW.js";
 const t = o({
   slots: ["root"],
   base: {

package/dist/components/RichSelect/SelectTags/SelectTags.js

@@ -21,10 +21,11 @@ import "../../Popover/Popover.styles.js";
 import "../../Popover/InputPopover/InputPopover.js";
 import { usePopover as V } from "../../Popover/hooks/usePopover.js";
 import "../../Popover/hooks/useFloatingPopover.js";
-import { I as G } from "../../../Button-BTkololu.js";
+import { I as G } from "../../../Button-BrpmQKsB.js";
 import "../../Button/CloseButton/CloseButton.js";
 import { IressIcon as R } from "../../Icon/Icon.js";
 import "../../Icon/Icon.styles.js";
+import "../../Icon/IconProvider.js";
 import { GlobalCSSClass as S } from "../../../enums.js";
 import "../../Inline/Inline.styles.js";
 import { IressInline as W } from "../../Inline/Inline.js";
@@ -83,7 +84,7 @@ const C = (r, s) => {
       deleteButton: /* @__PURE__ */ o(
         L,
         {
-          activator: /* @__PURE__ */ o(G, { mode: "tertiary", children: /* @__PURE__ */ o(
+          activator: /* @__PURE__ */ o(G, { mode: "muted", children: /* @__PURE__ */ o(
             R,
             {
               name: "chevron-circle-down",

package/dist/components/RichSelect/SelectTags/SelectTags.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const selectTags: import('../../../styled-system/types').SlotRecipeRuntimeFn<"placeholder" | "tag" | "root" | "append" | "prepend" | "tagsList", {
+export declare const selectTags: import('../../../styled-system/types').SlotRecipeRuntimeFn<"tag" | "root" | "placeholder" | "append" | "prepend" | "tagsList", {
     showDefaultChevron: {
         true: {
             root: {

package/dist/components/RichSelect/SelectTags/SelectTags.styles.js

@@ -1,4 +1,4 @@
-import { s as e } from "../../../sva-B7kca5XO.js";
+import { s as e } from "../../../sva-Df1FmoEW.js";
 const l = e({
   slots: ["root", "placeholder", "prepend", "append", "tag", "tagsList"],
   base: {

package/dist/components/Row/Row.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { row as m } from "./Row.styles.js";
-import { s as t } from "../../factory-CsinCTPr.js";
+import { s as t } from "../../factory-BrouwSOb.js";
 import { c as a } from "../../cx-DN21T1EH.js";
 import { GlobalCSSClass as p } from "../../enums.js";
 const e = t("div", m), i = ({ className: o, ...s }) => /* @__PURE__ */ r(e, { ...s, className: a(o, p.Row) });

package/dist/components/Row/Row.styles.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../cva-DtPMccE9.js";
+import { c as t } from "../../cva-DJVW1KHF.js";
 const n = t({
   base: {
     display: "flex",

package/dist/components/Select/Select.js

@@ -9,10 +9,10 @@ import { SelectReadonly as H } from "./components/SelectReadonly.js";
 import { SelectControl as P } from "./components/SelectControl.js";
 import { select as T } from "./Select.styles.js";
 import { input as q } from "../Input/Input.styles.js";
-import { c as z } from "../../css-DNdLYQld.js";
+import { c as z } from "../../css-BStWZDQe.js";
 import { c as B } from "../../cx-DN21T1EH.js";
 import { GlobalCSSClass as V } from "../../enums.js";
-import { s as J } from "../../is-valid-prop-DweT-eOL.js";
+import { s as J } from "../../is-valid-prop-DTA0i8bT.js";
 import { useNoDefaultValueInForms as K } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
 const L = ({
   children: o,

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

@@ -1,4 +1,4 @@
-import { s as e } from "../../sva-B7kca5XO.js";
+import { s as e } from "../../sva-Df1FmoEW.js";
 const t = ["wrapper", "control", "element"], a = e({
   slots: t,
   base: {

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-CsinCTPr.js";
+import { s as e } from "../../../factory-BrouwSOb.js";
 import { getFormControlValueAsString as s } from "../../../helpers/form/getFormControlValueAsString.js";
 const l = ({
   value: o,

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

@@ -3,7 +3,7 @@ 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 l } from "../Select.styles.js";
-import { c as x } from "../../../css-DNdLYQld.js";
+import { c as x } from "../../../css-BStWZDQe.js";
 import { c as n } from "../../../cx-DN21T1EH.js";
 import "../../Input/Input.js";
 import { input as v } from "../../Input/Input.styles.js";

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

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

package/dist/components/SkipLink/SkipLink.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { I as m } from "../../Button-BTkololu.js";
+import { I as m } from "../../Button-BrpmQKsB.js";
 import "../Button/CloseButton/CloseButton.js";
 import { c as k } from "../../cx-DN21T1EH.js";
 import { skipLink as n } from "./SkipLink.styles.js";

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

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

package/dist/components/Slideout/Slideout.js

@@ -9,7 +9,7 @@ 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-DweT-eOL.js";
+import { s as me } from "../../is-valid-prop-DTA0i8bT.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";