@phillips/seldon 1.271.0 → 1.273.0

package/dist/components/Navigation/NavigationSubmenu/NavigationSubmenu.js

@@ -1,9 +1,9 @@
 import { jsxs as s, Fragment as h, jsx as i } from "react/jsx-runtime";
-import l from "../../../_virtual/index.js";
+import l from "../../../_virtual/index2.js";
 import * as n from "react";
 import { px as e } from "../../../utils/index.js";
-import { TextVariants as d } from "../../Text/types.js";
-import f from "../../Text/Text.js";
+import d from "../../Text/Text.js";
+import { TextVariants as f } from "../../Text/types.js";
 const k = n.forwardRef(
   ({ id: r, children: o, className: N, leftSectionHeading: m, rightSectionHeading: _, onClick: u, wrapLinksInRadixLink: c, ...x }, C) => {
     const p = n.Children.toArray(o).map((t) => {
@@ -24,11 +24,11 @@ const k = n.forwardRef(
         });
     }).filter(Boolean), $ = /* @__PURE__ */ s(h, { children: [
       p.length > 0 ? /* @__PURE__ */ s("div", { className: l(`${e}-nav__list__section`, `${e}-nav__list__section--start`), children: [
-        m ? /* @__PURE__ */ i(f, { variant: d.headingMedium, className: `${e}-nav__list__section--start__title`, children: m }) : null,
+        m ? /* @__PURE__ */ i(d, { variant: f.headingMedium, className: `${e}-nav__list__section--start__title`, children: m }) : null,
         p
       ] }) : null,
       v.length > 0 ? /* @__PURE__ */ s("div", { className: l(`${e}-nav__list__section`, `${e}-nav__list__section--end`), children: [
-        _ ? /* @__PURE__ */ i(f, { variant: d.headingMedium, className: `${e}-nav__list__section--end__title`, children: _ }) : null,
+        _ ? /* @__PURE__ */ i(d, { variant: f.headingMedium, className: `${e}-nav__list__section--end__title`, children: _ }) : null,
         v
       ] }) : null
     ] }), g = l(N, `${e}-nav__list`);

package/dist/components/NotificationBanner/NotificationBanner.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),u=require("../../_virtual/index.cjs"),d=require("react"),l=require("../../utils/index.cjs"),t=d.forwardRef(({className:n,...e},i)=>{const{className:o,...a}=l.getCommonProps(e,"NotificationBanner"),{children:r,id:s}=e;return c.jsx("div",{...a,...e,className:u.default(o,n),ref:i,id:s,children:r})});t.displayName="NotificationBanner";exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),u=require("../../_virtual/index2.cjs"),d=require("react"),l=require("../../utils/index.cjs"),t=d.forwardRef(({className:n,...e},i)=>{const{className:o,...a}=l.getCommonProps(e,"NotificationBanner"),{children:r,id:s}=e;return c.jsx("div",{...a,...e,className:u.default(o,n),ref:i,id:s,children:r})});t.displayName="NotificationBanner";exports.default=t;

package/dist/components/NotificationBanner/NotificationBanner.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import e from "../../_virtual/index.js";
+import e from "../../_virtual/index2.js";
 import { forwardRef as c } from "react";
 import { getCommonProps as f } from "../../utils/index.js";
 const l = c(({ className: a, ...o }, i) => {

package/dist/components/PageContentWrapper/PageContentWrapper.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),i=require("react"),c=require("../../utils/index.cjs"),l=require("../../_virtual/index.cjs"),t=i.forwardRef(({children:r,className:a,...e},s)=>{const{className:n,...o}=c.getCommonProps(e,"PageContentWrapper");return u.jsx("div",{...o,className:l.default(n,a),...e,ref:s,children:r})});t.displayName="PageContentWrapper";exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),i=require("react"),c=require("../../utils/index.cjs"),l=require("../../_virtual/index2.cjs"),t=i.forwardRef(({children:r,className:a,...e},s)=>{const{className:n,...o}=c.getCommonProps(e,"PageContentWrapper");return u.jsx("div",{...o,className:l.default(n,a),...e,ref:s,children:r})});t.displayName="PageContentWrapper";exports.default=t;

package/dist/components/PageContentWrapper/PageContentWrapper.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import { getCommonProps as p } from "../../utils/index.js";
-import f from "../../_virtual/index.js";
+import f from "../../_virtual/index2.js";
 const c = n(
   ({ children: e, className: o, ...a }, r) => {
     const { className: m, ...s } = p(a, "PageContentWrapper");

package/dist/components/Pagination/Pagination.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),v=require("react"),m=require("../../_virtual/index.cjs"),f=require("../../utils/index.cjs"),B=require("../Select/Select.cjs"),j=require("../IconButton/IconButton.cjs"),y=require("../Button/types.cjs"),c=require("./utils.cjs"),M=require("../../utils/hooks.cjs"),$=require("../Icon/Icon.cjs"),O=v.forwardRef(({className:P,onChange:_,variant:S="inline",options:i=[],value:x,isDisabled:l,previousLabel:q="Previous",nextLabel:C="Next",selectLabel:b="Select",...h},N)=>{const V="pagination",{className:o,...w}=f.getCommonProps(h,"Pagination"),{id:s}=h,{pendingState:I,setPendingState:R}=M.usePendingState(c.determineOptionValue(x)),u=I||x,p=(e,a)=>{const d=c.determineOptionValue(e);R(d),_(d,a)},[t,n]=v.useMemo(()=>{const e=i.findIndex(g=>c.determineOptionValue(g)===u)-1,a=i.at(e)||"",d=(i.findIndex(g=>c.determineOptionValue(g)===u)+1)%i.length,k=i[d];return[a,k]},[i,u]);return r.jsxs("div",{ref:N,className:m.default(`${f.px}-${V}`,{[`${o}__wrapper`]:o},P),...w,...h,children:[r.jsx(j.default,{className:m.default(`${o}__button`,`${f.px}-left-arrow`,{[`${o}__button--is-disabled`]:l}),onClick:e=>{typeof t=="object"&&t.href&&e.preventDefault(),p(t)},"data-testid":`${s}-previous-button`,isDisabled:l,"aria-label":q,variant:y.ButtonVariants.primary,href:typeof t=="object"&&t.href?t.href:void 0,prefetch:typeof t=="object"&&t.prefetch?t.prefetch:void 0,children:r.jsx($.default,{icon:"ChevronRight",height:"16",width:"16"})}),r.jsx(B.default,{className:S==="inline"?`${f.px}--inline-pagination`:void 0,"aria-label":b,value:u,onChange:e=>{const a=c.findOptionFromSelectString(i,e?.currentTarget.value);a&&p(a,e)},"data-testid":`${s}-select-button`,hideLabel:!0,labelText:b,disabled:l,showIcon:!1,id:`${s}-select-button`,isStandalone:!0,children:i.map(e=>{const a=c.determineOptionValue(e);return r.jsx("option",{value:a,children:typeof e=="string"||typeof e=="number"?e:e.label},a)})}),r.jsx(j.default,{className:m.default(`${o}__button`,{[`${o}__button--is-disabled`]:l}),onClick:e=>{typeof n=="object"&&n.href&&e.preventDefault(),p(n)},"data-testid":`${s}-next-button`,isDisabled:l,"aria-label":C,variant:y.ButtonVariants.primary,href:typeof n=="object"&&n.href?n.href:void 0,prefetch:typeof n=="object"&&n.prefetch?n.prefetch:void 0,children:r.jsx($.default,{icon:"ChevronRight",height:"16",width:"16"})})]})});O.displayName="Pagination";exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),v=require("react"),m=require("../../_virtual/index2.cjs"),f=require("../../utils/index.cjs"),B=require("../Select/Select.cjs"),j=require("../IconButton/IconButton.cjs"),y=require("../Button/types.cjs"),c=require("./utils.cjs"),M=require("../../utils/hooks.cjs"),$=require("../Icon/Icon.cjs"),O=v.forwardRef(({className:P,onChange:_,variant:S="inline",options:i=[],value:x,isDisabled:l,previousLabel:q="Previous",nextLabel:C="Next",selectLabel:b="Select",...h},N)=>{const V="pagination",{className:o,...w}=f.getCommonProps(h,"Pagination"),{id:s}=h,{pendingState:I,setPendingState:R}=M.usePendingState(c.determineOptionValue(x)),u=I||x,p=(e,a)=>{const d=c.determineOptionValue(e);R(d),_(d,a)},[t,n]=v.useMemo(()=>{const e=i.findIndex(g=>c.determineOptionValue(g)===u)-1,a=i.at(e)||"",d=(i.findIndex(g=>c.determineOptionValue(g)===u)+1)%i.length,k=i[d];return[a,k]},[i,u]);return r.jsxs("div",{ref:N,className:m.default(`${f.px}-${V}`,{[`${o}__wrapper`]:o},P),...w,...h,children:[r.jsx(j.default,{className:m.default(`${o}__button`,`${f.px}-left-arrow`,{[`${o}__button--is-disabled`]:l}),onClick:e=>{typeof t=="object"&&t.href&&e.preventDefault(),p(t)},"data-testid":`${s}-previous-button`,isDisabled:l,"aria-label":q,variant:y.ButtonVariants.primary,href:typeof t=="object"&&t.href?t.href:void 0,prefetch:typeof t=="object"&&t.prefetch?t.prefetch:void 0,children:r.jsx($.default,{icon:"ChevronRight",height:"16",width:"16"})}),r.jsx(B.default,{className:S==="inline"?`${f.px}--inline-pagination`:void 0,"aria-label":b,value:u,onChange:e=>{const a=c.findOptionFromSelectString(i,e?.currentTarget.value);a&&p(a,e)},"data-testid":`${s}-select-button`,hideLabel:!0,labelText:b,disabled:l,showIcon:!1,id:`${s}-select-button`,isStandalone:!0,children:i.map(e=>{const a=c.determineOptionValue(e);return r.jsx("option",{value:a,children:typeof e=="string"||typeof e=="number"?e:e.label},a)})}),r.jsx(j.default,{className:m.default(`${o}__button`,{[`${o}__button--is-disabled`]:l}),onClick:e=>{typeof n=="object"&&n.href&&e.preventDefault(),p(n)},"data-testid":`${s}-next-button`,isDisabled:l,"aria-label":C,variant:y.ButtonVariants.primary,href:typeof n=="object"&&n.href?n.href:void 0,prefetch:typeof n=="object"&&n.prefetch?n.prefetch:void 0,children:r.jsx($.default,{icon:"ChevronRight",height:"16",width:"16"})})]})});O.displayName="Pagination";exports.default=O;

