@luscii-healthtech/web-ui 60.1.0 → 60.2.0

package/dist/esm/components/Checkbox/LabeledCheckboxCardGroup.js

@@ -2,14 +2,14 @@ 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 { FieldsetLegend } from '../forms/shared/FieldsetLegend.js';
 import { HelperAndErrorText } from '../forms/shared/HelperAndErrorText.js';
 import { Stack } from '../Stack/Stack.js';
-import { Text } from '../Text/Text.js';
 
 const LabeledCheckboxCardGroup = (props) => {
   const { children, title, className, columns = 2, stretch = false, helperText, errorText } = props, attributes = __rest(props, ["children", "title", "className", "columns", "stretch", "helperText", "errorText"]);
   const semanticId = React__default.useId();
-  return jsxs(Stack, Object.assign({ as: "fieldset", "aria-describedby": semanticId, className: classNames({ "ui:w-full": stretch }, className), _gap: "base", align: stretch ? "stretch" : "start" }, attributes, { children: [title && jsx("legend", { className: "ui:contents", children: jsx(Text, { children: title }) }), jsx("div", { className: classNames("ui:grid ui:gap-x-m ui:gap-y-xs ui:items-start", {
+  return jsxs(Stack, Object.assign({ as: "fieldset", "aria-describedby": semanticId, className: classNames({ "ui:w-full": stretch }, className), _gap: "base", align: stretch ? "stretch" : "start" }, attributes, { children: [title && jsx(FieldsetLegend, { children: title }), jsx("div", { className: classNames("ui:grid ui:gap-x-m ui:gap-y-xs ui:items-start", {
     "ui:grid-cols-1": columns === 1,
     "ui:grid-cols-2": columns === 2,
     "ui:grid-cols-3": columns === 3,

package/dist/esm/components/Checkbox/LabeledCheckboxCardGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledCheckboxCardGroup.js","sources":["../../../../../../src/components/Checkbox/LabeledCheckboxCardGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;AAuCO,MAAM,wBAAA,GAA4C,CAAC,KAAA,KAAgB;AACxE,EAAA,MAAM,EACJ,UACA,KAAA,EACA,SAAA,EACA,UAAU,CAAA,EACV,OAAA,GAAU,KAAA,EACV,UAAA,EACA,SAAA,EAAS,GAEP,OADC,UAAA,GAAU,MAAA,CACX,KAAA,EATE,CAAA,UAAA,EAAA,OAAA,EAAA,aAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,WAAA,CASL,CAAA;AACD,EAAA,MAAM,UAAA,GAAaA,eAAM,KAAA;AAEzB,EAAA,OACEC,IAAA,CAAC,OAAK,MAAA,CAAA,MAAA,CAAA,EACJ,EAAA,EAAG,UAAA,EAAU,kBAAA,EACK,UAAA,EAClB,SAAA,EAAW,UAAA,CAAW,EAAE,WAAA,EAAa,OAAA,IAAW,SAAS,CAAA,EACzD,MAAK,MAAA,EACL,KAAA,EAAO,OAAA,GAAU,SAAA,GAAY,OAAA,EAAO,EAChC,YAAU,EAAA,QAAA,EAAA,CAEb,KAAA,IACCC,GAAA,CAAA,UAAA,EAAQ,SAAA,EAAU,aAAA,EAAa,QAAA,EAC7BA,GAAA,CAAC,IAAA,EAAI,EAAA,QAAA,EAAE,KAAA,EAAK,CAAA,EAAQ,CAAA,EAGxBA,IAAA,KAAA,EAAA,EACE,SAAA,EAAW,UAAA,CAAW,+CAAA,EAAiD;AAAA,IACrE,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY;AAAA,GAC/B,CAAA,EAAC,QAAA,EAEO,CAAA,EAEXA,IAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,cAAc,UAAA,EAAU,CACxB,CAAA,EAAA,CAAA,CAAA;AAGR;;"}
+{"version":3,"file":"LabeledCheckboxCardGroup.js","sources":["../../../../../../src/components/Checkbox/LabeledCheckboxCardGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;AA+CO,MAAM,wBAAA,GAA4C,CAAC,KAAA,KAAgB;AACxE,EAAA,MAAM,EACJ,UACA,KAAA,EACA,SAAA,EACA,UAAU,CAAA,EACV,OAAA,GAAU,KAAA,EACV,UAAA,EACA,SAAA,EAAS,GAEP,OADC,UAAA,GAAU,MAAA,CACX,KAAA,EATE,CAAA,UAAA,EAAA,OAAA,EAAA,aAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,WAAA,CASL,CAAA;AACD,EAAA,MAAM,UAAA,GAAaA,eAAM,KAAA;AAEzB,EAAA,OACEC,KAAC,KAAA,EAAK,MAAA,CAAA,OAAA,EACJ,EAAA,EAAG,YAAU,kBAAA,EACK,UAAA,EAClB,SAAA,EAAW,UAAA,CAAW,EAAE,WAAA,EAAa,OAAA,IAAW,SAAS,CAAA,EACzD,MAAK,MAAA,EACL,KAAA,EAAO,OAAA,GAAU,SAAA,GAAY,SAAO,EAChC,UAAA,EAAU,EAAA,QAAA,EAAA,CAEb,SAASC,GAAA,CAAC,cAAA,EAAc,EAAA,QAAA,EAAE,KAAA,EAAK,CAAA,EAChCA,GAAA,CAAA,OAAA,EACE,SAAA,EAAW,WAAW,+CAAA,EAAiD;AAAA,IACrE,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY;AAAA,GAC/B,CAAA,EAAC,QAAA,EAEO,CAAA,EAEXA,IAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,cAAc,UAAA,EAAU,CACxB,CAAA,EAAA,CAAA,CAAA;AAGR;;"}

package/dist/esm/components/Checkbox/LabeledCheckboxGroup.js

@@ -1,14 +1,14 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import classNames from 'classnames';
+import { FieldsetLegend } from '../forms/shared/FieldsetLegend.js';
 import { HelperAndErrorText } from '../forms/shared/HelperAndErrorText.js';
 import { Stack } from '../Stack/Stack.js';
-import { Text } from '../Text/Text.js';
 
 const LabeledCheckboxGroup = (props) => {
   const { children, title, className } = props;
   const semanticId = React__default.useId();
-  return jsxs(Stack, { as: "fieldset", "aria-describedby": semanticId, className: classNames(className), _gap: "base", children: [title && jsx("legend", { className: "ui:contents", children: jsx(Text, { children: title }) }), jsx(Stack, { _gap: "l", children }), jsx(HelperAndErrorText, { helperText: props.helperText, errorText: props.errorText, describingId: semanticId })] });
+  return jsxs(Stack, { as: "fieldset", "aria-describedby": semanticId, className: classNames(className), _gap: "base", children: [title && jsx(FieldsetLegend, { children: title }), jsx(Stack, { _gap: "l", children }), jsx(HelperAndErrorText, { helperText: props.helperText, errorText: props.errorText, describingId: semanticId })] });
 };
 
 export { LabeledCheckboxGroup };

package/dist/esm/components/Checkbox/LabeledCheckboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledCheckboxGroup.js","sources":["../../../../../../src/components/Checkbox/LabeledCheckboxGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;AA6BO,MAAM,oBAAA,GAAwC,CAAC,KAAA,KAAgB;AACpE,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,SAAA,EAAS,GAAK,KAAA;AACvC,EAAA,MAAM,UAAA,GAAaA,eAAM,KAAA;AAEzB,EAAA,OACEC,IAAA,CAAC,KAAA,EAAK,EACJ,EAAA,EAAG,UAAA,EAAU,oBACK,UAAA,EAClB,SAAA,EAAW,UAAA,CAAW,SAAS,CAAA,EAC/B,IAAA,EAAK,QAAM,QAAA,EAAA,CAEV,KAAA,IACCC,GAAA,CAAA,QAAA,EAAA,EAAQ,WAAU,aAAA,EAAa,QAAA,EAC7BA,GAAA,CAAC,IAAA,cAAM,OAAK,CAAA,EAAQ,CAAA,EAGxBA,GAAA,CAAC,KAAA,EAAK,EAAC,IAAA,EAAK,GAAA,EAAG,QAAA,EAAU,CAAA,EACzBA,GAAA,CAAC,sBACC,UAAA,EAAY,KAAA,CAAM,UAAA,EAClB,SAAA,EAAW,KAAA,CAAM,SAAA,EACjB,YAAA,EAAc,UAAA,EAAU,CACxB,CAAA,EAAA,CAAA;AAGR;;"}
+{"version":3,"file":"LabeledCheckboxGroup.js","sources":["../../../../../../src/components/Checkbox/LabeledCheckboxGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;AAqCO,MAAM,oBAAA,GAAwC,CAAC,KAAA,KAAgB;AACpE,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,SAAA,EAAS,GAAK,KAAA;AACvC,EAAA,MAAM,UAAA,GAAaA,eAAM,KAAA;AAEzB,EAAA,OACEC,IAAA,CAAC,OAAK,EACJ,EAAA,EAAG,YAAU,kBAAA,EACK,UAAA,EAClB,WAAW,UAAA,CAAW,SAAS,GAC/B,IAAA,EAAK,MAAA,EAAM,UAAA,CAEV,KAAA,IAASC,IAAC,cAAA,EAAc,EAAA,UAAE,KAAA,EAAK,GAChCA,GAAA,CAAC,KAAA,EAAK,EAAC,IAAA,EAAK,GAAA,EAAG,UAAU,CAAA,EACzBA,IAAC,kBAAA,EAAkB,EACjB,YAAY,KAAA,CAAM,UAAA,EAClB,WAAW,KAAA,CAAM,SAAA,EACjB,cAAc,UAAA,EAAU,CACxB,CAAA,EAAA,CAAA;AAGR;;"}

package/dist/esm/components/DatePicker/LabeledDatePicker.js

@@ -15,7 +15,7 @@ const LabeledDatePicker = (_a) => {
     "ui:!border-negative-border": isError,
     "ui:!focus:outline-negative": isError
   }, classNameFromProps);
-  return jsxs(Stack, { as: "label", _gap: "s", align: fullWidth ? "stretch" : void 0, children: [label && jsx(LabelText, { children: label }), jsx(DatePicker, Object.assign({}, props, { className: datePickerClassNames, "aria-describedby": helperErrorTextId })), jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
+  return jsxs(Stack, { as: "label", _gap: "base", align: fullWidth ? "stretch" : void 0, children: [label && jsx(LabelText, { as: "span", className: "ui:block", children: label }), jsx(DatePicker, Object.assign({}, props, { className: datePickerClassNames, "aria-describedby": helperErrorTextId })), jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
 };
 
 export { LabeledDatePicker };

package/dist/esm/components/DatePicker/LabeledDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledDatePicker.js","sources":["../../../../../../src/components/DatePicker/LabeledDatePicker.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;AAsBO,MAAM,iBAAA,GAAqC,CAAC,EAAA,KAO9C;AAP8C,EAAA,IAAA,EACjD,SAAA,EAAW,kBAAA,EACX,OACA,UAAA,EACA,SAAA,EACA,WAAS,GAAA,EAAA,EACN,KAAA,GAAK,MAAA,CAAA,IANyC,8DAOlD,CAAA;AACC,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAEhC,EAAA,MAAM,OAAA,GAAU,QAAQ,SAAS,CAAA;AAEjC,EAAA,MAAM,uBAAuB,UAAA,CAC3B;AAAA,IACE,4BAAA,EAA8B,OAAA;AAAA,IAC9B,4BAAA,EAA8B;AAAA,KAEhC,kBAAkB,CAAA;AAGpB,EAAA,OACEC,IAAA,CAAC,OAAK,EAAC,EAAA,EAAG,SAAQ,IAAA,EAAK,GAAA,EAAI,OAAO,SAAA,GAAY,SAAA,GAAY,QAAS,QAAA,EAAA,CAChE,SAASC,GAAA,CAAC,SAAA,EAAS,EAAA,QAAA,EAAE,KAAA,EAAK,CAAA,EAC3BA,GAAA,CAAC,UAAA,EAAU,OAAA,MAAA,CAAA,IACL,KAAA,EAAK,EACT,WAAW,oBAAA,EAAoB,kBAAA,EACb,mBAAiB,CAAA,GAErCA,GAAA,CAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,cAAc,iBAAA,EAAiB,CAC/B,CAAA,EAAA,CAAA;AAGR;;"}
+{"version":3,"file":"LabeledDatePicker.js","sources":["../../../../../../src/components/DatePicker/LabeledDatePicker.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;AA8BO,MAAM,iBAAA,GAAqC,CAAC,EAAA,KAO9C;AAP8C,EAAA,IAAA,EACjD,SAAA,EAAW,kBAAA,EACX,OACA,UAAA,EACA,SAAA,EACA,WAAS,GAAA,EAAA,EACN,KAAA,GAAK,MAAA,CAAA,IANyC,8DAOlD,CAAA;AACC,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAEhC,EAAA,MAAM,OAAA,GAAU,QAAQ,SAAS,CAAA;AAEjC,EAAA,MAAM,uBAAuB,UAAA,CAC3B;AAAA,IACE,4BAAA,EAA8B,OAAA;AAAA,IAC9B,4BAAA,EAA8B;AAAA,KAEhC,kBAAkB,CAAA;AAGpB,EAAA,OACEC,IAAA,CAAC,OAAK,EAAC,EAAA,EAAG,SAAQ,IAAA,EAAK,MAAA,EAAO,KAAA,EAAO,SAAA,GAAY,SAAA,GAAY,MAAA,EAAS,UAAA,CACnE,KAAA,IACCC,GAAA,CAAC,SAAA,EAAS,EAAC,EAAA,EAAG,QAAO,SAAA,EAAU,UAAA,EAAU,QAAA,EACtC,KAAA,EAAK,CAAA,EAGVA,IAAC,UAAA,EAAU,MAAA,CAAA,OAAA,EAAA,EACL,SACJ,SAAA,EAAW,oBAAA,EAAoB,kBAAA,EACb,iBAAA,EAAiB,CAAA,CAAA,EAErCA,GAAA,CAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,cAAc,iBAAA,EAAiB,CAC/B,CAAA,EAAA,CAAA;AAGR;;"}

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

@@ -9,10 +9,12 @@ import { LabelText } from '../forms/shared/LabelText.js';
 import { StyledInput } from './StyledInput.js';
 
 const LabeledInput = React__default.forwardRef((props, ref) => {
-  const { className, helperText, errorText, label, width, fullWidth, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "width", "fullWidth", "aria-describedby"]);
+  const { className, helperText, errorText, label, width, fullWidth, id, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "width", "fullWidth", "id", "aria-describedby"]);
+  const generatedInputId = React__default.useId();
+  const inputId = id || generatedInputId;
   const helperErrorTextId = React__default.useId();
   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 })] });
+  return jsxs(Stack, { _gap: "base", align: fieldWidth ? "stretch" : void 0, className: classNames(fieldWidth && calculateResponsiveWidthClasses(fieldWidth), className), children: [label && jsx(LabelText, { as: "label", htmlFor: inputId, children: label }), jsx(StyledInput, Object.assign({}, rest, { id: inputId, ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].filter(Boolean).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":";;;;;;;;;;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;;"}
+{"version":3,"file":"LabeledInput.js","sources":["../../../../../../src/components/Input/LabeledInput.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;AAmFO,MAAM,YAAA,GAAeA,cAAA,CAAM,UAAA,CAChC,CAAC,OAAO,GAAA,KAAO;AAIb,EAAA,MAAM,EACJ,SAAA,EACA,UAAA,EACA,SAAA,EACA,KAAA,EACA,OACA,SAAA,EACA,EAAA,EACA,kBAAA,EAAoB,eAAA,EAAe,GAEjC,KAAA,EADC,OAAI,MAAA,CACL,KAAA,EAVE,CAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,OAAA,EAAA,WAAA,EAAA,IAAA,EAAA,kBAAA,CAUL,CAAA;AAED,EAAA,MAAM,gBAAA,GAAmBA,eAAM,KAAA;AAC/B,EAAA,MAAM,UAAU,EAAA,IAAM,gBAAA;AACtB,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAChC,EAAA,MAAM,aAAa,KAAA,aAAA,UAAK,MAAA,GAAL,KAAA,GAAU,YAAY,MAAA,GAAS,MAAA;AAQlD,EAAA,OACEC,IAAA,CAAC,KAAA,EAAK,EACJ,IAAA,EAAK,QACL,KAAA,EAAO,UAAA,GAAa,SAAA,GAAY,MAAA,EAChC,SAAA,EAAW,UAAA,CACT,UAAA,IAAc,+BAAA,CAAgC,UAAU,CAAA,EACxD,SAAS,CAAA,EACV,QAAA,EAAA,CAEA,KAAA,IACCC,GAAA,CAAC,SAAA,EAAS,EAAC,EAAA,EAAG,OAAA,EAAQ,OAAA,EAAS,OAAA,EAAO,UACnC,KAAA,EAAK,CAAA,EAGVA,GAAA,CAAC,aAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAA,EAAI,EACR,EAAA,EAAI,OAAA,EACJ,KACA,OAAA,EAAS,OAAA,CAAQ,SAAS,CAAA,EAAC,kBAAA,EACT,CAAC,eAAA,EAAiB,iBAAiB,EAClD,MAAA,CAAO,OAAO,CAAA,CACd,IAAA,CAAK,GAAG,CAAA,EAAC,CAAA,GAGdA,GAAA,CAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,WACA,YAAA,EAAc,iBAAA,EAAiB,CAC/B,GAAA,CAAA;AAGR,CAAC;;"}

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

@@ -9,9 +9,19 @@ import CrossIcon from '../Icons/CrossIcon.js';
 
 const StyledInput = React__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"]);
+  const inputRef = React__default.useRef(null);
+  React__default.useImperativeHandle(ref, () => inputRef.current);
   const hasPrefix = !!prefix;
   const hasSuffix = !!suffix;
   const hasNoExtraContent = !hasPrefix && !hasSuffix;
+  const focusInput = (event) => {
+    var _a2;
+    if (attributes.disabled) {
+      return;
+    }
+    event.preventDefault();
+    (_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.focus();
+  };
   const heightClasses = {
     md: "ui:h-form-md",
     lg: "ui:h-form-lg"
@@ -25,12 +35,16 @@ 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", calculateResponsiveGrowClasses(width)), children: [icon && jsx("div", { className: classNames("ui:absolute ui:left-4 ui:top-1/2", {
-    "ui:grow": width === "full"
-  }), style: {
+  }, "ui:flex ui:flex-col ui:items-center", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), onMouseDown: focusInput, children: suffix || prefix }), jsxs("div", { className: classNames("ui:relative", calculateResponsiveGrowClasses(width)), children: [icon && jsx("div", { className: classNames(
+    // Let clicks on the icon fall through to the input underneath
+    "ui:pointer-events-none ui:absolute ui:left-4 ui:top-1/2",
+    {
+      "ui:grow": width === "full"
+    }
+  ), style: {
     transform: "translateY(-50%)",
     zIndex: 20
-  }, children: jsx(IconComponentOrKey, { name: icon, className: "ui:h-6 ui:w-6 ui:text-slate-300" }) }), jsx("input", Object.assign({ ref, className: classNames("ui:block", calculateResponsiveWidthClasses(width), { "ui:pl-12": icon }, {
+  }, children: jsx(IconComponentOrKey, { name: icon, className: "ui:h-6 ui:w-6 ui:text-slate-300" }) }), jsx("input", Object.assign({ ref: inputRef, className: classNames("ui:block", calculateResponsiveWidthClasses(width), { "ui:pl-12": icon }, {
     "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/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","_a","_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/Radio/LabeledRadioCardGroup.js

@@ -2,14 +2,14 @@ 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 { FieldsetLegend } from '../forms/shared/FieldsetLegend.js';
 import { HelperAndErrorText } from '../forms/shared/HelperAndErrorText.js';
 import { Stack } from '../Stack/Stack.js';
-import { Text } from '../Text/Text.js';
 
 const LabeledRadioCardGroup = (props) => {
   const { children, title, className, columns = 2, helperText, errorText } = props, attributes = __rest(props, ["children", "title", "className", "columns", "helperText", "errorText"]);
   const semanticId = React__default.useId();
-  return jsxs(Stack, Object.assign({ as: "fieldset", "aria-describedby": semanticId, className, _gap: "xs", width: "full" }, attributes, { children: [title && jsx("legend", { className: "ui:contents", children: jsx(Text, { children: title }) }), jsx("div", { className: classNames("ui:grid ui:gap-x-m ui:gap-y-xs ui:items-start ui:w-full", {
+  return jsxs(Stack, Object.assign({ as: "fieldset", "aria-describedby": semanticId, className, _gap: "base", width: "full" }, attributes, { children: [title && jsx(FieldsetLegend, { children: title }), jsx("div", { className: classNames("ui:grid ui:gap-x-m ui:gap-y-xs ui:items-start ui:w-full", {
     "ui:grid-cols-1": columns === 1,
     "ui:grid-cols-2": columns === 2,
     "ui:grid-cols-3": columns === 3,

package/dist/esm/components/Radio/LabeledRadioCardGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledRadioCardGroup.js","sources":["../../../../../../src/components/Radio/LabeledRadioCardGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;AAmCO,MAAM,qBAAA,GAAyC,CAAC,KAAA,KAAgB;AACrE,EAAA,MAAM,EACJ,UACA,KAAA,EACA,SAAA,EACA,UAAU,CAAA,EACV,UAAA,EACA,WAAS,GAEP,KAAA,EADC,oBACD,KAAA,EARE,CAAA,UAAA,EAAA,OAAA,EAAA,aAAA,SAAA,EAAA,YAAA,EAAA,WAAA,CAQL,CAAA;AACD,EAAA,MAAM,UAAA,GAAaA,eAAM,KAAA;AAEzB,EAAA,OACEC,KAAC,KAAA,EAAK,MAAA,CAAA,OAAA,EACJ,EAAA,EAAG,gCACe,UAAA,EAClB,SAAA,EACA,IAAA,EAAK,MACL,KAAA,EAAM,MAAA,IACF,UAAA,eAEH,KAAA,IACCC,GAAA,CAAA,QAAA,EAAA,EAAQ,SAAA,EAAU,aAAA,EAAa,UAC7BA,GAAA,CAAC,IAAA,EAAI,EAAA,QAAA,EAAE,KAAA,EAAK,CAAA,EAAQ,CAAA,EAGxBA,GAAA,CAAA,OAAA,EACE,SAAA,EAAW,WACT,yDAAA,EACA;AAAA,IACE,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY;AAAA,GAC/B,CAAA,EACF,QAAA,EAEQ,CAAA,EAEXA,IAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,cAAc,UAAA,EAAU,CACxB,CAAA,EAAA,CAAA,CAAA;AAGR;;"}
+{"version":3,"file":"LabeledRadioCardGroup.js","sources":["../../../../../../src/components/Radio/LabeledRadioCardGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;AA2CO,MAAM,qBAAA,GAAyC,CAAC,KAAA,KAAgB;AACrE,EAAA,MAAM,EACJ,UACA,KAAA,EACA,SAAA,EACA,UAAU,CAAA,EACV,UAAA,EACA,WAAS,GAEP,KAAA,EADC,oBACD,KAAA,EARE,CAAA,UAAA,EAAA,OAAA,EAAA,aAAA,SAAA,EAAA,YAAA,EAAA,WAAA,CAQL,CAAA;AACD,EAAA,MAAM,UAAA,GAAaA,eAAM,KAAA;AAEzB,EAAA,OACEC,IAAA,CAAC,KAAA,EAAK,MAAA,CAAA,MAAA,CAAA,EACJ,EAAA,EAAG,UAAA,EAAU,kBAAA,EACK,UAAA,EAClB,SAAA,EACA,IAAA,EAAK,MAAA,EACL,KAAA,EAAM,UACF,UAAA,EAAU,EAAA,QAAA,EAAA,CAEb,KAAA,IAASC,GAAA,CAAC,cAAA,EAAc,EAAA,QAAA,EAAE,KAAA,EAAK,CAAA,EAChCA,GAAA,CAAA,KAAA,EAAA,EACE,SAAA,EAAW,WACT,yDAAA,EACA;AAAA,IACE,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY,CAAA;AAAA,IAC9B,kBAAkB,OAAA,KAAY;AAAA,GAC/B,CAAA,EACF,QAAA,EAEQ,CAAA,EAEXA,IAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,cAAc,UAAA,EAAU,CACxB,CAAA,EAAA,CAAA,CAAA;AAGR;;"}

package/dist/esm/components/Radio/LabeledRadioGroup.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import classNames from 'classnames';
+import { FieldsetLegend } from '../forms/shared/FieldsetLegend.js';
 import { HelperAndErrorText } from '../forms/shared/HelperAndErrorText.js';
 import { Stack } from '../Stack/Stack.js';
-import { Text } from '../Text/Text.js';
 
 const LabeledRadioGroup = (props) => {
   const { children, title, className, orientation = "vertical" } = props;
@@ -15,7 +15,7 @@ const LabeledRadioGroup = (props) => {
     axis: "y",
     _gap: "base"
   };
-  return jsxs(Stack, { as: "fieldset", "aria-describedby": semanticId, className: classNames(className), _gap: "s", children: [title && jsx("legend", { className: "ui:contents", children: jsx(Text, { children: title }) }), jsx(Stack, Object.assign({}, orientationProps, { children })), jsx(HelperAndErrorText, { helperText: props.helperText, errorText: props.errorText, describingId: semanticId })] });
+  return jsxs(Stack, { as: "fieldset", "aria-describedby": semanticId, className: classNames(className), _gap: "base", children: [title && jsx(FieldsetLegend, { children: title }), jsx(Stack, Object.assign({}, orientationProps, { children })), jsx(HelperAndErrorText, { helperText: props.helperText, errorText: props.errorText, describingId: semanticId })] });
 };
 
 export { LabeledRadioGroup };

package/dist/esm/components/Radio/LabeledRadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledRadioGroup.js","sources":["../../../../../../src/components/Radio/LabeledRadioGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;AAmCO,MAAM,iBAAA,GAAqC,CAAC,KAAA,KAAgB;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,SAAA,EAAW,WAAA,GAAc,YAAU,GAAK,KAAA;AACjE,EAAA,MAAM,UAAA,GAAaA,eAAM,KAAA;AAEzB,EAAA,MAAM,gBAAA,GACJ,gBAAgB,YAAA,GACZ;AAAA,IACE,IAAA,EAAM,GAAA;AAAA,IACN,IAAA,EAAM;AAAA,GACP,GACD;AAAA,IACE,IAAA,EAAM,GAAA;AAAA,IACN,IAAA,EAAM;AAAA;AAGd,EAAA,OACEC,IAAA,CAAC,KAAA,EAAK,EACJ,EAAA,EAAG,UAAA,EAAU,kBAAA,EACK,UAAA,EAClB,SAAA,EAAW,UAAA,CAAW,SAAS,CAAA,EAC/B,IAAA,EAAK,GAAA,EAAG,UAAA,CAEP,KAAA,IACCC,GAAA,CAAA,QAAA,EAAA,EAAQ,SAAA,EAAU,aAAA,EAAa,QAAA,EAC7BA,GAAA,CAAC,IAAA,EAAI,EAAA,QAAA,EAAE,KAAA,EAAK,GAAQ,CAAA,EAGxBA,GAAA,CAAC,KAAA,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,gBAAA,EAAgB,EAAA,QAAA,EAAW,CAAA,CAAA,EACtCA,GAAA,CAAC,kBAAA,IACC,UAAA,EAAY,KAAA,CAAM,UAAA,EAClB,SAAA,EAAW,KAAA,CAAM,SAAA,EACjB,YAAA,EAAc,UAAA,EAAU,CACxB,CAAA,EAAA,CAAA;AAGR;;"}
+{"version":3,"file":"LabeledRadioGroup.js","sources":["../../../../../../src/components/Radio/LabeledRadioGroup.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;AA2CO,MAAM,iBAAA,GAAqC,CAAC,KAAA,KAAgB;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,SAAA,EAAW,WAAA,GAAc,YAAU,GAAK,KAAA;AACjE,EAAA,MAAM,UAAA,GAAaA,eAAM,KAAA;AAEzB,EAAA,MAAM,gBAAA,GACJ,gBAAgB,YAAA,GACZ;AAAA,IACE,IAAA,EAAM,GAAA;AAAA,IACN,IAAA,EAAM;AAAA,GACP,GACD;AAAA,IACE,IAAA,EAAM,GAAA;AAAA,IACN,IAAA,EAAM;AAAA;AAGd,EAAA,OACEC,IAAA,CAAC,OAAK,EACJ,EAAA,EAAG,YAAU,kBAAA,EACK,UAAA,EAClB,SAAA,EAAW,UAAA,CAAW,SAAS,CAAA,EAC/B,MAAK,MAAA,EAAM,QAAA,EAAA,CAEV,KAAA,IAASC,GAAA,CAAC,gBAAc,EAAA,QAAA,EAAE,KAAA,EAAK,CAAA,EAChCA,GAAA,CAAC,OAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,gBAAA,EAAgB,EAAA,QAAA,EAAW,CAAA,CAAA,EACtCA,GAAA,CAAC,kBAAA,EAAkB,EACjB,UAAA,EAAY,KAAA,CAAM,UAAA,EAClB,SAAA,EAAW,KAAA,CAAM,SAAA,EACjB,cAAc,UAAA,EAAU,CACxB,CAAA,EAAA,CAAA;AAGR;;"}

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

@@ -9,7 +9,7 @@ import { StyledSelect } from './StyledSelect.js';
 const LabeledSelect = 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 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(StyledSelect, Object.assign({}, rest, { ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].join(" ") })), jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
+  return jsxs(Stack, { as: "label", _gap: "base", align: fullWidth ? "stretch" : void 0, className, children: [label && jsx(LabelText, { as: "span", className: "ui:block", children: props.label }), jsx(StyledSelect, Object.assign({}, rest, { ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].join(" ") })), jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
 });
 
 export { LabeledSelect };

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

@@ -1 +1 @@
-{"version":3,"file":"LabeledSelect.js","sources":["../../../../../../src/components/Select/LabeledSelect.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;AAgEO,MAAM,aAAA,GAAgBA,cAAA,CAAM,UAAA,CACjC,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,YAAA,EAAY,MAAA,CAAA,MAAA,CAAA,IACP,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":"LabeledSelect.js","sources":["../../../../../../src/components/Select/LabeledSelect.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;AAwEO,MAAM,aAAA,GAAgBA,cAAA,CAAM,UAAA,CACjC,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,MAAA,EACL,KAAA,EAAO,SAAA,GAAY,SAAA,GAAY,MAAA,EAC/B,SAAA,EAAoB,QAAA,EAAA,CAEnB,KAAA,IACCC,GAAA,CAAC,SAAA,EAAS,EAAC,EAAA,EAAG,MAAA,EAAO,SAAA,EAAU,UAAA,EAAU,QAAA,EACtC,KAAA,CAAM,KAAA,EAAK,CAAA,EAGhBA,GAAA,CAAC,YAAA,EAAY,MAAA,CAAA,MAAA,CAAA,EAAA,EACP,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/Select/LabeledSelectSearchable.js

@@ -1,6 +1,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 { Box } from '../Box/Box.js';
 import { Stack } from '../Stack/Stack.js';
 import { HelperAndErrorText } from '../forms/shared/HelperAndErrorText.js';
@@ -14,7 +15,7 @@ const LabeledSelectSearchable = React__default.forwardRef((props, ref) => {
   const errorMessageId = React__default.useId();
   const hasError = Boolean(errorText);
   const labelledBy = [ariaLabelledBy, label ? labelId : void 0].filter(Boolean).join(" ") || void 0;
-  return jsxs(Stack, { _gap: "s", align: fullWidth ? "stretch" : void 0, className, children: [label && jsx(Box, { id: labelId, children: jsx(LabelText, { children: label }) }), jsx(Select, Object.assign({}, rest, { ref, isError: hasError, "aria-labelledby": labelledBy, "aria-invalid": hasError || void 0, "aria-errormessage": hasError ? errorMessageId : void 0 })), jsx("div", { id: errorMessageId, "aria-live": "polite", children: jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId }) })] });
+  return jsxs(Stack, { _gap: "base", align: fullWidth ? "stretch" : void 0, className, children: [label && jsx(Box, { id: labelId, children: jsx(LabelText, { as: "span", className: "ui:block", children: label }) }), jsx(Select, Object.assign({}, rest, { ref, isError: hasError, "aria-labelledby": labelledBy, "aria-invalid": hasError || void 0, "aria-errormessage": hasError ? errorMessageId : void 0 })), jsx("div", { id: errorMessageId, "aria-live": "polite", className: classNames({ "ui:sr-only": !helperText && !errorText }), children: jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId }) })] });
 });
 
 export { LabeledSelectSearchable };

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

@@ -1 +1 @@
-{"version":3,"file":"LabeledSelectSearchable.js","sources":["../../../../../../src/components/Select/LabeledSelectSearchable.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;AA0EO,MAAM,uBAAA,GAA0BA,cAAA,CAAM,UAAA,CAC3C,CAAC,OAAO,GAAA,KAAO;AAIb,EAAA,MAAM,EACJ,WACA,KAAA,EACA,UAAA,EACA,WACA,SAAA,EACA,iBAAA,EAAmB,gBAAc,GAE/B,KAAA,EADC,cACD,KAAA,EARE,CAAA,WAAA,EAAA,OAAA,EAAA,cAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,CAQL,CAAA;AAED,EAAA,MAAM,OAAA,GAAUA,eAAM,KAAA;AACtB,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAChC,EAAA,MAAM,cAAA,GAAiBA,eAAM,KAAA;AAC7B,EAAA,MAAM,QAAA,GAAW,QAAQ,SAAS,CAAA;AAElC,EAAA,MAAM,UAAA,GACJ,CAAC,cAAA,EAAgB,KAAA,GAAQ,OAAA,GAAU,MAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IACtE,MAAA;AAEF,EAAA,OACEC,IAAA,CAAC,KAAA,EAAK,EACJ,IAAA,EAAK,KACL,KAAA,EAAO,SAAA,GAAY,SAAA,GAAY,MAAA,EAC/B,SAAA,aAEC,KAAA,IACCC,IAAC,GAAA,IAAI,EAAA,EAAI,OAAA,EAAO,QAAA,EACdA,GAAA,CAAC,SAAA,EAAS,EAAA,UAAE,KAAA,KAAkB,GAGlCA,GAAA,CAAC,MAAA,EAAM,MAAA,CAAA,MAAA,CAAA,EAAA,EACD,IAAA,EAAI,EACR,GAAA,EACA,OAAA,EAAS,QAAA,qBACQ,UAAA,EAAU,gBACb,QAAA,IAAY,MAAA,uBACP,QAAA,GAAW,iBAAiB,MAAA,EAAS,CAAA,CAAA,EAK1DA,IAAA,KAAA,EAAA,EAAK,EAAA,EAAI,cAAA,eAA0B,QAAA,EAAQ,QAAA,EACzCA,GAAA,CAAC,oBAAkB,EACjB,UAAA,EACA,SAAA,EACA,YAAA,EAAc,mBAAiB,CAAA,EAC/B,CACE,GAAA,CAAA;AAGZ,CAAC;;"}
+{"version":3,"file":"LabeledSelectSearchable.js","sources":["../../../../../../src/components/Select/LabeledSelectSearchable.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;AAkFO,MAAM,uBAAA,GAA0BA,cAAA,CAAM,UAAA,CAC3C,CAAC,OAAO,GAAA,KAAO;AAIb,EAAA,MAAM,EACJ,WACA,KAAA,EACA,UAAA,EACA,WACA,SAAA,EACA,iBAAA,EAAmB,gBAAc,GAE/B,KAAA,EADC,cACD,KAAA,EARE,CAAA,WAAA,EAAA,OAAA,EAAA,cAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,CAQL,CAAA;AAED,EAAA,MAAM,OAAA,GAAUA,eAAM,KAAA;AACtB,EAAA,MAAM,iBAAA,GAAoBA,eAAM,KAAA;AAChC,EAAA,MAAM,cAAA,GAAiBA,eAAM,KAAA;AAC7B,EAAA,MAAM,QAAA,GAAW,QAAQ,SAAS,CAAA;AAElC,EAAA,MAAM,UAAA,GACJ,CAAC,cAAA,EAAgB,KAAA,GAAQ,OAAA,GAAU,MAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,IACtE,MAAA;AAEF,EAAA,OACEC,KAAC,KAAA,EAAK,EACJ,MAAK,MAAA,EACL,KAAA,EAAO,YAAY,SAAA,GAAY,MAAA,EAC/B,SAAA,EAAoB,QAAA,EAAA,CAEnB,KAAA,IACCC,GAAA,CAAC,OAAI,EAAA,EAAI,SAAO,QAAA,EACdA,GAAA,CAAC,SAAA,EAAS,EAAC,IAAG,MAAA,EAAO,SAAA,EAAU,YAAU,QAAA,EACtC,KAAA,EAAK,CAAA,EACI,CAAA,EAGhBA,GAAA,CAAC,QAAM,MAAA,CAAA,MAAA,CAAA,EAAA,EACD,IAAA,EAAI,EACR,GAAA,EACA,OAAA,EAAS,QAAA,EAAQ,iBAAA,EACA,YAAU,cAAA,EACb,QAAA,IAAY,QAAS,mBAAA,EAChB,QAAA,GAAW,iBAAiB,MAAA,EAAS,CAAA,CAAA,EAO1DA,IAAA,KAAA,EAAA,EACE,IAAI,cAAA,EAAc,WAAA,EACR,UACV,SAAA,EAAW,UAAA,CAAW,EAAE,YAAA,EAAc,CAAC,UAAA,IAAc,CAAC,WAAW,CAAA,EAAC,UAElEA,GAAA,CAAC,kBAAA,EAAkB,EACjB,UAAA,EACA,SAAA,EACA,cAAc,iBAAA,EAAiB,GAC/B,CACE,GAAA,CAAA;AAGZ,CAAC;;"}

package/dist/esm/components/forms/shared/FieldsetLegend.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { Text } from '../../Text/Text.js';
+
+const FieldsetLegend = ({ children }) => jsx("legend", { className: "ui:contents", children: renderLegendContent(children) });
+const renderLegendContent = (children) => {
+  if (typeof children === "string") {
+    return jsx(Text, { as: "span", className: "ui:block", children });
+  }
+  if (React__default.isValidElement(children) && children.type !== React__default.Fragment) {
+    return children;
+  }
+  return jsx("span", { className: "ui:block", children });
+};
+
+export { FieldsetLegend };
+//# sourceMappingURL=FieldsetLegend.js.map

package/dist/esm/components/forms/shared/FieldsetLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetLegend.js","sources":["../../../../../../../src/components/forms/shared/FieldsetLegend.tsx"],"sourcesContent":[null],"names":["_jsx","React"],"mappings":";;;;AAuBO,MAAM,cAAA,GAA4B,CAAC,EAAE,QAAA,OAC1CA,GAAA,CAAA,QAAA,EAAA,EAAQ,SAAA,EAAU,aAAA,EAAa,QAAA,EAAE,mBAAA,CAAoB,QAAQ,GAAC;AAOhE,MAAM,mBAAA,GAAsB,CAAC,QAAA,KAAuB;AAClD,EAAA,IAAI,OAAO,aAAa,QAAA,EAAU;AAChC,IAAA,OACEA,GAAA,CAAC,MAAI,EAAC,EAAA,EAAG,QAAO,SAAA,EAAU,UAAA,EAAU,UACzB,CAAA;AAAA,EAGf;AAEA,EAAA,IAAIC,eAAM,cAAA,CAAe,QAAQ,KAAK,QAAA,CAAS,IAAA,KAASA,eAAM,QAAA,EAAU;AACtE,IAAA,OAAO,QAAA;AAAA,EACT;AAEA,EAAA,OAAOD,cAAM,SAAA,EAAU,UAAA,EAAU;AACnC,CAAA;;"}

package/dist/esm/components/forms/shared/HelperAndErrorText.js

@@ -14,7 +14,7 @@ const HelperAndErrorText = (props) => {
   if (showHelperText) {
     return jsx(Box, { id: props.describingId, children: jsx(Text, { variant: "sm", color: "slate-500", containsDangerousHtml: typeof props.helperText === "string", className: linkClasses, children: props.helperText }) });
   }
-  return jsx(Box, { id: props.describingId, children: props.errorText && jsx(Text, { variant: "sm", color: "red", children: props.errorText }) });
+  return jsx(Box, { id: props.describingId, className: "ui:empty:hidden", children: props.errorText && jsx(Text, { variant: "sm", color: "red", children: props.errorText }) });
 };
 
 export { HelperAndErrorText };

package/dist/esm/components/forms/shared/HelperAndErrorText.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelperAndErrorText.js","sources":["../../../../../../../src/components/forms/shared/HelperAndErrorText.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AA4BA,MAAM,WAAA,GAAc;AAAA,EAClB,uBAAA;AAAA,EACA,yBAAA;AAAA,EACA,0BAAA;AAAA,EACA,kCAAA;AAAA,EACA;AACD,CAAA,CAAC,KAAK,GAAG,CAAA;AAEH,MAAM,kBAAA,GAAgC,CAAC,KAAA,KAAS;AACrD,EAAA,MAAM,iBAAiB,OAAA,CAAQ,KAAA,CAAM,UAAU,CAAA,IAAK,CAAC,KAAA,CAAM,SAAA;AAE3D,EAAA,IAAI,cAAA,EAAgB;AAClB,IAAA,OACEA,GAAA,CAAC,GAAA,IAAI,EAAA,EAAI,KAAA,CAAM,YAAA,EAAY,QAAA,EACzBA,GAAA,CAAC,IAAA,EAAI,EACH,OAAA,EAAQ,IAAA,EACR,KAAA,EAAM,aACN,qBAAA,EAAuB,OAAO,KAAA,CAAM,UAAA,KAAe,QAAA,EACnD,SAAA,EAAW,WAAA,YAEV,KAAA,CAAM,UAAA,EAAU,CAAA,EACZ,CAAA;AAAA,EAGb;AAEA,EAAA,OACEA,GAAA,CAAC,KAAG,EAAC,EAAA,EAAI,MAAM,YAAA,EAAY,QAAA,EACxB,MAAM,SAAA,IACLA,GAAA,CAAC,MAAI,EAAC,OAAA,EAAQ,MAAK,KAAA,EAAM,KAAA,EAAK,UAC3B,KAAA,CAAM,SAAA,EAAS,CAAA,EAEnB,CAAA;AAGP;;"}
+{"version":3,"file":"HelperAndErrorText.js","sources":["../../../../../../../src/components/forms/shared/HelperAndErrorText.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AA4BA,MAAM,WAAA,GAAc;AAAA,EAClB,uBAAA;AAAA,EACA,yBAAA;AAAA,EACA,0BAAA;AAAA,EACA,kCAAA;AAAA,EACA;AACD,CAAA,CAAC,KAAK,GAAG,CAAA;AAEH,MAAM,kBAAA,GAAgC,CAAC,KAAA,KAAS;AACrD,EAAA,MAAM,iBAAiB,OAAA,CAAQ,KAAA,CAAM,UAAU,CAAA,IAAK,CAAC,KAAA,CAAM,SAAA;AAE3D,EAAA,IAAI,cAAA,EAAgB;AAClB,IAAA,OACEA,GAAA,CAAC,GAAA,IAAI,EAAA,EAAI,KAAA,CAAM,YAAA,EAAY,QAAA,EACzBA,GAAA,CAAC,IAAA,EAAI,EACH,OAAA,EAAQ,IAAA,EACR,KAAA,EAAM,aACN,qBAAA,EAAuB,OAAO,KAAA,CAAM,UAAA,KAAe,QAAA,EACnD,SAAA,EAAW,WAAA,YAEV,KAAA,CAAM,UAAA,EAAU,CAAA,EACZ,CAAA;AAAA,EAGb;AAMA,EAAA,OACEA,GAAA,CAAC,KAAG,EAAC,EAAA,EAAI,MAAM,YAAA,EAAc,SAAA,EAAU,iBAAA,EAAiB,QAAA,EACrD,KAAA,CAAM,SAAA,IACLA,IAAC,IAAA,EAAI,EAAC,OAAA,EAAQ,IAAA,EAAK,KAAA,EAAM,KAAA,EAAK,UAC3B,KAAA,CAAM,SAAA,KAEV,CAAA;AAGP;;"}

package/dist/index.development.js

@@ -2030,7 +2030,7 @@ const HelperAndErrorText = (props) => {
   if (showHelperText) {
     return jsxRuntime.jsx(Box, { id: props.describingId, children: jsxRuntime.jsx(Text, { variant: "sm", color: "slate-500", containsDangerousHtml: typeof props.helperText === "string", className: linkClasses, children: props.helperText }) });
   }
-  return jsxRuntime.jsx(Box, { id: props.describingId, children: props.errorText && jsxRuntime.jsx(Text, { variant: "sm", color: "red", children: props.errorText }) });
+  return jsxRuntime.jsx(Box, { id: props.describingId, className: "ui:empty:hidden", children: props.errorText && jsxRuntime.jsx(Text, { variant: "sm", color: "red", children: props.errorText }) });
 };
 
 const LabelText = (props) => {
@@ -2131,16 +2131,27 @@ const LabeledCheckboxCard = React__namespace.default.forwardRef((props, ref) =>
   return jsxRuntime.jsx(LabeledCheckboxBase, Object.assign({}, props, { ref, variant: "card" }));
 });
 
+const FieldsetLegend = ({ children }) => jsxRuntime.jsx("legend", { className: "ui:contents", children: renderLegendContent(children) });
+const renderLegendContent = (children) => {
+  if (typeof children === "string") {
+    return jsxRuntime.jsx(Text, { as: "span", className: "ui:block", children });
+  }
+  if (React__namespace.default.isValidElement(children) && children.type !== React__namespace.default.Fragment) {
+    return children;
+  }
+  return jsxRuntime.jsx("span", { className: "ui:block", children });
+};
+
 const LabeledCheckboxGroup = (props) => {
   const { children, title, className } = props;
   const semanticId = React__namespace.default.useId();
-  return jsxRuntime.jsxs(Stack, { as: "fieldset", "aria-describedby": semanticId, className: classNames__default.default(className), _gap: "base", children: [title && jsxRuntime.jsx("legend", { className: "ui:contents", children: jsxRuntime.jsx(Text, { children: title }) }), jsxRuntime.jsx(Stack, { _gap: "l", children }), jsxRuntime.jsx(HelperAndErrorText, { helperText: props.helperText, errorText: props.errorText, describingId: semanticId })] });
+  return jsxRuntime.jsxs(Stack, { as: "fieldset", "aria-describedby": semanticId, className: classNames__default.default(className), _gap: "base", children: [title && jsxRuntime.jsx(FieldsetLegend, { children: title }), jsxRuntime.jsx(Stack, { _gap: "l", children }), jsxRuntime.jsx(HelperAndErrorText, { helperText: props.helperText, errorText: props.errorText, describingId: semanticId })] });
 };
 
 const LabeledCheckboxCardGroup = (props) => {
   const { children, title, className, columns = 2, stretch = false, helperText, errorText } = props, attributes = __rest(props, ["children", "title", "className", "columns", "stretch", "helperText", "errorText"]);
   const semanticId = React__namespace.default.useId();
-  return jsxRuntime.jsxs(Stack, Object.assign({ as: "fieldset", "aria-describedby": semanticId, className: classNames__default.default({ "ui:w-full": stretch }, className), _gap: "base", align: stretch ? "stretch" : "start" }, attributes, { children: [title && jsxRuntime.jsx("legend", { className: "ui:contents", children: jsxRuntime.jsx(Text, { children: title }) }), jsxRuntime.jsx("div", { className: classNames__default.default("ui:grid ui:gap-x-m ui:gap-y-xs ui:items-start", {
+  return jsxRuntime.jsxs(Stack, Object.assign({ as: "fieldset", "aria-describedby": semanticId, className: classNames__default.default({ "ui:w-full": stretch }, className), _gap: "base", align: stretch ? "stretch" : "start" }, attributes, { children: [title && jsxRuntime.jsx(FieldsetLegend, { children: title }), jsxRuntime.jsx("div", { className: classNames__default.default("ui:grid ui:gap-x-m ui:gap-y-xs ui:items-start", {
     "ui:grid-cols-1": columns === 1,
     "ui:grid-cols-2": columns === 2,
     "ui:grid-cols-3": columns === 3,
@@ -2206,7 +2217,7 @@ LabeledRadioCard.displayName = "LabeledRadioCard";
 const LabeledRadioCardGroup = (props) => {
   const { children, title, className, columns = 2, helperText, errorText } = props, attributes = __rest(props, ["children", "title", "className", "columns", "helperText", "errorText"]);
   const semanticId = React__namespace.default.useId();
-  return jsxRuntime.jsxs(Stack, Object.assign({ as: "fieldset", "aria-describedby": semanticId, className, _gap: "xs", width: "full" }, attributes, { children: [title && jsxRuntime.jsx("legend", { className: "ui:contents", children: jsxRuntime.jsx(Text, { children: title }) }), jsxRuntime.jsx("div", { className: classNames__default.default("ui:grid ui:gap-x-m ui:gap-y-xs ui:items-start ui:w-full", {
+  return jsxRuntime.jsxs(Stack, Object.assign({ as: "fieldset", "aria-describedby": semanticId, className, _gap: "base", width: "full" }, attributes, { children: [title && jsxRuntime.jsx(FieldsetLegend, { children: title }), jsxRuntime.jsx("div", { className: classNames__default.default("ui:grid ui:gap-x-m ui:gap-y-xs ui:items-start ui:w-full", {
     "ui:grid-cols-1": columns === 1,
     "ui:grid-cols-2": columns === 2,
     "ui:grid-cols-3": columns === 3,
@@ -2319,7 +2330,7 @@ const LabeledRadioGroup = (props) => {
     axis: "y",
     _gap: "base"
   };
-  return jsxRuntime.jsxs(Stack, { as: "fieldset", "aria-describedby": semanticId, className: classNames__default.default(className), _gap: "s", children: [title && jsxRuntime.jsx("legend", { className: "ui:contents", children: jsxRuntime.jsx(Text, { children: title }) }), jsxRuntime.jsx(Stack, Object.assign({}, orientationProps, { children })), jsxRuntime.jsx(HelperAndErrorText, { helperText: props.helperText, errorText: props.errorText, describingId: semanticId })] });
+  return jsxRuntime.jsxs(Stack, { as: "fieldset", "aria-describedby": semanticId, className: classNames__default.default(className), _gap: "base", children: [title && jsxRuntime.jsx(FieldsetLegend, { children: title }), jsxRuntime.jsx(Stack, Object.assign({}, orientationProps, { children })), jsxRuntime.jsx(HelperAndErrorText, { helperText: props.helperText, errorText: props.errorText, describingId: semanticId })] });
 };
 
 const ConfirmationDialogChoices = (props) => {
@@ -2501,9 +2512,19 @@ const calculateResponsiveGrowClasses = (size) => {
 
 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"]);
+  const inputRef = React__namespace.default.useRef(null);
+  React__namespace.default.useImperativeHandle(ref, () => inputRef.current);
   const hasPrefix = !!prefix;
   const hasSuffix = !!suffix;
   const hasNoExtraContent = !hasPrefix && !hasSuffix;
+  const focusInput = (event) => {
+    var _a2;
+    if (attributes.disabled) {
+      return;
+    }
+    event.preventDefault();
+    (_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.focus();
+  };
   const heightClasses = {
     md: "ui:h-form-md",
     lg: "ui:h-form-lg"
@@ -2517,12 +2538,16 @@ 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", 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: {
+  }, "ui:flex ui:flex-col ui:items-center", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), onMouseDown: focusInput, children: suffix || prefix }), jsxRuntime.jsxs("div", { className: classNames__default.default("ui:relative", calculateResponsiveGrowClasses(width)), children: [icon && jsxRuntime.jsx("div", { className: classNames__default.default(
+    // Let clicks on the icon fall through to the input underneath
+    "ui:pointer-events-none ui:absolute ui:left-4 ui:top-1/2",
+    {
+      "ui:grow": width === "full"
+    }
+  ), style: {
     transform: "translateY(-50%)",
     zIndex: 20
-  }, children: jsxRuntime.jsx(IconComponentOrKey, { name: icon, className: "ui:h-6 ui:w-6 ui:text-slate-300" }) }), jsxRuntime.jsx("input", Object.assign({ ref, className: classNames__default.default("ui:block", calculateResponsiveWidthClasses(width), { "ui:pl-12": icon }, {
+  }, children: jsxRuntime.jsx(IconComponentOrKey, { name: icon, className: "ui:h-6 ui:w-6 ui:text-slate-300" }) }), jsxRuntime.jsx("input", Object.assign({ ref: inputRef, className: classNames__default.default("ui:block", calculateResponsiveWidthClasses(width), { "ui:pl-12": icon }, {
     "ui:bg-slate-50 ui:text-slate-400": attributes.disabled,
     "ui:text-slate-800": !attributes.disabled,
     "ui:border-input-border": !attributes.disabled && !isError,
@@ -2669,14 +2694,16 @@ const LabeledDatePicker = (_a) => {
     "ui:!border-negative-border": isError,
     "ui:!focus:outline-negative": isError
   }, classNameFromProps);
-  return jsxRuntime.jsxs(Stack, { as: "label", _gap: "s", align: fullWidth ? "stretch" : void 0, children: [label && jsxRuntime.jsx(LabelText, { children: label }), jsxRuntime.jsx(DatePicker, Object.assign({}, props, { className: datePickerClassNames, "aria-describedby": helperErrorTextId })), jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
+  return jsxRuntime.jsxs(Stack, { as: "label", _gap: "base", align: fullWidth ? "stretch" : void 0, children: [label && jsxRuntime.jsx(LabelText, { as: "span", className: "ui:block", children: label }), jsxRuntime.jsx(DatePicker, Object.assign({}, props, { className: datePickerClassNames, "aria-describedby": helperErrorTextId })), jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
 };
 
 const LabeledInput = React__namespace.default.forwardRef((props, ref) => {
-  const { className, helperText, errorText, label, width, fullWidth, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "width", "fullWidth", "aria-describedby"]);
+  const { className, helperText, errorText, label, width, fullWidth, id, "aria-describedby": ariaDescribedBy } = props, rest = __rest(props, ["className", "helperText", "errorText", "label", "width", "fullWidth", "id", "aria-describedby"]);
+  const generatedInputId = React__namespace.default.useId();
+  const inputId = id || generatedInputId;
   const helperErrorTextId = React__namespace.default.useId();
   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 })] });
+  return jsxRuntime.jsxs(Stack, { _gap: "base", align: fieldWidth ? "stretch" : void 0, className: classNames__default.default(fieldWidth && calculateResponsiveWidthClasses(fieldWidth), className), children: [label && jsxRuntime.jsx(LabelText, { as: "label", htmlFor: inputId, children: label }), jsxRuntime.jsx(StyledInput, Object.assign({}, rest, { id: inputId, ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].filter(Boolean).join(" ") })), jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
 });
 
 const Actions$1 = (props) => {
@@ -4518,7 +4545,7 @@ const Select = React__namespace.default.forwardRef((_a, innerRef) => {
 const LabeledSelect = 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 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(StyledSelect, Object.assign({}, rest, { ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].join(" ") })), jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
+  return jsxRuntime.jsxs(Stack, { as: "label", _gap: "base", align: fullWidth ? "stretch" : void 0, className, children: [label && jsxRuntime.jsx(LabelText, { as: "span", className: "ui:block", children: props.label }), jsxRuntime.jsx(StyledSelect, Object.assign({}, rest, { ref, isError: Boolean(errorText), "aria-describedby": [ariaDescribedBy, helperErrorTextId].join(" ") })), jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId })] });
 });
 
 const LabeledSelectSearchable = React__namespace.default.forwardRef((props, ref) => {
@@ -4528,7 +4555,7 @@ const LabeledSelectSearchable = React__namespace.default.forwardRef((props, ref)
   const errorMessageId = React__namespace.default.useId();
   const hasError = Boolean(errorText);
   const labelledBy = [ariaLabelledBy, label ? labelId : void 0].filter(Boolean).join(" ") || void 0;
-  return jsxRuntime.jsxs(Stack, { _gap: "s", align: fullWidth ? "stretch" : void 0, className, children: [label && jsxRuntime.jsx(Box, { id: labelId, children: jsxRuntime.jsx(LabelText, { children: label }) }), jsxRuntime.jsx(Select, Object.assign({}, rest, { ref, isError: hasError, "aria-labelledby": labelledBy, "aria-invalid": hasError || void 0, "aria-errormessage": hasError ? errorMessageId : void 0 })), jsxRuntime.jsx("div", { id: errorMessageId, "aria-live": "polite", children: jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId }) })] });
+  return jsxRuntime.jsxs(Stack, { _gap: "base", align: fullWidth ? "stretch" : void 0, className, children: [label && jsxRuntime.jsx(Box, { id: labelId, children: jsxRuntime.jsx(LabelText, { as: "span", className: "ui:block", children: label }) }), jsxRuntime.jsx(Select, Object.assign({}, rest, { ref, isError: hasError, "aria-labelledby": labelledBy, "aria-invalid": hasError || void 0, "aria-errormessage": hasError ? errorMessageId : void 0 })), jsxRuntime.jsx("div", { id: errorMessageId, "aria-live": "polite", className: classNames__default.default({ "ui:sr-only": !helperText && !errorText }), children: jsxRuntime.jsx(HelperAndErrorText, { helperText, errorText, describingId: helperErrorTextId }) })] });
 });
 
 const useOutsideClick = (ref, callback) => {