@luscii-healthtech/web-ui 58.17.0 → 58.19.0

package/dist/esm/components/Input/LabeledInput.js

@@ -1,15 +1,18 @@
 import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
+import classNames from 'classnames';
+import { calculateResponsiveWidthClasses } from '../../utils/responsiveness.utils.js';
 import { Stack } from '../Stack/Stack.js';
 import { HelperAndErrorText } from '../forms/shared/HelperAndErrorText.js';
 import { LabelText } from '../forms/shared/LabelText.js';
 import { StyledInput } from './StyledInput.js';
 
 const LabeledInput = React__default.forwardRef((props, ref) => {
-  const { className, helperText, errorText, label, fullWidth, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "fullWidth", "aria-describedby"]);
+  const { className, helperText, errorText, label, width, fullWidth, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "width", "fullWidth", "aria-describedby"]);
   const helperErrorTextId = React__default.useId();
-  return jsxs(Stack, { as: "label", _gap: "s", align: fullWidth ? "stretch" : void 0, className, children: [label && jsx(LabelText, { children: props.label }), jsx(StyledInput, Object.assign({}, rest, { ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].join(" ") })), jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
+  const fieldWidth = width !== null && width !== void 0 ? width : fullWidth ? "full" : void 0;
+  return jsxs(Stack, { as: "label", _gap: "s", align: fieldWidth ? "stretch" : void 0, className: classNames(fieldWidth && calculateResponsiveWidthClasses(fieldWidth), className), children: [label && jsx(LabelText, { children: props.label }), jsx(StyledInput, Object.assign({}, rest, { ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].join(" ") })), jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
 });
 
 export { LabeledInput };

package/dist/esm/components/Input/LabeledInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledInput.js","sources":["../../../../../../src/components/Input/LabeledInput.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;AAgEO,MAAM,YAAA,GAAeA,cAAA,CAAM,UAAA,CAChC,CAAC,OAAO,GAAA,KAAO;AAIb,EAAA,MAAM,EACJ,WACA,UAAA,EACA,SAAA,EACA,OACA,SAAA,EACA,kBAAA,EAAoB,iBAAe,GAEjC,KAAA,EADC,cACD,KAAA,EARE,CAAA,WAAA,EAAA,YAAA,EAAA,aAAA,OAAA,EAAA,WAAA,EAAA,kBAAA,CAQL,CAAA;AAED,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAEhC,EAAA,OACEC,IAAA,CAAC,KAAA,EAAK,EACJ,EAAA,EAAG,OAAA,EACH,IAAA,EAAK,GAAA,EACL,KAAA,EAAO,SAAA,GAAY,SAAA,GAAY,MAAA,EAC/B,SAAA,aAEC,KAAA,IAASC,GAAA,CAAC,SAAA,cAAW,KAAA,CAAM,KAAA,EAAK,CAAA,EACjCA,GAAA,CAAC,WAAA,EAAW,MAAA,CAAA,MAAA,CAAA,IACN,IAAA,EAAI,EACR,GAAA,EACA,OAAA,EAAS,OAAA,CAAQ,SAAS,CAAA,EAAC,kBAAA,EACT,CAAC,eAAA,EAAiB,iBAAiB,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,EAAC,CAAA,CAAA,EAGlEA,GAAA,CAAC,kBAAA,IACC,UAAA,EACA,SAAA,EACA,YAAA,EAAc,iBAAA,EAAiB,CAC/B,CAAA,EAAA,CAAA;AAGR,CAAC;;"}
+{"version":3,"file":"LabeledInput.js","sources":["../../../../../../src/components/Input/LabeledInput.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;AA0EO,MAAM,YAAA,GAAeA,cAAA,CAAM,UAAA,CAChC,CAAC,OAAO,GAAA,KAAO;AAIb,EAAA,MAAM,EACJ,WACA,UAAA,EACA,SAAA,EACA,OACA,KAAA,EACA,SAAA,EACA,kBAAA,EAAoB,eAAA,EAAe,GAEjC,KAAA,EADC,OAAI,MAAA,CACL,KAAA,EATE,CAAA,WAAA,EAAA,YAAA,EAAA,aAAA,OAAA,EAAA,OAAA,EAAA,WAAA,EAAA,kBAAA,CASL,CAAA;AAED,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAChC,EAAA,MAAM,aAAa,KAAA,aAAA,UAAK,MAAA,GAAL,KAAA,GAAU,YAAY,MAAA,GAAS,MAAA;AAElD,EAAA,OACEC,IAAA,CAAC,KAAA,EAAK,EACJ,EAAA,EAAG,OAAA,EACH,IAAA,EAAK,GAAA,EACL,KAAA,EAAO,UAAA,GAAa,SAAA,GAAY,MAAA,EAChC,SAAA,EAAW,WACT,UAAA,IAAc,+BAAA,CAAgC,UAAU,CAAA,EACxD,SAAS,CAAA,aAGV,KAAA,IAASC,GAAA,CAAC,SAAA,EAAS,EAAA,QAAA,EAAE,KAAA,CAAM,KAAA,KAC5BA,GAAA,CAAC,WAAA,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAA,IACJ,GAAA,EACA,OAAA,EAAS,OAAA,CAAQ,SAAS,CAAA,EAAC,kBAAA,EACT,CAAC,eAAA,EAAiB,iBAAiB,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,EAAC,CAAA,CAAA,EAGlEA,GAAA,CAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,YAAA,EAAc,iBAAA,EAAiB,CAC/B,GAAA,CAAA;AAGR,CAAC;;"}

package/dist/esm/components/Input/StyledInput.js

@@ -2,7 +2,7 @@ import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import classNames from 'classnames';
-import { calculateResponsiveWidthClasses } from '../../utils/responsiveness.utils.js';
+import { calculateResponsiveWidthClasses, calculateResponsiveGrowClasses } from '../../utils/responsiveness.utils.js';
 import { FlexRow } from '../Container/FlexRow.js';
 import { IconComponentOrKey } from '../Icon/Icon.js';
 import CrossIcon from '../Icons/CrossIcon.js';
@@ -25,9 +25,7 @@ const StyledInput = React__default.forwardRef((_a, ref) => {
     "ui:order-1": hasSuffix,
     "ui:rounded-l ui:border-l": hasPrefix,
     "ui:rounded-r ui:border-r": hasSuffix
-  }, "ui:flex ui:flex-col ui:items-center", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxs("div", { className: classNames("ui:relative", {
-    "ui:flex ui:grow": width === "full"
-  }), children: [icon && jsx("div", { className: classNames("ui:absolute ui:left-4 ui:top-1/2", {
+  }, "ui:flex ui:flex-col ui:items-center", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxs("div", { className: classNames("ui:relative", calculateResponsiveGrowClasses(width)), children: [icon && jsx("div", { className: classNames("ui:absolute ui:left-4 ui:top-1/2", {
     "ui:grow": width === "full"
   }), style: {
     transform: "translateY(-50%)",

package/dist/esm/components/Input/StyledInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledInput.js","sources":["../../../../../../src/components/Input/StyledInput.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"StyledInput.js","sources":["../../../../../../src/components/Input/StyledInput.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/Select/StyledSelect.js

@@ -2,7 +2,7 @@ import { __rest } from '../../vendor/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import classNames from 'classnames';
-import { calculateResponsiveWidthClasses } from '../../utils/responsiveness.utils.js';
+import { calculateResponsiveWidthClasses, calculateResponsiveGrowClasses } from '../../utils/responsiveness.utils.js';
 import './StyledSelect.scss.js';
 import { FlexRow } from '../Container/FlexRow.js';
 import 'dompurify';
@@ -28,9 +28,7 @@ const StyledSelect = React__default.forwardRef((_a, ref) => {
     "ui:order-1": hasSuffix,
     "ui:rounded-l ui:border-l": hasPrefix,
     "ui:rounded-r ui:border-r": hasSuffix
-  }, "ui:flex ui:flex-col ui:items-center ui:p-3", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxs("div", { className: classNames("ui:relative", {
-    "ui:flex ui:grow": width === "full"
-  }), children: [jsx("select", Object.assign({ ref, className: classNames("styled-select", "ui:block ui:min-w-[4rem]", calculateResponsiveWidthClasses(width), {
+  }, "ui:flex ui:flex-col ui:items-center ui:p-3", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxs("div", { className: classNames("ui:relative", calculateResponsiveGrowClasses(width)), children: [jsx("select", Object.assign({ ref, className: classNames("styled-select", "ui:block ui:min-w-[4rem]", calculateResponsiveWidthClasses(width), {
     "ui:bg-slate-50 ui:text-slate-400": attributes.disabled,
     "ui:text-slate-800": !attributes.disabled,
     "ui:border-input-border": !attributes.disabled && !isError,

package/dist/esm/components/Select/StyledSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledSelect.js","sources":["../../../../../../src/components/Select/StyledSelect.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;;AAgDO,MAAM,YAAA,GAAeA,cAAA,CAAM,UAAA,CAChC,CACE,IAUA,GAAA,KACE;MAXF,EACE,UACA,MAAA,EACA,MAAA,EACA,WACA,KAAA,GAAQ,MAAA,EACR,MAAA,GAAS,IAAA,EACT,OAAA,SACG,UAAA,GAAU,MAAA,CAAA,EAAA,EARf,CAAA,UAAA,EAAA,QAAA,EAAA,UAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,CASC,CAAA;AAGD,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,MAAA;AACpB,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,MAAA;AACpB,EAAA,MAAM,iBAAA,GAAoB,CAAC,SAAA,IAAa,CAAC,SAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,EAAA,EAAI,cAAA;AAAA,IACJ,EAAA,EAAI;AAAA;AAGN,EAAA,MAAM,cAAA,GAAiB;AAAA,IACrB,EAAA,EAAI,uBAAA;AAAA;AAAA,IACJ,EAAA,EAAI;AAAA;AAGN,EAAA,OACEC,KAAC,OAAA,EAAO,EACN,SAAQ,MAAA,EAAM,cAAA,EACD,6BACb,OAAA,EAAS,KAAA,EAAK,UAAA,CAEdC,GAAA,CAAA,QAAA,EACE,SAAA,EAAW,WACT,aAAA,CAAc,MAAM,GACpB,gEAAA,EACA;AAAA,IACE,WAAA,EAAa,iBAAA;AAAA,IACb,YAAA,EAAc,SAAA;AAAA,IACd,0BAAA,EAA4B,SAAA;AAAA,IAC5B,0BAAA,EAA4B;AAAA,KAG9B,4CAAA,EACA,YAAA,EACA,mBAAA,EACA,uBAAuB,GACxB,QAAA,EAEA,MAAA,IAAU,MAAA,EAAM,GAGnBD,IAAA,CAAA,KAAA,EAAA,EACE,SAAA,EAAW,WAAW,aAAA,EAAe;AAAA,IACnC,mBAAmB,KAAA,KAAU;AAAA,GAC9B,CAAA,aAEDC,GAAA,CAAA,UAAA,MAAA,CAAA,MAAA,CAAA,EACE,GAAA,EACA,WAAW,UAAA,CACT,eAAA,EACA,0BAAA,EACA,+BAAA,CAAgC,KAAK,CAAA,EACrC;AAAA,IACE,oCAAoC,UAAA,CAAW,QAAA;AAAA,IAC/C,mBAAA,EAAqB,CAAC,UAAA,CAAW,QAAA;AAAA,IACjC,wBAAA,EAA0B,CAAC,UAAA,CAAW,QAAA,IAAY,CAAC,OAAA;AAAA,IACnD,mCAAA,EAAqC,CAAC,UAAA,CAAW,QAAA;AAAA,IACjD,mBAAA,EAAqB,OAAA;AAAA,IACrB,2BAAA,EAA6B,OAAA;AAAA,IAC7B,2BAA2B,CAAC,OAAA;AAAA,IAC5B,4BAA4B,CAAC,OAAA;AAAA,IAC7B,aAAA,EAAe,CAAC,UAAA,CAAW;AAAA,KAE7B,aAAA,CAAc,MAAM,CAAA,EACpB,cAAA,CAAe,MAAM,CAAA,EACrB,WAAA,EACA,4BAAA,EACA,0BAAA,EACA,iBAAA,EACA,sBAAA,EACA,iBAAA,EACA;AAAA,IACE,YAAA,EAAc,iBAAA;AAAA,IACd,cAAA,EAAgB,SAAA;AAAA,IAChB,cAAA,EAAgB,SAAA;AAAA,IAChB,YAAA,EAAc,SAAA;AAAA,IACd,YAAA,EAAc;AAAA,KAEhB,mBAAA,EACA,SAAS,CAAA,EACV,EACG,YAAU,EAAA,QAAA,EAEL,CAAA,GAEXA,GAAA,UACE,SAAA,EAAU,oEACV,KAAA,EAAO;AAAA,IACL,SAAA,EAAW;AAAA,KACZ,QAAA,EAEDA,GAAA,CAAC,eAAA,EAAe,EACd,WAAW,UAAA,CAAW,yCAAyC,CAAA,EAAC,GAChE,CACE,GAAA,CACF,GAAA,CAAA;AAGZ,CAAC;;"}
+{"version":3,"file":"StyledSelect.js","sources":["../../../../../../src/components/Select/StyledSelect.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;;AAiEO,MAAM,YAAA,GAAeA,cAAA,CAAM,UAAA,CAChC,CACE,IAUA,GAAA,KACE;MAXF,EACE,UACA,MAAA,EACA,MAAA,EACA,WACA,KAAA,GAAQ,MAAA,EACR,MAAA,GAAS,IAAA,EACT,OAAA,SACG,UAAA,GAAU,MAAA,CAAA,EAAA,EARf,CAAA,UAAA,EAAA,QAAA,EAAA,UAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,CASC,CAAA;AAGD,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,MAAA;AACpB,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,MAAA;AACpB,EAAA,MAAM,iBAAA,GAAoB,CAAC,SAAA,IAAa,CAAC,SAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,EAAA,EAAI,cAAA;AAAA,IACJ,EAAA,EAAI;AAAA;AAGN,EAAA,MAAM,cAAA,GAAiB;AAAA,IACrB,EAAA,EAAI,uBAAA;AAAA;AAAA,IACJ,EAAA,EAAI;AAAA;AAGN,EAAA,OACEC,KAAC,OAAA,EAAO,EACN,SAAQ,MAAA,EAAM,cAAA,EACD,6BACb,OAAA,EAAS,KAAA,EAAK,UAAA,CAEdC,GAAA,CAAA,QAAA,EACE,SAAA,EAAW,WACT,aAAA,CAAc,MAAM,GACpB,gEAAA,EACA;AAAA,IACE,WAAA,EAAa,iBAAA;AAAA,IACb,YAAA,EAAc,SAAA;AAAA,IACd,0BAAA,EAA4B,SAAA;AAAA,IAC5B,0BAAA,EAA4B;AAAA,KAG9B,4CAAA,EACA,YAAA,EACA,mBAAA,EACA,uBAAuB,CAAA,EACxB,QAAA,EAEA,MAAA,IAAU,MAAA,EAAM,CAAA,EAGnBD,IAAA,CAAA,KAAA,EAAA,EACE,WAAW,UAAA,CACT,aAAA,EACA,8BAAA,CAA+B,KAAK,CAAC,CAAA,EACtC,QAAA,EAAA,CAEDC,GAAA,CAAA,UAAA,MAAA,CAAA,MAAA,CAAA,EACE,GAAA,EACA,WAAW,UAAA,CACT,eAAA,EACA,0BAAA,EACA,+BAAA,CAAgC,KAAK,CAAA,EACrC;AAAA,IACE,oCAAoC,UAAA,CAAW,QAAA;AAAA,IAC/C,mBAAA,EAAqB,CAAC,UAAA,CAAW,QAAA;AAAA,IACjC,wBAAA,EAA0B,CAAC,UAAA,CAAW,QAAA,IAAY,CAAC,OAAA;AAAA,IACnD,mCAAA,EAAqC,CAAC,UAAA,CAAW,QAAA;AAAA,IACjD,mBAAA,EAAqB,OAAA;AAAA,IACrB,2BAAA,EAA6B,OAAA;AAAA,IAC7B,2BAA2B,CAAC,OAAA;AAAA,IAC5B,4BAA4B,CAAC,OAAA;AAAA,IAC7B,aAAA,EAAe,CAAC,UAAA,CAAW;AAAA,KAE7B,aAAA,CAAc,MAAM,CAAA,EACpB,cAAA,CAAe,MAAM,CAAA,EACrB,WAAA,EACA,4BAAA,EACA,0BAAA,EACA,iBAAA,EACA,sBAAA,EACA,iBAAA,EACA;AAAA,IACE,YAAA,EAAc,iBAAA;AAAA,IACd,cAAA,EAAgB,SAAA;AAAA,IAChB,cAAA,EAAgB,SAAA;AAAA,IAChB,YAAA,EAAc,SAAA;AAAA,IACd,YAAA,EAAc;AAAA,KAEhB,mBAAA,EACA,SAAS,CAAA,EACV,EACG,YAAU,EAAA,QAAA,EAEL,CAAA,GAEXA,GAAA,UACE,SAAA,EAAU,oEACV,KAAA,EAAO;AAAA,IACL,SAAA,EAAW;AAAA,KACZ,QAAA,EAEDA,GAAA,CAAC,eAAA,EAAe,EACd,WAAW,UAAA,CAAW,yCAAyC,CAAA,EAAC,GAChE,CACE,GAAA,CACF,GAAA,CAAA;AAGZ,CAAC;;"}

package/dist/esm/utils/responsiveness.utils.js

@@ -24,6 +24,19 @@ const calculateResponsiveWidthClasses = (size) => {
     extraLargeSize ? `ui:xl:${sizesMapped[extraLargeSize]}` : ""
   ].filter(Boolean);
 };
+const breakpointPrefixes = ["", "sm:", "md:", "lg:", "xl:"];
+const calculateResponsiveGrowClasses = (size) => {
+  if (typeof size === "string") {
+    return { "ui:fill-container": size === "full" };
+  }
+  return size.map((breakpointSize, index) => {
+    if (!breakpointSize) {
+      return "";
+    }
+    const suffix = breakpointSize === "full" ? "" : "-none";
+    return `ui:${breakpointPrefixes[index]}fill-container${suffix}`;
+  }).filter(Boolean);
+};
 
-export { calculateResponsiveWidthClasses };
+export { calculateResponsiveGrowClasses, calculateResponsiveWidthClasses };
 //# sourceMappingURL=responsiveness.utils.js.map

package/dist/esm/utils/responsiveness.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsiveness.utils.js","sources":["../../../../../src/utils/responsiveness.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAwBO,MAAM,+BAAA,GAAkC,CAC7C,IAAA,KACE;AACF,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAO;AAAA,MACL,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,aAAa,IAAA,KAAS;AAAA;EAE1B;AAEA,EAAA,MAAM,WAAA,GAA6C;AAAA,IACjD,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,IAAA,EAAM;AAAA;AAGR,EAAA,MAAM,CAAC,WAAA,EAAa,SAAA,EAAW,UAAA,EAAY,SAAA,EAAW,cAAc,CAAA,GAAI,IAAA;AAExE,EAAA,OAAO;AAAA,IACL,CAAA,GAAA,EAAM,WAAA,CAAY,WAAW,CAAC,CAAA,CAAA;AAAA,IAC9B,SAAA,GAAY,CAAA,MAAA,EAAS,WAAA,CAAY,SAAS,CAAC,CAAA,CAAA,GAAK,EAAA;AAAA,IAChD,UAAA,GAAa,CAAA,MAAA,EAAS,WAAA,CAAY,UAAU,CAAC,CAAA,CAAA,GAAK,EAAA;AAAA,IAClD,SAAA,GAAY,CAAA,MAAA,EAAS,WAAA,CAAY,SAAS,CAAC,CAAA,CAAA,GAAK,EAAA;AAAA,IAChD,cAAA,GAAiB,CAAA,MAAA,EAAS,WAAA,CAAY,cAAc,CAAC,CAAA,CAAA,GAAK;AAAA,GAC3D,CAAC,OAAO,OAAO,CAAA;AAClB;;"}
+{"version":3,"file":"responsiveness.utils.js","sources":["../../../../../src/utils/responsiveness.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAwBO,MAAM,+BAAA,GAAkC,CAC7C,IAAA,KACE;AACF,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAO;AAAA,MACL,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,aAAa,IAAA,KAAS;AAAA;EAE1B;AAEA,EAAA,MAAM,WAAA,GAA6C;AAAA,IACjD,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,IAAA,EAAM;AAAA;AAGR,EAAA,MAAM,CAAC,WAAA,EAAa,SAAA,EAAW,UAAA,EAAY,SAAA,EAAW,cAAc,CAAA,GAAI,IAAA;AAExE,EAAA,OAAO;AAAA,IACL,CAAA,GAAA,EAAM,WAAA,CAAY,WAAW,CAAC,CAAA,CAAA;AAAA,IAC9B,SAAA,GAAY,CAAA,MAAA,EAAS,WAAA,CAAY,SAAS,CAAC,CAAA,CAAA,GAAK,EAAA;AAAA,IAChD,UAAA,GAAa,CAAA,MAAA,EAAS,WAAA,CAAY,UAAU,CAAC,CAAA,CAAA,GAAK,EAAA;AAAA,IAClD,SAAA,GAAY,CAAA,MAAA,EAAS,WAAA,CAAY,SAAS,CAAC,CAAA,CAAA,GAAK,EAAA;AAAA,IAChD,cAAA,GAAiB,CAAA,MAAA,EAAS,WAAA,CAAY,cAAc,CAAC,CAAA,CAAA,GAAK;AAAA,GAC3D,CAAC,OAAO,OAAO,CAAA;AAClB;AAEA,MAAM,qBAAqB,CAAC,EAAA,EAAI,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK,CAAA;AAiBnD,MAAM,8BAAA,GAAiC,CAC5C,IAAA,KACE;AACF,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAO,EAAE,mBAAA,EAAqB,IAAA,KAAS,MAAA;EACzC;AAEA,EAAA,OAAO,IAAA,CACJ,GAAA,CAAI,CAAC,cAAA,EAAgB,KAAA,KAAS;AAC7B,IAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,MAAA,OAAO,EAAA;AAAA,IACT;AACA,IAAA,MAAM,MAAA,GAAS,cAAA,KAAmB,MAAA,GAAS,EAAA,GAAK,OAAA;AAChD,IAAA,OAAO,CAAA,GAAA,EAAM,kBAAA,CAAmB,KAAK,CAAC,iBAAiB,MAAM,CAAA,CAAA;AAAA,EAC/D,CAAC,CAAA,CACA,MAAA,CAAO,OAAO,CAAA;AACnB;;"}

package/dist/index.development.js

@@ -1820,6 +1820,19 @@ const calculateResponsiveWidthClasses = (size) => {
     extraLargeSize ? `ui:xl:${sizesMapped[extraLargeSize]}` : ""
   ].filter(Boolean);
 };
+const breakpointPrefixes = ["", "sm:", "md:", "lg:", "xl:"];
+const calculateResponsiveGrowClasses = (size) => {
+  if (typeof size === "string") {
+    return { "ui:fill-container": size === "full" };
+  }
+  return size.map((breakpointSize, index) => {
+    if (!breakpointSize) {
+      return "";
+    }
+    const suffix = breakpointSize === "full" ? "" : "-none";
+    return `ui:${breakpointPrefixes[index]}fill-container${suffix}`;
+  }).filter(Boolean);
+};
 
 const StyledInput = React__namespace.default.forwardRef((_a, ref) => {
   var { suffix, prefix, className, width = "full", height = "lg", icon, isError, isClearIconVisible, onClickClearField } = _a, attributes = __rest(_a, ["suffix", "prefix", "className", "width", "height", "icon", "isError", "isClearIconVisible", "onClickClearField"]);
@@ -1839,9 +1852,7 @@ const StyledInput = React__namespace.default.forwardRef((_a, ref) => {
     "ui:order-1": hasSuffix,
     "ui:rounded-l ui:border-l": hasPrefix,
     "ui:rounded-r ui:border-r": hasSuffix
-  }, "ui:flex ui:flex-col ui:items-center", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxRuntime.jsxs("div", { className: classNames__default.default("ui:relative", {
-    "ui:flex ui:grow": width === "full"
-  }), children: [icon && jsxRuntime.jsx("div", { className: classNames__default.default("ui:absolute ui:left-4 ui:top-1/2", {
+  }, "ui:flex ui:flex-col ui:items-center", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxRuntime.jsxs("div", { className: classNames__default.default("ui:relative", calculateResponsiveGrowClasses(width)), children: [icon && jsxRuntime.jsx("div", { className: classNames__default.default("ui:absolute ui:left-4 ui:top-1/2", {
     "ui:grow": width === "full"
   }), style: {
     transform: "translateY(-50%)",
@@ -3177,9 +3188,10 @@ const LabeledDatePicker = (_a) => {
 };
 
 const LabeledInput = React__namespace.default.forwardRef((props, ref) => {
-  const { className, helperText, errorText, label, fullWidth, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "fullWidth", "aria-describedby"]);
+  const { className, helperText, errorText, label, width, fullWidth, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "width", "fullWidth", "aria-describedby"]);
   const helperErrorTextId = React__namespace.default.useId();
-  return jsxRuntime.jsxs(Stack, { as: "label", _gap: "s", align: fullWidth ? "stretch" : void 0, className, children: [label && jsxRuntime.jsx(LabelText, { children: props.label }), jsxRuntime.jsx(StyledInput, Object.assign({}, rest, { ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].join(" ") })), jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
+  const fieldWidth = width !== null && width !== void 0 ? width : fullWidth ? "full" : void 0;
+  return jsxRuntime.jsxs(Stack, { as: "label", _gap: "s", align: fieldWidth ? "stretch" : void 0, className: classNames__default.default(fieldWidth && calculateResponsiveWidthClasses(fieldWidth), className), children: [label && jsxRuntime.jsx(LabelText, { children: props.label }), jsxRuntime.jsx(StyledInput, Object.assign({}, rest, { ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].join(" ") })), jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
 });
 
 const LabeledRadio = React__namespace.default.forwardRef((props, ref) => {
@@ -3840,9 +3852,7 @@ const StyledSelect = React__namespace.default.forwardRef((_a, ref) => {
     "ui:order-1": hasSuffix,
     "ui:rounded-l ui:border-l": hasPrefix,
     "ui:rounded-r ui:border-r": hasSuffix
-  }, "ui:flex ui:flex-col ui:items-center ui:p-3", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxRuntime.jsxs("div", { className: classNames__default.default("ui:relative", {
-    "ui:flex ui:grow": width === "full"
-  }), children: [jsxRuntime.jsx("select", Object.assign({ ref, className: classNames__default.default("styled-select", "ui:block ui:min-w-[4rem]", calculateResponsiveWidthClasses(width), {
+  }, "ui:flex ui:flex-col ui:items-center ui:p-3", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxRuntime.jsxs("div", { className: classNames__default.default("ui:relative", calculateResponsiveGrowClasses(width)), children: [jsxRuntime.jsx("select", Object.assign({ ref, className: classNames__default.default("styled-select", "ui:block ui:min-w-[4rem]", calculateResponsiveWidthClasses(width), {
     "ui:bg-slate-50 ui:text-slate-400": attributes.disabled,
     "ui:text-slate-800": !attributes.disabled,
     "ui:border-input-border": !attributes.disabled && !isError,