package/dist/components/Pagination/Pagination.js

@@ -1,6 +1,6 @@
 import { jsxs as k, jsx as i } from "react/jsx-runtime";
 import { forwardRef as B, useMemo as T } from "react";
-import u from "../../_virtual/index.js";
+import u from "../../_virtual/index2.js";
 import { getCommonProps as F, px as g } from "../../utils/index.js";
 import M from "../Select/Select.js";
 import x from "../IconButton/IconButton.js";

package/dist/components/Pictogram/Pictogram.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),l=require("react"),d=require("../../utils/index.cjs"),g=require("../../_virtual/index.cjs"),P=require("../Icon/Icon.cjs"),o=l.forwardRef(({className:r,pictogram:s,size:e,color:a,...t},c)=>{const{className:i,...n}=d.getCommonProps(t,"Pictogram"),u={...n,...t};return m.jsx(P.default,{...u,className:g.default(i,r),icon:s,height:e,width:e,color:a,isPictogram:!0,ref:c})});o.displayName="Pictogram";exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),l=require("react"),d=require("../../utils/index.cjs"),g=require("../../_virtual/index2.cjs"),P=require("../Icon/Icon.cjs"),o=l.forwardRef(({className:r,pictogram:s,size:e,color:a,...t},c)=>{const{className:i,...n}=d.getCommonProps(t,"Pictogram"),u={...n,...t};return m.jsx(P.default,{...u,className:g.default(i,r),icon:s,height:e,width:e,color:a,isPictogram:!0,ref:c})});o.displayName="Pictogram";exports.default=o;

package/dist/components/Pictogram/Pictogram.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { getCommonProps as f } from "../../utils/index.js";
-import P from "../../_virtual/index.js";
+import P from "../../_virtual/index2.js";
 import g from "../Icon/Icon.js";
 const l = p(({ className: r, pictogram: t, size: o, color: a, ...m }, s) => {
   const { className: c, ...e } = f(m, "Pictogram"), i = { ...e, ...m };

package/dist/components/PinchZoom/PinchZoom.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),e=require("react"),R=require("../../utils/index.cjs"),p=require("../../node_modules/react-zoom-pan-pinch/dist/index.esm.cjs"),b=require("../../_virtual/index.cjs"),P=e.forwardRef(({onZoomChange:s,onAtLeftEdge:l,onAtRightEdge:i,children:t,maxZoom:x=10,className:S,isZoomReset:c=!1,...u},q)=>{const{className:a,...N}=R.getCommonProps(u,"PinchZoom"),[n,r]=e.useState(!1),m=e.useRef(null);e.useEffect(()=>{c&&(m.current?.resetTransform(),r(!1),s?.(!1))},[c,s]);const T=e.useCallback(j=>{const{state:o,instance:d}=j;o.scale>.99&&o.scale<1.01?(r(!1),s?.(!1)):(r(!0),s?.(!0));const w=Math.abs(o.positionX-(d.bounds?.maxPositionX??0))<.01,M=Math.abs(o.positionX-(d.bounds?.minPositionX??0))<.01;l?.(w),i?.(M)},[s,l,i]);return f.jsx(p.TransformWrapper,{maxScale:x,onTransformed:T,minScale:1,disablePadding:!0,doubleClick:{mode:n?"reset":"toggle"},wheel:{smoothStep:.01},panning:{disabled:!n},ref:m,children:f.jsx(p.TransformComponent,{wrapperProps:{...N,...u},wrapperClass:b.default(a,S,{[`${a}-zoomed`]:n}),contentClass:`${a}-content`,children:e.isValidElement(t)?e.cloneElement(t,{className:b.default(`${a}-child`,t?.props?.className),ref:q}):t})})});P.displayName="PinchZoom";exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),e=require("react"),R=require("../../utils/index.cjs"),p=require("../../node_modules/react-zoom-pan-pinch/dist/index.esm.cjs"),b=require("../../_virtual/index2.cjs"),P=e.forwardRef(({onZoomChange:s,onAtLeftEdge:l,onAtRightEdge:i,children:t,maxZoom:x=10,className:S,isZoomReset:c=!1,...u},q)=>{const{className:a,...N}=R.getCommonProps(u,"PinchZoom"),[n,r]=e.useState(!1),m=e.useRef(null);e.useEffect(()=>{c&&(m.current?.resetTransform(),r(!1),s?.(!1))},[c,s]);const T=e.useCallback(j=>{const{state:o,instance:d}=j;o.scale>.99&&o.scale<1.01?(r(!1),s?.(!1)):(r(!0),s?.(!0));const w=Math.abs(o.positionX-(d.bounds?.maxPositionX??0))<.01,M=Math.abs(o.positionX-(d.bounds?.minPositionX??0))<.01;l?.(w),i?.(M)},[s,l,i]);return f.jsx(p.TransformWrapper,{maxScale:x,onTransformed:T,minScale:1,disablePadding:!0,doubleClick:{mode:n?"reset":"toggle"},wheel:{smoothStep:.01},panning:{disabled:!n},ref:m,children:f.jsx(p.TransformComponent,{wrapperProps:{...N,...u},wrapperClass:b.default(a,S,{[`${a}-zoomed`]:n}),contentClass:`${a}-content`,children:e.isValidElement(t)?e.cloneElement(t,{className:b.default(`${a}-child`,t?.props?.className),ref:q}):t})})});P.displayName="PinchZoom";exports.default=P;

package/dist/components/PinchZoom/PinchZoom.js

@@ -2,7 +2,7 @@ import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as X, useState as h, useRef as C, useEffect as E, useCallback as $, isValidElement as k, cloneElement as z } from "react";
 import { getCommonProps as M } from "../../utils/index.js";
 import { TransformWrapper as R, TransformComponent as g } from "../../node_modules/react-zoom-pan-pinch/dist/index.esm.js";
-import d from "../../_virtual/index.js";
+import d from "../../_virtual/index2.js";
 const j = X(
   ({ onZoomChange: s, onAtLeftEdge: m, onAtRightEdge: l, children: e, maxZoom: u = 10, className: b, isZoomReset: n = !1, ...i }, P) => {
     const { className: o, ...N } = M(i, "PinchZoom"), [t, r] = h(!1), c = C(null);

package/dist/components/ProgressBar/ProgressBar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("react"),M=require("../../_virtual/index.cjs"),N=require("../../utils/index.cjs"),T=require("../Text/types.cjs"),q=require("../Text/Text.cjs"),w=require("./utils.cjs");function V(i,l){return`${i} of ${l}`}const m=o.forwardRef(({current:i,total:l,ariaLive:x="polite",className:g,tooltipContent:r,progressAriaLabel:f="Progress",getAriaValueText:h=V,..._},$)=>{const{className:a,...P}=N.getCommonProps(_,"ProgressBar"),{safeTotal:t,safeCurrent:n,visualPercent:p}=o.useMemo(()=>w.getProgressBarMetrics(i,l),[i,l]),b=h(n,t),[c,u]=o.useState({isVisible:!1,x:0}),d=(e,v)=>{const j=Math.min(Math.max(e-v.left,0),v.width);u({isVisible:!0,x:j})};return s.jsxs("div",{...P,ref:$,className:M.default(a,g),children:[s.jsx("span",{className:`${a}__live-region`,role:"progressbar","aria-valuemin":1,"aria-valuemax":t,"aria-valuenow":n,"aria-valuetext":b,"aria-label":f}),s.jsxs("div",{className:`${a}__track`,onMouseEnter:r?e=>d(e.clientX,e.currentTarget.getBoundingClientRect()):void 0,onMouseMove:r?e=>d(e.clientX,e.currentTarget.getBoundingClientRect()):void 0,onMouseLeave:r?()=>u(e=>({...e,isVisible:!1})):void 0,children:[s.jsx("div",{className:`${a}__fill`,style:{width:`${p}%`},children:s.jsx("div",{className:`${a}__label`,children:s.jsx(q.default,{element:"span",variant:T.TextVariants.stringSmall,"aria-live":x,children:`${n}/${t}`})})}),r&&c.isVisible&&s.jsxs("div",{className:`${a}__hover-tooltip`,style:{left:`${c.x}px`},"aria-hidden":!0,children:[r,s.jsx("span",{className:`${a}__hover-tooltip-caret`})]})]})]})});m.displayName="ProgressBar";exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("react"),M=require("../../_virtual/index2.cjs"),N=require("../../utils/index.cjs"),T=require("./utils.cjs"),q=require("../Text/Text.cjs"),w=require("../Text/types.cjs");function V(i,l){return`${i} of ${l}`}const m=o.forwardRef(({current:i,total:l,ariaLive:x="polite",className:g,tooltipContent:r,progressAriaLabel:f="Progress",getAriaValueText:h=V,..._},$)=>{const{className:a,...P}=N.getCommonProps(_,"ProgressBar"),{safeTotal:t,safeCurrent:n,visualPercent:p}=o.useMemo(()=>T.getProgressBarMetrics(i,l),[i,l]),b=h(n,t),[c,u]=o.useState({isVisible:!1,x:0}),d=(e,v)=>{const j=Math.min(Math.max(e-v.left,0),v.width);u({isVisible:!0,x:j})};return s.jsxs("div",{...P,ref:$,className:M.default(a,g),children:[s.jsx("span",{className:`${a}__live-region`,role:"progressbar","aria-valuemin":1,"aria-valuemax":t,"aria-valuenow":n,"aria-valuetext":b,"aria-label":f}),s.jsxs("div",{className:`${a}__track`,onMouseEnter:r?e=>d(e.clientX,e.currentTarget.getBoundingClientRect()):void 0,onMouseMove:r?e=>d(e.clientX,e.currentTarget.getBoundingClientRect()):void 0,onMouseLeave:r?()=>u(e=>({...e,isVisible:!1})):void 0,children:[s.jsx("div",{className:`${a}__fill`,style:{width:`${p}%`},children:s.jsx("div",{className:`${a}__label`,children:s.jsx(q.default,{element:"span",variant:w.TextVariants.stringSmall,"aria-live":x,children:`${n}/${t}`})})}),r&&c.isVisible&&s.jsxs("div",{className:`${a}__hover-tooltip`,style:{left:`${c.x}px`},"aria-hidden":!0,children:[r,s.jsx("span",{className:`${a}__hover-tooltip-caret`})]})]})]})});m.displayName="ProgressBar";exports.default=m;

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,10 +1,10 @@
 import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import { forwardRef as b, useMemo as M, useState as w } from "react";
-import T from "../../_virtual/index.js";
+import T from "../../_virtual/index2.js";
 import { getCommonProps as V } from "../../utils/index.js";
-import { TextVariants as B } from "../Text/types.js";
+import { getProgressBarMetrics as B } from "./utils.js";
 import y from "../Text/Text.js";
-import { getProgressBarMetrics as X } from "./utils.js";
+import { TextVariants as X } from "../Text/types.js";
 function j(i, l) {
   return `${i} of ${l}`;
 }
@@ -20,7 +20,7 @@ const H = b(
     ...h
   }, x) => {
     const { className: a, ..._ } = V(h, "ProgressBar"), { safeTotal: o, safeCurrent: t, visualPercent: $ } = M(
-      () => X(i, l),
+      () => B(i, l),
       [i, l]
     ), P = g(t, o), [n, c] = w({
       isVisible: !1,
@@ -53,7 +53,7 @@ const H = b(
           onMouseMove: r ? (e) => d(e.clientX, e.currentTarget.getBoundingClientRect()) : void 0,
           onMouseLeave: r ? () => c((e) => ({ ...e, isVisible: !1 })) : void 0,
           children: [
-            /* @__PURE__ */ s("div", { className: `${a}__fill`, style: { width: `${$}%` }, children: /* @__PURE__ */ s("div", { className: `${a}__label`, children: /* @__PURE__ */ s(y, { element: "span", variant: B.stringSmall, "aria-live": v, children: `${t}/${o}` }) }) }),
+            /* @__PURE__ */ s("div", { className: `${a}__fill`, style: { width: `${$}%` }, children: /* @__PURE__ */ s("div", { className: `${a}__label`, children: /* @__PURE__ */ s(y, { element: "span", variant: X.stringSmall, "aria-live": v, children: `${t}/${o}` }) }) }),
             r && n.isVisible && /* @__PURE__ */ m("div", { className: `${a}__hover-tooltip`, style: { left: `${n.x}px` }, "aria-hidden": !0, children: [
               r,
               /* @__PURE__ */ s("span", { className: `${a}__hover-tooltip-caret` })

package/dist/components/ProgressIndicator/ProgressIndicator.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),N=require("../../node_modules/@radix-ui/react-progress/dist/index.cjs"),u=require("react"),S=require("../../utils/index.cjs"),m=require("../../_virtual/index.cjs"),$=require("../Icon/Icon.cjs"),h=require("../Text/types.cjs"),_=require("../Text/Text.cjs"),x=u.forwardRef(({totalSteps:o,currentStep:f,className:j,stepLabels:t,progressIndicatorAriaLabel:p="Progress Indicator",completedIconAriaLabel:g="Completed Icon",...l},v)=>{const{className:r,...M}=S.getCommonProps(l,"ProgressIndicator");if(o<=0)return null;const s=Math.max(1,Math.min(10,Math.floor(o))),n=Math.max(1,Math.min(s,Math.floor(f)));return e.jsx("div",{...M,className:m.default(r,j),...l,ref:v,children:e.jsx(N.Root,{value:n,max:s,"aria-label":p,children:e.jsx("div",{className:`${r}__steps`,children:Array.from({length:s}).map((q,a)=>{const c=a+1,i=n>c,d=n===c;return e.jsxs(u.Fragment,{children:[e.jsxs("div",{className:`${r}__item`,"aria-current":d?"step":void 0,"data-testid":`progress-step-${c}`,children:[e.jsx("span",{className:m.default(`${r}__circle`,{[`${r}__circle--active`]:i,[`${r}__circle--current`]:d}),children:i?e.jsx($.default,{icon:"Success","aria-label":g,color:"currentColor",width:20,height:20}):e.jsx(_.default,{variant:h.TextVariants.labelSmall,children:c})}),t&&t[a]&&e.jsx("span",{className:`${r}__label`,children:e.jsx(_.default,{variant:h.TextVariants.bodySmall,children:t[a]})})]}),a<s-1?e.jsx("div",{className:`${r}__connector`,"aria-hidden":"true"}):null]},t?.[a]||a)})})})})});x.displayName="ProgressIndicator";exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),N=require("../../node_modules/@radix-ui/react-progress/dist/index.cjs"),u=require("react"),S=require("../../utils/index.cjs"),m=require("../../_virtual/index2.cjs"),$=require("../Icon/Icon.cjs"),h=require("../Text/Text.cjs"),_=require("../Text/types.cjs"),x=u.forwardRef(({totalSteps:o,currentStep:f,className:j,stepLabels:t,progressIndicatorAriaLabel:p="Progress Indicator",completedIconAriaLabel:g="Completed Icon",...l},v)=>{const{className:r,...M}=S.getCommonProps(l,"ProgressIndicator");if(o<=0)return null;const s=Math.max(1,Math.min(10,Math.floor(o))),n=Math.max(1,Math.min(s,Math.floor(f)));return e.jsx("div",{...M,className:m.default(r,j),...l,ref:v,children:e.jsx(N.Root,{value:n,max:s,"aria-label":p,children:e.jsx("div",{className:`${r}__steps`,children:Array.from({length:s}).map((q,a)=>{const c=a+1,i=n>c,d=n===c;return e.jsxs(u.Fragment,{children:[e.jsxs("div",{className:`${r}__item`,"aria-current":d?"step":void 0,"data-testid":`progress-step-${c}`,children:[e.jsx("span",{className:m.default(`${r}__circle`,{[`${r}__circle--active`]:i,[`${r}__circle--current`]:d}),children:i?e.jsx($.default,{icon:"Success","aria-label":g,color:"currentColor",width:20,height:20}):e.jsx(h.default,{variant:_.TextVariants.labelSmall,children:c})}),t&&t[a]&&e.jsx("span",{className:`${r}__label`,children:e.jsx(h.default,{variant:_.TextVariants.bodySmall,children:t[a]})})]}),a<s-1?e.jsx("div",{className:`${r}__connector`,"aria-hidden":"true"}):null]},t?.[a]||a)})})})})});x.displayName="ProgressIndicator";exports.default=x;

package/dist/components/ProgressIndicator/ProgressIndicator.js

@@ -2,10 +2,10 @@ import { jsx as r, jsxs as d } from "react/jsx-runtime";
 import { Root as P } from "../../node_modules/@radix-ui/react-progress/dist/index.js";
 import { forwardRef as S, Fragment as $ } from "react";
 import { getCommonProps as C } from "../../utils/index.js";
-import h from "../../_virtual/index.js";
+import h from "../../_virtual/index2.js";
 import I from "../Icon/Icon.js";
-import { TextVariants as p } from "../Text/types.js";
-import _ from "../Text/Text.js";
+import p from "../Text/Text.js";
+import { TextVariants as _ } from "../Text/types.js";
 const T = S(
   ({
     totalSteps: l,
@@ -45,10 +45,10 @@ const T = S(
                       width: 20,
                       height: 20
                     }
-                  ) : /* @__PURE__ */ r(_, { variant: p.labelSmall, children: s })
+                  ) : /* @__PURE__ */ r(p, { variant: _.labelSmall, children: s })
                 }
               ),
-              e && e[o] && /* @__PURE__ */ r("span", { className: `${a}__label`, children: /* @__PURE__ */ r(_, { variant: p.bodySmall, children: e[o] }) })
+              e && e[o] && /* @__PURE__ */ r("span", { className: `${a}__label`, children: /* @__PURE__ */ r(p, { variant: _.bodySmall, children: e[o] }) })
             ]
           }
         ),

package/dist/components/Row/Row.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),d=require("react"),e=require("../../utils/index.cjs"),g=require("../../_virtual/index.cjs"),s=d.forwardRef(({children:n,element:a,padding:t={top:e.PaddingTokens.lg,bottom:e.PaddingTokens.lg},className:r,...o},m)=>{const{className:l,...c}=e.getCommonProps(o,"Row"),i=a||"section";return u.jsx(i,{ref:m,...c,className:g.default(l,t.top&&e.generatePaddingClassName(t.top,"start"),t.bottom&&e.generatePaddingClassName(t.bottom,"end"),r),...o,children:n})});s.displayName="Row";exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),d=require("react"),e=require("../../utils/index.cjs"),g=require("../../_virtual/index2.cjs"),s=d.forwardRef(({children:n,element:a,padding:t={top:e.PaddingTokens.lg,bottom:e.PaddingTokens.lg},className:r,...o},m)=>{const{className:l,...c}=e.getCommonProps(o,"Row"),i=a||"section";return u.jsx(i,{ref:m,...c,className:g.default(l,t.top&&e.generatePaddingClassName(t.top,"start"),t.bottom&&e.generatePaddingClassName(t.bottom,"end"),r),...o,children:n})});s.displayName="Row";exports.default=s;

package/dist/components/Row/Row.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import { getCommonProps as i, PaddingTokens as m, generatePaddingClassName as e } from "../../utils/index.js";
-import C from "../../_virtual/index.js";
+import C from "../../_virtual/index2.js";
 const N = f(
   ({
     children: s,

package/dist/components/Search/Search.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),n=require("react"),l=require("../../utils/index.cjs"),c=require("../../_virtual/index.cjs"),T=require("../Input/Input.cjs"),V=require("../Link/Link.cjs"),H=require("./SearchResults/SearchResults.cjs"),M=require("../Text/types.cjs"),O=require("../Text/Text.cjs"),D=require("../../node_modules/usehooks-ts/dist/index.cjs"),U=require("../../site-furniture/Header/Header.cjs"),A=require("./SearchButton.cjs"),B=require("../../node_modules/react-remove-scroll/dist/es2015/Combination.cjs"),F=require("../Link/types.cjs"),K=require("../../node_modules/react-transition-group/esm/CSSTransition.cjs"),j=n.forwardRef(({onSearch:m,onCancel:S,searchResults:R=[],state:o="idle",defaultValue:b="",className:q,placeholder:w="",searchButtonText:d="Search",loadingText:N="Search In Progress...",invalidText:C="Invalid search",getAllResultsText:I=e=>`View all results for ${e}`,getAllResultsLink:_=e=>`/Search?Search=${e}`,...v},E)=>{const{className:e,"data-testid":i,...P}=l.getCommonProps(v,"Search"),u=n.useContext(U.HeaderContext),h=n.useRef(null),f=n.useRef(null),$=n.useRef(null),a=u.isSearchExpanded,t=h.current?.value,[L,p]=n.useState(!0),k=m?r=>{m(r.target.value)}:void 0;D.useOnClickOutside($,r=>{S?.(),x(!1),r.stopPropagation()});const g=r=>{if(r.stopPropagation(),r.key==="Enter"){if(r.preventDefault(),t&&t.length>2){const y=l.encodeURLSearchParams(_(t));p(!1),window.location.href=y}r.currentTarget instanceof HTMLAnchorElement&&(p(!1),r.currentTarget.click())}r.key==="Escape"&&(f.current?.reset(),u.setIsSearchExpanded(!1))};n.useEffect(()=>{if(a){h.current?.focus();return}},[a]);const x=r=>{f.current?.reset(),u.setIsSearchExpanded(r)};return s.jsx(B.default,{enabled:a,allowPinchZoom:!0,removeScrollBar:!1,children:s.jsx("div",{className:`${e}__container`,ref:E,children:s.jsxs("div",{className:`${e}__container__inner`,ref:$,onClick:r=>{a||(x(!0),r.stopPropagation())},children:[s.jsx(O.default,{variant:M.TextVariants.headingSmall,className:`${e}__container__inner__label`,children:d}),s.jsx("div",{...P,className:c.default(e,q,{[`${e}--active`]:a}),"data-testid":i,role:"search",...v,children:s.jsxs("form",{"data-testid":`${i}-form`,className:c.default(`${e}__form`,{[`${e}__form--active`]:a}),ref:f,children:[s.jsxs("div",{className:c.default(`${e}__content-wrapper`,{[`${e}__content-wrapper--active`]:a}),role:"combobox","aria-haspopup":"listbox","aria-expanded":a,"aria-controls":a?`${i}-listbox`:void 0,children:[s.jsx(K.default,{in:a,classNames:`${l.px}-input`,addEndListener:()=>{},children:s.jsx(T.default,{"aria-hidden":!a,className:`${e}__input`,id:"search-input",hideLabel:!0,labelText:d,placeholder:a?w:"",type:"text",defaultValue:b,invalid:o==="invalid",invalidText:C,onKeyDown:g,onChange:k,ref:h,tabIndex:a?0:-1})}),s.jsx(A.SearchButton,{className:e,searchButtonText:d,state:o,testId:i,isSearchExpanded:a,setIsSearchExpanded:x,onCancel:S})]}),a&&L&&t&&t.length>2?s.jsx(H.default,{id:`${i}-listbox`,autoCompleteResults:R,isLoading:o==="loading",loadingText:N,onKeyDown:g,userInputValue:t,closeSearch:p,children:s.jsx("li",{className:c.default(`${e}__result`,`${e}__result--view-all`),children:s.jsx(V.default,{href:l.encodeURLSearchParams(_(t)),variant:F.LinkVariants.linkLarge,children:s.jsx("p",{children:I(t)})})},"viewAllSearchResults")}):null]})})]})})})});j.displayName="Search";exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),n=require("react"),l=require("../../utils/index.cjs"),c=require("../../_virtual/index2.cjs"),T=require("../Input/Input.cjs"),V=require("../Link/Link.cjs"),H=require("./SearchResults/SearchResults.cjs"),M=require("../../node_modules/usehooks-ts/dist/index.cjs"),O=require("../../site-furniture/Header/Header.cjs"),D=require("./SearchButton.cjs"),U=require("../../node_modules/react-remove-scroll/dist/es2015/Combination.cjs"),A=require("../Text/Text.cjs"),B=require("../Text/types.cjs"),F=require("../../node_modules/react-transition-group/esm/CSSTransition.cjs"),K=require("../Link/types.cjs"),j=n.forwardRef(({onSearch:m,onCancel:S,searchResults:R=[],state:o="idle",defaultValue:b="",className:q,placeholder:w="",searchButtonText:d="Search",loadingText:N="Search In Progress...",invalidText:C="Invalid search",getAllResultsText:I=e=>`View all results for ${e}`,getAllResultsLink:_=e=>`/Search?Search=${e}`,...v},E)=>{const{className:e,"data-testid":i,...P}=l.getCommonProps(v,"Search"),u=n.useContext(O.HeaderContext),h=n.useRef(null),f=n.useRef(null),$=n.useRef(null),a=u.isSearchExpanded,t=h.current?.value,[L,p]=n.useState(!0),k=m?r=>{m(r.target.value)}:void 0;M.useOnClickOutside($,r=>{S?.(),x(!1),r.stopPropagation()});const g=r=>{if(r.stopPropagation(),r.key==="Enter"){if(r.preventDefault(),t&&t.length>2){const y=l.encodeURLSearchParams(_(t));p(!1),window.location.href=y}r.currentTarget instanceof HTMLAnchorElement&&(p(!1),r.currentTarget.click())}r.key==="Escape"&&(f.current?.reset(),u.setIsSearchExpanded(!1))};n.useEffect(()=>{if(a){h.current?.focus();return}},[a]);const x=r=>{f.current?.reset(),u.setIsSearchExpanded(r)};return s.jsx(U.default,{enabled:a,allowPinchZoom:!0,removeScrollBar:!1,children:s.jsx("div",{className:`${e}__container`,ref:E,children:s.jsxs("div",{className:`${e}__container__inner`,ref:$,onClick:r=>{a||(x(!0),r.stopPropagation())},children:[s.jsx(A.default,{variant:B.TextVariants.headingSmall,className:`${e}__container__inner__label`,children:d}),s.jsx("div",{...P,className:c.default(e,q,{[`${e}--active`]:a}),"data-testid":i,role:"search",...v,children:s.jsxs("form",{"data-testid":`${i}-form`,className:c.default(`${e}__form`,{[`${e}__form--active`]:a}),ref:f,children:[s.jsxs("div",{className:c.default(`${e}__content-wrapper`,{[`${e}__content-wrapper--active`]:a}),role:"combobox","aria-haspopup":"listbox","aria-expanded":a,"aria-controls":a?`${i}-listbox`:void 0,children:[s.jsx(F.default,{in:a,classNames:`${l.px}-input`,addEndListener:()=>{},children:s.jsx(T.default,{"aria-hidden":!a,className:`${e}__input`,id:"search-input",hideLabel:!0,labelText:d,placeholder:a?w:"",type:"text",defaultValue:b,invalid:o==="invalid",invalidText:C,onKeyDown:g,onChange:k,ref:h,tabIndex:a?0:-1})}),s.jsx(D.SearchButton,{className:e,searchButtonText:d,state:o,testId:i,isSearchExpanded:a,setIsSearchExpanded:x,onCancel:S})]}),a&&L&&t&&t.length>2?s.jsx(H.default,{id:`${i}-listbox`,autoCompleteResults:R,isLoading:o==="loading",loadingText:N,onKeyDown:g,userInputValue:t,closeSearch:p,children:s.jsx("li",{className:c.default(`${e}__result`,`${e}__result--view-all`),children:s.jsx(V.default,{href:l.encodeURLSearchParams(_(t)),variant:K.LinkVariants.linkLarge,children:s.jsx("p",{children:I(t)})})},"viewAllSearchResults")}):null]})})]})})})});j.displayName="Search";exports.default=j;

package/dist/components/Search/Search.js

@@ -1,18 +1,18 @@
 import { jsx as t, jsxs as u } from "react/jsx-runtime";
 import { forwardRef as j, useContext as D, useRef as f, useState as H, useEffect as O } from "react";
 import { getCommonProps as A, px as F, encodeURLSearchParams as w } from "../../utils/index.js";
-import s from "../../_virtual/index.js";
+import s from "../../_virtual/index2.js";
 import K from "../Input/Input.js";
 import M from "../Link/Link.js";
 import U from "./SearchResults/SearchResults.js";
-import { TextVariants as Z } from "../Text/types.js";
-import q from "../Text/Text.js";
-import { useOnClickOutside as z } from "../../node_modules/usehooks-ts/dist/index.js";
-import { HeaderContext as B } from "../../site-furniture/Header/Header.js";
-import { SearchButton as G } from "./SearchButton.js";
-import J from "../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
-import { LinkVariants as Q } from "../Link/types.js";
-import W from "../../node_modules/react-transition-group/esm/CSSTransition.js";
+import { useOnClickOutside as Z } from "../../node_modules/usehooks-ts/dist/index.js";
+import { HeaderContext as q } from "../../site-furniture/Header/Header.js";
+import { SearchButton as z } from "./SearchButton.js";
+import B from "../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
+import G from "../Text/Text.js";
+import { TextVariants as J } from "../Text/types.js";
+import Q from "../../node_modules/react-transition-group/esm/CSSTransition.js";
+import { LinkVariants as W } from "../Link/types.js";
 const X = j(
   ({
     onSearch: S,
@@ -29,10 +29,10 @@ const X = j(
     getAllResultsLink: v = (e) => `/Search?Search=${e}`,
     ...x
   }, L) => {
-    const { className: e, "data-testid": n, ...P } = A(x, "Search"), c = D(B), d = f(null), m = f(null), $ = f(null), r = c.isSearchExpanded, o = d.current?.value, [T, h] = H(!0), y = S ? (a) => {
+    const { className: e, "data-testid": n, ...P } = A(x, "Search"), c = D(q), d = f(null), m = f(null), $ = f(null), r = c.isSearchExpanded, o = d.current?.value, [T, h] = H(!0), y = S ? (a) => {
       S(a.target.value);
     } : void 0;
-    z($, (a) => {
+    Z($, (a) => {
       _?.(), p(!1), a.stopPropagation();
     });
     const g = (a) => {
@@ -54,7 +54,7 @@ const X = j(
     const p = (a) => {
       m.current?.reset(), c.setIsSearchExpanded(a);
     };
-    return /* @__PURE__ */ t(J, { enabled: r, allowPinchZoom: !0, removeScrollBar: !1, children: /* @__PURE__ */ t("div", { className: `${e}__container`, ref: L, children: /* @__PURE__ */ u(
+    return /* @__PURE__ */ t(B, { enabled: r, allowPinchZoom: !0, removeScrollBar: !1, children: /* @__PURE__ */ t("div", { className: `${e}__container`, ref: L, children: /* @__PURE__ */ u(
       "div",
       {
         className: `${e}__container__inner`,
@@ -63,7 +63,7 @@ const X = j(
           r || (p(!0), a.stopPropagation());
         },
         children: [
-          /* @__PURE__ */ t(q, { variant: Z.headingSmall, className: `${e}__container__inner__label`, children: l }),
+          /* @__PURE__ */ t(G, { variant: J.headingSmall, className: `${e}__container__inner__label`, children: l }),
           /* @__PURE__ */ t(
             "div",
             {
@@ -93,7 +93,7 @@ const X = j(
                         "aria-controls": r ? `${n}-listbox` : void 0,
                         children: [
                           /* @__PURE__ */ t(
-                            W,
+                            Q,
                             {
                               in: r,
                               classNames: `${F}-input`,
@@ -121,7 +121,7 @@ const X = j(
                             }
                           ),
                           /* @__PURE__ */ t(
-                            G,
+                            z,
                             {
                               className: e,
                               searchButtonText: l,
@@ -149,7 +149,7 @@ const X = j(
                           "li",
                           {
                             className: s(`${e}__result`, `${e}__result--view-all`),
-                            children: /* @__PURE__ */ t(M, { href: w(v(o)), variant: Q.linkLarge, children: /* @__PURE__ */ t("p", { children: k(o) }) })
+                            children: /* @__PURE__ */ t(M, { href: w(v(o)), variant: W.linkLarge, children: /* @__PURE__ */ t("p", { children: k(o) }) })
                           },
                           "viewAllSearchResults"
                         )

package/dist/components/SeldonImage/SeldonImage.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("react"),u=require("../../_virtual/index.cjs"),w=require("../../utils/index.cjs"),x=require("../Icon/Icon.cjs"),P=require("./utils.cjs"),R=typeof window>"u",h=o.memo(o.forwardRef(({className:j,aspectRatio:c="none",objectFit:g="none",hasBlurBackground:y=!1,imageClassName:p,imageStyle:N,src:a,alt:f,srcSet:n,sizes:i,loading:q,fetchPriority:E,errorText:L="Error loading image",imageBlocked:l=!1,...$},S)=>{const{className:e,...b}=w.getCommonProps($,"SeldonImage"),I=o.useRef(null),[t,d]=o.useState(()=>{if(R)return"loading";const s=document.getElementById(a);if(s instanceof HTMLImageElement&&!s.classList.contains(`${e}-img--hidden`))return"loaded";const m=document.createElement("img");return n&&(m.srcset=n),i&&(m.sizes=i),m.src=a,m.complete?"loaded":"loading"}),v=o.useCallback(async()=>{const s=await P.isImageValid({img:I.current,src:a,srcSet:n,sizes:i});d(s?"loaded":"error")},[a,n,i]);return o.useEffect(()=>{v()},[v]),r.jsxs("div",{"data-chromatic":"ignore",ref:S,className:u.default(e,j,{[`${e}--aspect-ratio-${c.replace("/","-")}`]:c!=="none",[`${e}--error-image`]:t==="error"||l}),role:"img","aria-label":f,...$,...b,children:[y&&r.jsx("div",{className:u.default(`${e}-blur`,{[`${e}-blur--hidden`]:t==="loading"||t==="error"||l}),style:{backgroundImage:`url(${a})`}}),t==="error"||l?r.jsx("div",{className:`${e}--error`,children:l?r.jsx(x.default,{icon:"ImageUnavailable","aria-label":"Image Unavailable",role:"img"}):r.jsx(x.default,{icon:"PhillipsLogo","aria-label":L,role:"img",color:"$black-25"})}):null,r.jsx("img",{className:u.default(`${e}-img`,p,{[`${e}-img--hidden`]:t==="error"||l,[`${e}-img--object-fit-${g}`]:g!=="none"}),id:a,style:N,src:a,srcSet:n,sizes:i,alt:f,"data-testid":`${b["data-testid"]}-img`,ref:I,loading:q,fetchpriority:E,onLoad:()=>{d("loaded")},onError:()=>{d("error")}})]})}));h.displayName="SeldonImage";exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("react"),u=require("../../_virtual/index2.cjs"),w=require("../../utils/index.cjs"),P=require("./utils.cjs"),x=require("../Icon/Icon.cjs"),R=typeof window>"u",h=o.memo(o.forwardRef(({className:j,aspectRatio:c="none",objectFit:g="none",hasBlurBackground:y=!1,imageClassName:p,imageStyle:N,src:a,alt:f,srcSet:n,sizes:i,loading:q,fetchPriority:E,errorText:L="Error loading image",imageBlocked:l=!1,...$},S)=>{const{className:e,...b}=w.getCommonProps($,"SeldonImage"),I=o.useRef(null),[t,d]=o.useState(()=>{if(R)return"loading";const s=document.getElementById(a);if(s instanceof HTMLImageElement&&!s.classList.contains(`${e}-img--hidden`))return"loaded";const m=document.createElement("img");return n&&(m.srcset=n),i&&(m.sizes=i),m.src=a,m.complete?"loaded":"loading"}),v=o.useCallback(async()=>{const s=await P.isImageValid({img:I.current,src:a,srcSet:n,sizes:i});d(s?"loaded":"error")},[a,n,i]);return o.useEffect(()=>{v()},[v]),r.jsxs("div",{"data-chromatic":"ignore",ref:S,className:u.default(e,j,{[`${e}--aspect-ratio-${c.replace("/","-")}`]:c!=="none",[`${e}--error-image`]:t==="error"||l}),role:"img","aria-label":f,...$,...b,children:[y&&r.jsx("div",{className:u.default(`${e}-blur`,{[`${e}-blur--hidden`]:t==="loading"||t==="error"||l}),style:{backgroundImage:`url(${a})`}}),t==="error"||l?r.jsx("div",{className:`${e}--error`,children:l?r.jsx(x.default,{icon:"ImageUnavailable","aria-label":"Image Unavailable",role:"img"}):r.jsx(x.default,{icon:"PhillipsLogo","aria-label":L,role:"img",color:"$black-25"})}):null,r.jsx("img",{className:u.default(`${e}-img`,p,{[`${e}-img--hidden`]:t==="error"||l,[`${e}-img--object-fit-${g}`]:g!=="none"}),id:a,style:N,src:a,srcSet:n,sizes:i,alt:f,"data-testid":`${b["data-testid"]}-img`,ref:I,loading:q,fetchpriority:E,onLoad:()=>{d("loaded")},onError:()=>{d("error")}})]})}));h.displayName="SeldonImage";exports.default=h;

package/dist/components/SeldonImage/SeldonImage.js

@@ -1,9 +1,9 @@
 import { jsxs as C, jsx as l } from "react/jsx-runtime";
 import { memo as P, forwardRef as S, useRef as j, useState as R, useCallback as U, useEffect as V } from "react";
-import s from "../../_virtual/index.js";
+import s from "../../_virtual/index2.js";
 import { getCommonProps as H } from "../../utils/index.js";
-import I from "../Icon/Icon.js";
 import { isImageValid as M } from "./utils.js";
+import I from "../Icon/Icon.js";
 const T = typeof window > "u", q = P(
   S(
     ({

package/dist/components/Select/Select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),R=require("react"),u=require("../../_virtual/index.cjs"),e=require("../../utils/index.cjs"),x=require("./types.cjs"),T=require("../Icon/Icon.cjs"),D=require("../Text/types.cjs"),V=require("../Text/Text.cjs"),k=require("../Input/utils.cjs");function z(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,r.get?r:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const I=z(R),f=I.forwardRef(({children:t,className:n,defaultValue:a,disabled:r,hideLabel:m,id:s,showIcon:p=!0,variant:$=x.SelectVariants.default,inline:b,invalid:_,invalidText:j,labelText:v,onChange:y,onClick:F,readOnly:d,size:q="md",value:g,warn:C,warnText:S,isStandalone:w=!1,...N},h)=>{const c="select",l=e.useNormalizedInputProps({disabled:r,id:s,invalid:_,invalidText:j,readOnly:d,type:c,warn:C,warnText:S}),o=k.getInputClassNames(),O=u.default(`${e.px}-${c}-input`,`${e.px}-input`,`${e.px}-input--${q}`,{[`${e.px}-input--inline`]:b,[`${e.px}-input--readonly`]:d,[`${e.px}-input--disabled`]:l.disabled,[`${e.px}-input--invalid`]:l.invalid,[`${e.px}-input--warn`]:l.warn,[`${n}__wrapper`]:n,[`${e.px}-${c}-input__standalone`]:w}),P=u.default(n,o.input,{[`${e.px}-input__select--tertiary`]:$===x.SelectVariants.tertiary}),M=u.default(`${e.px}-select-container`,{[`${e.px}-select-container--show__icon`]:p});return i.jsxs("div",{className:O,children:[i.jsx(V.default,{element:"label",variant:D.TextVariants.labelMedium,"data-testid":`${s}-label`,htmlFor:s,className:u.default(o.label,{[o.labelHidden]:m}),children:v}),i.jsxs("div",{className:M,children:[i.jsx("select",{className:P,"data-testid":s,defaultValue:a,disabled:l.disabled,id:s,onChange:y,ref:h,value:g,...N,children:t}),p?i.jsx(T.default,{icon:"ChevronDown"}):null]}),l.validation]})});f.displayName="Select";exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),R=require("react"),u=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),x=require("./types.cjs"),T=require("../Input/utils.cjs"),D=require("../Text/Text.cjs"),V=require("../Text/types.cjs"),k=require("../Icon/Icon.cjs");function z(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,r.get?r:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const I=z(R),f=I.forwardRef(({children:t,className:n,defaultValue:a,disabled:r,hideLabel:m,id:s,showIcon:p=!0,variant:$=x.SelectVariants.default,inline:b,invalid:_,invalidText:j,labelText:v,onChange:y,onClick:F,readOnly:d,size:q="md",value:g,warn:C,warnText:S,isStandalone:w=!1,...N},h)=>{const c="select",l=e.useNormalizedInputProps({disabled:r,id:s,invalid:_,invalidText:j,readOnly:d,type:c,warn:C,warnText:S}),o=T.getInputClassNames(),O=u.default(`${e.px}-${c}-input`,`${e.px}-input`,`${e.px}-input--${q}`,{[`${e.px}-input--inline`]:b,[`${e.px}-input--readonly`]:d,[`${e.px}-input--disabled`]:l.disabled,[`${e.px}-input--invalid`]:l.invalid,[`${e.px}-input--warn`]:l.warn,[`${n}__wrapper`]:n,[`${e.px}-${c}-input__standalone`]:w}),P=u.default(n,o.input,{[`${e.px}-input__select--tertiary`]:$===x.SelectVariants.tertiary}),M=u.default(`${e.px}-select-container`,{[`${e.px}-select-container--show__icon`]:p});return i.jsxs("div",{className:O,children:[i.jsx(D.default,{element:"label",variant:V.TextVariants.labelMedium,"data-testid":`${s}-label`,htmlFor:s,className:u.default(o.label,{[o.labelHidden]:m}),children:v}),i.jsxs("div",{className:M,children:[i.jsx("select",{className:P,"data-testid":s,defaultValue:a,disabled:l.disabled,id:s,onChange:y,ref:h,value:g,...N,children:t}),p?i.jsx(k.default,{icon:"ChevronDown"}):null]}),l.validation]})});f.displayName="Select";exports.default=f;

package/dist/components/Select/Select.js

@@ -1,12 +1,12 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import * as g from "react";
-import n from "../../_virtual/index.js";
+import n from "../../_virtual/index2.js";
 import { useNormalizedInputProps as k, px as e } from "../../utils/index.js";
 import { SelectVariants as c } from "./types.js";
-import z from "../Icon/Icon.js";
-import { TextVariants as D } from "../Text/types.js";
-import F from "../Text/Text.js";
-import { getInputClassNames as H } from "../Input/utils.js";
+import { getInputClassNames as z } from "../Input/utils.js";
+import D from "../Text/Text.js";
+import { TextVariants as F } from "../Text/types.js";
+import H from "../Icon/Icon.js";
 const M = g.forwardRef(
   ({
     children: d,
@@ -40,7 +40,7 @@ const M = g.forwardRef(
       type: i,
       warn: y,
       warnText: S
-    }), l = H(), R = n(`${e}-${i}-input`, `${e}-input`, `${e}-input--${N}`, {
+    }), l = z(), R = n(`${e}-${i}-input`, `${e}-input`, `${e}-input--${N}`, {
       [`${e}-input--inline`]: C,
       [`${e}-input--readonly`]: p,
       [`${e}-input--disabled`]: a.disabled,
@@ -55,10 +55,10 @@ const M = g.forwardRef(
     });
     return /* @__PURE__ */ m("div", { className: R, children: [
       /* @__PURE__ */ r(
-        F,
+        D,
         {
           element: "label",
-          variant: D.labelMedium,
+          variant: F.labelMedium,
           "data-testid": `${t}-label`,
           htmlFor: t,
           className: n(l.label, { [l.labelHidden]: f }),
@@ -81,7 +81,7 @@ const M = g.forwardRef(
             children: d
           }
         ),
-        o ? /* @__PURE__ */ r(z, { icon: "ChevronDown" }) : null
+        o ? /* @__PURE__ */ r(H, { icon: "ChevronDown" }) : null
       ] }),
       a.validation
     ] });

package/dist/components/SplitPanel/SplitPanel.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),c=require("../../_virtual/index.cjs"),m=require("react"),d=require("../../utils/index.cjs"),s=m.forwardRef(({children:r,className:a,element:l="section",hasBorder:n=!0,...e},o)=>{const{className:t,...i}=d.getCommonProps(e,"SplitPanel");return u.jsx(l,{...i,className:c.default(t,a,{[`${t}--borderless`]:!n}),ref:o,...e,children:r})});s.displayName="SplitPanel";exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),c=require("../../_virtual/index2.cjs"),m=require("react"),d=require("../../utils/index.cjs"),s=m.forwardRef(({children:r,className:a,element:l="section",hasBorder:n=!0,...e},o)=>{const{className:t,...i}=d.getCommonProps(e,"SplitPanel");return u.jsx(l,{...i,className:c.default(t,a,{[`${t}--borderless`]:!n}),ref:o,...e,children:r})});s.displayName="SplitPanel";exports.default=s;

package/dist/components/SplitPanel/SplitPanel.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import i from "../../_virtual/index.js";
+import i from "../../_virtual/index2.js";
 import { forwardRef as p } from "react";
 import { getCommonProps as c } from "../../utils/index.js";
 const f = p(

package/dist/components/Tabs/TabsContainer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../node_modules/@radix-ui/react-tabs/dist/index.cjs"),f=require("../../_virtual/index.cjs"),q=require("react"),v=require("../../utils/index.cjs"),T=require("../Text/types.cjs"),_=require("../Text/Text.cjs"),g=require("./TabTrigger.cjs"),i=q.forwardRef(({className:n,tabs:r=[],tabListLabel:u,children:o,defaultValue:c,value:d,onTabClick:m,...l},x)=>{const{className:a,...b}=v.getCommonProps(l,"TabsContainer");return e.jsxs(t.Root,{...l,defaultValue:c||r[0].value,value:d,...b,className:f.default(`${a}`,n),ref:x,children:[e.jsxs(t.List,{"aria-label":u,className:`${a}__tabs-list`,children:[r.map(s=>e.jsx(g.default,{value:s.value,className:`${a}__tabs-trigger`,onClick:m,children:e.jsx(_.default,{variant:T.TextVariants.labelMedium,children:s.label})},s.value)),e.jsx("div",{className:`${a}__full-bleed-underline`})]}),o]})});i.displayName="TabsContainer";exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../node_modules/@radix-ui/react-tabs/dist/index.cjs"),f=require("../../_virtual/index2.cjs"),q=require("react"),v=require("../../utils/index.cjs"),T=require("./TabTrigger.cjs"),_=require("../Text/Text.cjs"),g=require("../Text/types.cjs"),i=q.forwardRef(({className:n,tabs:r=[],tabListLabel:u,children:o,defaultValue:c,value:d,onTabClick:m,...l},x)=>{const{className:a,...b}=v.getCommonProps(l,"TabsContainer");return e.jsxs(t.Root,{...l,defaultValue:c||r[0].value,value:d,...b,className:f.default(`${a}`,n),ref:x,children:[e.jsxs(t.List,{"aria-label":u,className:`${a}__tabs-list`,children:[r.map(s=>e.jsx(T.default,{value:s.value,className:`${a}__tabs-trigger`,onClick:m,children:e.jsx(_.default,{variant:g.TextVariants.labelMedium,children:s.label})},s.value)),e.jsx("div",{className:`${a}__full-bleed-underline`})]}),o]})});i.displayName="TabsContainer";exports.default=i;

package/dist/components/Tabs/TabsContainer.js

@@ -1,11 +1,11 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { Root as u, List as b } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
-import N from "../../_virtual/index.js";
+import N from "../../_virtual/index2.js";
 import { forwardRef as T } from "react";
 import { getCommonProps as v } from "../../utils/index.js";
-import { TextVariants as C } from "../Text/types.js";
+import C from "./TabTrigger.js";
 import _ from "../Text/Text.js";
-import g from "./TabTrigger.js";
+import { TextVariants as g } from "../Text/types.js";
 const x = T(
   ({ className: m, tabs: o = [], tabListLabel: i, children: t, defaultValue: n, value: c, onTabClick: f, ...s }, d) => {
     const { className: a, ...p } = v(s, "TabsContainer");
@@ -21,12 +21,12 @@ const x = T(
         children: [
           /* @__PURE__ */ l(b, { "aria-label": i, className: `${a}__tabs-list`, children: [
             o.map((e) => /* @__PURE__ */ r(
-              g,
+              C,
               {
                 value: e.value,
                 className: `${a}__tabs-trigger`,
                 onClick: f,
-                children: /* @__PURE__ */ r(_, { variant: C.labelMedium, children: e.label })
+                children: /* @__PURE__ */ r(_, { variant: g.labelMedium, children: e.label })
               },
               e.value
             )),

package/dist/components/Tabs/TabsContent.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),u=require("../../node_modules/@radix-ui/react-tabs/dist/index.cjs"),l=require("react"),d=require("../../utils/index.cjs"),m=require("../../_virtual/index.cjs"),e=l.forwardRef(({className:b,value:t,containerClassName:s,children:n,...a},o)=>{const{className:r,...c}=d.getCommonProps(a,"TabsContainer");return i.jsx(u.Content,{value:t,className:m.default(`${r}__tabs-content`,s),...c,ref:o,tabIndex:-1,children:n})});e.displayName="TabsContent";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),u=require("../../node_modules/@radix-ui/react-tabs/dist/index.cjs"),l=require("react"),d=require("../../utils/index.cjs"),m=require("../../_virtual/index2.cjs"),e=l.forwardRef(({className:b,value:t,containerClassName:s,children:n,...a},o)=>{const{className:r,...c}=d.getCommonProps(a,"TabsContainer");return i.jsx(u.Content,{value:t,className:m.default(`${r}__tabs-content`,s),...c,ref:o,tabIndex:-1,children:n})});e.displayName="TabsContent";exports.default=e;

package/dist/components/Tabs/TabsContent.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { Content as p } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
 import { forwardRef as c } from "react";
 import { getCommonProps as f } from "../../utils/index.js";
-import i from "../../_virtual/index.js";
+import i from "../../_virtual/index2.js";
 const l = c(
   ({ className: b, value: o, containerClassName: s, children: a, ...t }, m) => {
     const { className: e, ...r } = f(t, "TabsContainer");

package/dist/components/Tags/Tags.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("react"),d=require("../../_virtual/index.cjs"),a=require("../../utils/index.cjs"),x=require("../Button/Button.cjs"),m=require("../Button/types.cjs"),$=require("../Icon/Icon.cjs"),g=require("../Text/types.cjs"),f=require("../Text/Text.cjs"),q=({id:n,className:e,onRemove:i,label:r,removeText:s="Remove"})=>t.jsxs(x.default,{className:d.default(`${a.px}-tag`,`${a.px}-button`,e),"aria-label":`${s} ${r}`,onClick:()=>i(r),variant:m.ButtonVariants.tertiary,children:[t.jsx(f.default,{variant:g.TextVariants.labelSmall,children:r}),t.jsx("div",{className:`${a.px}-tag__button`,"data-testid":`${n}-item-close-button`,children:t.jsx($.default,{icon:"CloseX",height:8,width:8,color:"currentColor",className:`${a.px}-tag__icon`})})]}),j=u.forwardRef(({className:n,children:e,clearAllLabel:i="Clear All",onClear:r,...s},p)=>{const l="tags-list",{className:h,...y}=a.getCommonProps(s,"TagsList"),{id:o}=s;return t.jsxs("ul",{className:d.default(`${a.px}-${l}`,h,n),...y,...s,"data-testid":`${l}-${o}`,ref:p,children:[Array.isArray(e)?u.Children.map(e,c=>t.jsx("li",{children:c},c.props.id)):e,Array.isArray(e)&&e.length>0&&t.jsx("li",{children:t.jsxs(x.default,{onClick:r,"data-testid":`${o}-clear-all-button`,className:`${a.px}-${l}--clear`,"aria-label":i,variant:m.ButtonVariants.tertiary,children:[t.jsx($.default,{icon:"ArrowLeft",color:"currentColor",height:24,width:24}),t.jsx(f.default,{variant:g.TextVariants.labelSmall,children:i})]})})]})});j.displayName="Tags";exports.Tag=q;exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("react"),d=require("../../_virtual/index2.cjs"),a=require("../../utils/index.cjs"),x=require("../Button/Button.cjs"),m=require("../Button/types.cjs"),$=require("../Text/Text.cjs"),g=require("../Text/types.cjs"),f=require("../Icon/Icon.cjs"),q=({id:n,className:e,onRemove:i,label:r,removeText:s="Remove"})=>t.jsxs(x.default,{className:d.default(`${a.px}-tag`,`${a.px}-button`,e),"aria-label":`${s} ${r}`,onClick:()=>i(r),variant:m.ButtonVariants.tertiary,children:[t.jsx($.default,{variant:g.TextVariants.labelSmall,children:r}),t.jsx("div",{className:`${a.px}-tag__button`,"data-testid":`${n}-item-close-button`,children:t.jsx(f.default,{icon:"CloseX",height:8,width:8,color:"currentColor",className:`${a.px}-tag__icon`})})]}),j=u.forwardRef(({className:n,children:e,clearAllLabel:i="Clear All",onClear:r,...s},p)=>{const l="tags-list",{className:h,...y}=a.getCommonProps(s,"TagsList"),{id:o}=s;return t.jsxs("ul",{className:d.default(`${a.px}-${l}`,h,n),...y,...s,"data-testid":`${l}-${o}`,ref:p,children:[Array.isArray(e)?u.Children.map(e,c=>t.jsx("li",{children:c},c.props.id)):e,Array.isArray(e)&&e.length>0&&t.jsx("li",{children:t.jsxs(x.default,{onClick:r,"data-testid":`${o}-clear-all-button`,className:`${a.px}-${l}--clear`,"aria-label":i,variant:m.ButtonVariants.tertiary,children:[t.jsx(f.default,{icon:"ArrowLeft",color:"currentColor",height:24,width:24}),t.jsx($.default,{variant:g.TextVariants.labelSmall,children:i})]})})]})});j.displayName="Tags";exports.Tag=q;exports.default=j;

package/dist/components/Tags/Tags.js

@@ -1,12 +1,12 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import N, { forwardRef as b } from "react";
-import d from "../../_virtual/index.js";
-import { getCommonProps as v, px as r } from "../../utils/index.js";
+import d from "../../_virtual/index2.js";
+import { px as r, getCommonProps as v } from "../../utils/index.js";
 import f from "../Button/Button.js";
 import { ButtonVariants as p } from "../Button/types.js";
-import $ from "../Icon/Icon.js";
+import $ from "../Text/Text.js";
 import { TextVariants as u } from "../Text/types.js";
-import g from "../Text/Text.js";
+import g from "../Icon/Icon.js";
 const P = ({ id: s, className: t, onRemove: e, label: o, removeText: i = "Remove" }) => /* @__PURE__ */ m(
   f,
   {
@@ -15,8 +15,8 @@ const P = ({ id: s, className: t, onRemove: e, label: o, removeText: i = "Remove
     onClick: () => e(o),
     variant: p.tertiary,
     children: [
-      /* @__PURE__ */ a(g, { variant: u.labelSmall, children: o }),
-      /* @__PURE__ */ a("div", { className: `${r}-tag__button`, "data-testid": `${s}-item-close-button`, children: /* @__PURE__ */ a($, { icon: "CloseX", height: 8, width: 8, color: "currentColor", className: `${r}-tag__icon` }) })
+      /* @__PURE__ */ a($, { variant: u.labelSmall, children: o }),
+      /* @__PURE__ */ a("div", { className: `${r}-tag__button`, "data-testid": `${s}-item-close-button`, children: /* @__PURE__ */ a(g, { icon: "CloseX", height: 8, width: 8, color: "currentColor", className: `${r}-tag__icon` }) })
     ]
   }
 ), x = b(
@@ -41,8 +41,8 @@ const P = ({ id: s, className: t, onRemove: e, label: o, removeText: i = "Remove
               "aria-label": e,
               variant: p.tertiary,
               children: [
-                /* @__PURE__ */ a($, { icon: "ArrowLeft", color: "currentColor", height: 24, width: 24 }),
-                /* @__PURE__ */ a(g, { variant: u.labelSmall, children: e })
+                /* @__PURE__ */ a(g, { icon: "ArrowLeft", color: "currentColor", height: 24, width: 24 }),
+                /* @__PURE__ */ a($, { variant: u.labelSmall, children: e })
               ]
             }
           ) })

package/dist/components/Text/Text.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),f=require("react"),a=require("../../utils/index.cjs"),p=require("./types.cjs"),u=require("./utils.cjs"),q=require("../../_virtual/index.cjs"),m=f.forwardRef(({children:e,className:i,element:l,variant:t=p.TextVariants.bodyMedium,align:s,isSkeletonLoading:c,...n},d)=>{const x=l||u.determineDefaultTextElement(t),{className:o,...T}=a.getCommonProps(n,"Text");return r.jsx(x,{...T,className:q.default(o,i,u.determineTextClassName(t),{[`${o}--${s}`]:!!s}),ref:d,...n,children:c?r.jsx("span",{className:`${a.px}-skeleton`,children:e}):e})});m.displayName="Text";exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),f=require("react"),a=require("../../utils/index.cjs"),p=require("./types.cjs"),u=require("./utils.cjs"),q=require("../../_virtual/index2.cjs"),m=f.forwardRef(({children:e,className:i,element:l,variant:t=p.TextVariants.bodyMedium,align:s,isSkeletonLoading:c,...n},d)=>{const x=l||u.determineDefaultTextElement(t),{className:o,...T}=a.getCommonProps(n,"Text");return r.jsx(x,{...T,className:q.default(o,i,u.determineTextClassName(t),{[`${o}--${s}`]:!!s}),ref:d,...n,children:c?r.jsx("span",{className:`${a.px}-skeleton`,children:e}):e})});m.displayName="Text";exports.default=m;

package/dist/components/Text/Text.js

@@ -3,7 +3,7 @@ import { forwardRef as x } from "react";
 import { getCommonProps as c, px as d } from "../../utils/index.js";
 import { TextVariants as N } from "./types.js";
 import { determineDefaultTextElement as T, determineTextClassName as u } from "./utils.js";
-import C from "../../_virtual/index.js";
+import C from "../../_virtual/index2.js";
 const $ = x(
   ({
     children: e,

package/dist/components/TextArea/TextArea.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),n=require("react"),l=require("../../_virtual/index.cjs"),e=require("../../utils/index.cjs"),h=require("../Icon/Icon.cjs"),w=require("../Text/Text.cjs"),I=require("../Text/types.cjs"),x=n.forwardRef(({className:u,id:r,isSkeletonLoading:d,labelText:c,maxLength:o=3e3,name:p,rows:m=2,disabled:$,warn:_,warnText:b,invalid:v,invalidText:f,...j},N)=>{const i=`${e.px}-text-area`,s=n.useId(),t=e.useNormalizedInputProps({disabled:$,id:r??s,invalid:v,invalidText:f,type:"text-area",warn:_,warnText:b}),q=l.default(`${i}__wrapper`,{[`${e.px}-text-area--disabled`]:t.disabled,[`${e.px}-text-area--invalid`]:t.invalid,[`${e.px}-text-area--warn`]:t.warn});return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:q,children:[a.jsx(w.default,{element:"label",variant:I.TextVariants.labelMedium,"data-testid":`text-area-${r??s}-label`,htmlFor:r??s,className:l.default(`${e.px}-text-area__label`,{[`${e.px}-skeleton`]:d}),children:c}),a.jsx("textarea",{...j,className:l.default(i,u,`${e.px}-text-area__input`,{[`${e.px}-skeleton`]:d}),id:r??s,rows:m,maxLength:o,name:p,ref:N,"data-testid":`text-area-${r??s}-input`,disabled:t.disabled}),a.jsx(h.default,{icon:"Menu",className:`${i}-resizer__icon`})]}),a.jsx("div",{children:t.validation??a.jsx("div",{className:`${e.px}-text-area__validation`,id:t.invalidId})})]})});x.displayName="TextArea";exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),n=require("react"),l=require("../../_virtual/index2.cjs"),e=require("../../utils/index.cjs"),h=require("../Text/Text.cjs"),w=require("../Text/types.cjs"),I=require("../Icon/Icon.cjs"),x=n.forwardRef(({className:u,id:r,isSkeletonLoading:d,labelText:c,maxLength:o=3e3,name:p,rows:m=2,disabled:$,warn:_,warnText:b,invalid:v,invalidText:f,...j},N)=>{const i=`${e.px}-text-area`,s=n.useId(),t=e.useNormalizedInputProps({disabled:$,id:r??s,invalid:v,invalidText:f,type:"text-area",warn:_,warnText:b}),q=l.default(`${i}__wrapper`,{[`${e.px}-text-area--disabled`]:t.disabled,[`${e.px}-text-area--invalid`]:t.invalid,[`${e.px}-text-area--warn`]:t.warn});return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:q,children:[a.jsx(h.default,{element:"label",variant:w.TextVariants.labelMedium,"data-testid":`text-area-${r??s}-label`,htmlFor:r??s,className:l.default(`${e.px}-text-area__label`,{[`${e.px}-skeleton`]:d}),children:c}),a.jsx("textarea",{...j,className:l.default(i,u,`${e.px}-text-area__input`,{[`${e.px}-skeleton`]:d}),id:r??s,rows:m,maxLength:o,name:p,ref:N,"data-testid":`text-area-${r??s}-input`,disabled:t.disabled}),a.jsx(I.default,{icon:"Menu",className:`${i}-resizer__icon`})]}),a.jsx("div",{children:t.validation??a.jsx("div",{className:`${e.px}-text-area__validation`,id:t.invalidId})})]})});x.displayName="TextArea";exports.default=x;