@moser-inc/moser-labs-react 7.2.3 → 7.3.1

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import { ButtonProps } from "primereact/button";
 import { Calendar, CalendarProps, CalendarSelectionMode } from "primereact/calendar";
 import * as primereact_checkbox0 from "primereact/checkbox";
 import { CheckboxProps } from "primereact/checkbox";
-import { MotionProps } from "motion/react";
+import { MotionProps, motion } from "motion/react";
 import { MenuProps } from "primereact/menu";
 import { SpeedDialProps } from "primereact/speeddial";
 import { MultiSelectChangeEvent, MultiSelectProps } from "primereact/multiselect";
@@ -55,8 +55,8 @@ declare const LabsCalendarBase: {
 };
 declare const LabsCalendar: <TMode extends CalendarSelectionMode = "single", TValue = (TMode extends "multiple" ? Date[] : TMode extends "range" ? (Date | null)[] : Date)>(props: LabsCalendarProps<TMode, TValue> & react.RefAttributes<Calendar<TMode, TValue>>) => React.ReactElement | null;
 //#endregion
-//#region src/components/FieldContainer/FieldContainer.d.ts
-interface FieldContainerProps {
+//#region src/components/LabsFieldContainer.d.ts
+interface LabsFieldContainerProps {
   id: string;
   containerId?: string;
   labelId?: string;
@@ -69,34 +69,55 @@ interface FieldContainerProps {
   className?: string;
   children?: ReactNode;
 }
+declare const LabsFieldContainer: ({
+  id,
+  containerId,
+  labelId,
+  messageId,
+  hintId,
+  label,
+  message,
+  hint,
+  animation,
+  children,
+  ...rest
+}: LabsFieldContainerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/LabsCheckbox.d.ts
-type FieldProps$6 = Partial<CheckboxProps> & FieldContainerProps;
+type FieldProps$6 = Partial<CheckboxProps> & LabsFieldContainerProps;
 type LabsCheckboxProps = FieldProps$6;
 declare const LabsCheckbox: {
   (props: LabsCheckboxProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion
-//#region src/components/LabsCount.d.ts
-interface LabsCountProps {
-  count: number | string;
-  plural: string;
-  singular: string;
-  showCount?: boolean;
-}
-declare const LabsCount: React.FC<LabsCountProps>;
-//#endregion
-//#region src/components/FieldContainer/FieldContainerInput.d.ts
-interface FieldContainerInputProps extends FieldContainerProps {
+//#region src/components/LabsFieldContainerInput.d.ts
+interface LabsFieldContainerInputProps extends LabsFieldContainerProps {
   solo?: boolean;
   floatLabel?: boolean;
   prependIcon?: string;
   appendIcon?: string;
 }
+declare const LabsFieldContainerInput: ({
+  id,
+  containerId,
+  labelId,
+  messageId,
+  hintId,
+  label,
+  message,
+  hint,
+  solo,
+  floatLabel,
+  prependIcon,
+  appendIcon,
+  className,
+  children,
+  ...rest
+}: LabsFieldContainerInputProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/LabsDate.d.ts
-type FieldProps$5<TMode extends CalendarSelectionMode = 'single', TValue = (TMode extends 'multiple' ? Date[] : TMode extends 'range' ? (Date | null)[] : Date)> = LabsCalendarProps<TMode, TValue> & FieldContainerInputProps;
+type FieldProps$5<TMode extends CalendarSelectionMode = 'single', TValue = (TMode extends 'multiple' ? Date[] : TMode extends 'range' ? (Date | null)[] : Date)> = LabsCalendarProps<TMode, TValue> & LabsFieldContainerInputProps;
 type LabsDateProps<TMode extends CalendarSelectionMode = 'single', TValue = (TMode extends 'multiple' ? Date[] : TMode extends 'range' ? (Date | null)[] : Date)> = FieldProps$5<TMode, TValue>;
 declare const LabsDate: <TMode extends CalendarSelectionMode = "single", TValue = (TMode extends "multiple" ? Date[] : TMode extends "range" ? (Date | null)[] : Date)>(props: LabsDateProps<TMode, TValue>) => react_jsx_runtime0.JSX.Element;
 //#endregion
@@ -113,6 +134,59 @@ declare const LabsEmpty: ({
   ...rest
 }: LabsEmptyProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region src/components/LabsFieldContainerHint.d.ts
+type BaseProps = Omit<ComponentProps<typeof motion.span>, 'children'>;
+interface LabsFieldContainerHintProps extends BaseProps {
+  id: string;
+  hintId?: string;
+  hint?: string;
+  solo?: boolean;
+  children?: ReactNode;
+}
+declare const LabsFieldContainerHint: ({
+  id,
+  hintId,
+  hint,
+  solo,
+  children,
+  className,
+  ...rest
+}: LabsFieldContainerHintProps) => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/LabsFieldContainerLabel.d.ts
+interface LabsFieldContainerLabelProps extends ComponentProps<typeof motion.label> {
+  id: string;
+  labelId?: string;
+  label?: string;
+  solo?: boolean;
+}
+declare const LabsFieldContainerLabel: ({
+  id,
+  labelId,
+  label,
+  solo,
+  children,
+  className,
+  ...rest
+}: LabsFieldContainerLabelProps) => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/LabsFieldContainerMessage.d.ts
+interface LabsFieldContainerMessageProps extends ComponentProps<typeof motion.span> {
+  id: string;
+  messageId?: string;
+  message?: string;
+  solo?: boolean;
+}
+declare const LabsFieldContainerMessage: ({
+  id,
+  messageId,
+  message,
+  solo,
+  children,
+  className,
+  ...rest
+}: LabsFieldContainerMessageProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/components/LabsLoader.d.ts
 interface LabsLoaderProps extends ProgressSpinnerProps {
   label?: string;
@@ -260,7 +334,7 @@ interface LabsMultiSelectOption<T = unknown> {
   disabled?: boolean;
   items?: LabsMultiSelectOption<T>[];
 }
-type FieldProps$4 = Partial<MultiSelectProps> & FieldContainerInputProps;
+type FieldProps$4 = Partial<MultiSelectProps> & LabsFieldContainerInputProps;
 type LabsMultiSelectChangeEvent<TValue> = Omit<MultiSelectChangeEvent, 'value' | 'selectedOption'> & {
   value: TValue[];
   selectedOption: LabsMultiSelectOption<TValue>;
@@ -282,7 +356,7 @@ interface LabsSelectOption<T = unknown> {
   disabled?: boolean;
   items?: LabsSelectOption<T>[];
 }
-type FieldProps$3 = Partial<DropdownProps> & FieldContainerInputProps;
+type FieldProps$3 = Partial<DropdownProps> & LabsFieldContainerInputProps;
 interface LabsSelectProps<TValue extends string | number> extends FieldProps$3 {
   value?: TValue;
   options?: LabsSelectOption<TValue>[];
@@ -300,7 +374,7 @@ interface LabsSelectCascadeOption<T = unknown> {
   disabled?: boolean;
   items?: LabsSelectCascadeOption<T>[];
 }
-type FieldProps$2 = Partial<CascadeSelectProps> & FieldContainerInputProps;
+type FieldProps$2 = Partial<CascadeSelectProps> & LabsFieldContainerInputProps;
 type LabsSelectCascadeChangeEvent<TValue> = Omit<CascadeSelectChangeEvent, 'value'> & {
   value: TValue;
 };
@@ -312,24 +386,24 @@ interface LabsSelectCascadeProps<TValue extends string | number> extends FieldPr
 declare const LabsSelectCascade: <TValue extends string | number>(props: LabsSelectCascadeProps<TValue>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/LabsText.d.ts
-type FieldProps$1 = Partial<InputTextProps> & FieldContainerInputProps;
+type FieldProps$1 = Partial<InputTextProps> & LabsFieldContainerInputProps;
 type LabsTextProps = FieldProps$1;
 type LabsTextElement = HTMLInputElement;
-declare const LabsText: react.ForwardRefExoticComponent<Partial<InputTextProps> & FieldContainerInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const LabsText: react.ForwardRefExoticComponent<Partial<InputTextProps> & LabsFieldContainerInputProps & react.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/LabsTextCurrency.d.ts
 type LabsTextCurrencyProps = LabsTextProps;
-declare const LabsTextCurrency: react.ForwardRefExoticComponent<Partial<primereact_inputtext0.InputTextProps> & FieldContainerInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const LabsTextCurrency: react.ForwardRefExoticComponent<Partial<primereact_inputtext0.InputTextProps> & LabsFieldContainerInputProps & react.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/LabsTextSearch.d.ts
 type LabsTextSearchProps = LabsTextProps;
-declare const LabsTextSearch: react.ForwardRefExoticComponent<Partial<primereact_inputtext0.InputTextProps> & FieldContainerInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const LabsTextSearch: react.ForwardRefExoticComponent<Partial<primereact_inputtext0.InputTextProps> & LabsFieldContainerInputProps & react.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/LabsTextarea.d.ts
-type FieldProps = Partial<InputTextareaProps> & FieldContainerInputProps;
+type FieldProps = Partial<InputTextareaProps> & LabsFieldContainerInputProps;
 type LabsTextareaProps = FieldProps;
 type LabsTextareaElement = HTMLTextAreaElement;
-declare const LabsTextarea: react.ForwardRefExoticComponent<Partial<InputTextareaProps> & FieldContainerInputProps & react.RefAttributes<HTMLTextAreaElement>>;
+declare const LabsTextarea: react.ForwardRefExoticComponent<Partial<InputTextareaProps> & LabsFieldContainerInputProps & react.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 //#region src/components/LabsToggle.d.ts
 interface LabsToggleProps {
@@ -20967,4 +21041,4 @@ declare const toLabsTextareaProps: <TValues extends FieldValues = FieldValues, T
   name: TName;
 };
 //#endregion
-export { ControllerRenderParams, DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, DirectoryValueBase, KeycloakUser, LABS_MAIN_ID, LabsAnalyticsContext, LabsAnalyticsInstance, LabsAnalyticsProvider, LabsAnalyticsProviderProps, LabsAuthContext, LabsAuthContextValue, LabsAuthGate, LabsAuthGateProps, LabsAuthProvider, LabsAuthProviderProps, LabsButton, LabsButtonProps, LabsCalendar, LabsCalendarBase, LabsCalendarProps, LabsCheckbox, LabsCheckboxProps, LabsContext, LabsContextValue, LabsCount, LabsDate, LabsDateProps, LabsEmpty, LabsEmptyProps, LabsHeadProvider, LabsHeadProviderProps, LabsLoader, LabsLoaderProps, LabsLogoutTimer, LabsLogoutTimerProps, LabsMain, LabsMainDesktopNav, LabsMainDesktopNavProps, LabsMainHeader, LabsMainHeaderActions, LabsMainHeaderProps, LabsMainMobileNav, LabsMainMobileNavProps, LabsMainProps, LabsMenuNav, LabsMenuNavProps, LabsMultiSelect, LabsMultiSelectChangeEvent, LabsMultiSelectOption, LabsMultiSelectProps, LabsPrimeProvider, LabsPrimeProviderProps, LabsProvider, LabsProviderProps, LabsSelect, LabsSelectCascade, LabsSelectCascadeOption, LabsSelectCascadeProps, LabsSelectOption, LabsSelectProps, LabsSpeedDialNav, LabsSpeedDialNavProps, LabsText, LabsTextCurrency, LabsTextCurrencyProps, LabsTextElement, LabsTextProps, LabsTextSearch, LabsTextSearchProps, LabsTextarea, LabsTextareaElement, LabsTextareaProps, LabsToggle, LabsToggleProps, LayoutBase, LayoutBaseProps, LayoutCentered, LayoutCenteredProps, LayoutMain, LayoutMainProps, Role, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };
+export { ControllerRenderParams, DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, DirectoryValueBase, KeycloakUser, LABS_MAIN_ID, LabsAnalyticsContext, LabsAnalyticsInstance, LabsAnalyticsProvider, LabsAnalyticsProviderProps, LabsAuthContext, LabsAuthContextValue, LabsAuthGate, LabsAuthGateProps, LabsAuthProvider, LabsAuthProviderProps, LabsButton, LabsButtonProps, LabsCalendar, LabsCalendarBase, LabsCalendarProps, LabsCheckbox, LabsCheckboxProps, LabsContext, LabsContextValue, LabsDate, LabsDateProps, LabsEmpty, LabsEmptyProps, LabsFieldContainer, LabsFieldContainerHint, LabsFieldContainerHintProps, LabsFieldContainerInput, LabsFieldContainerInputProps, LabsFieldContainerLabel, LabsFieldContainerLabelProps, LabsFieldContainerMessage, LabsFieldContainerMessageProps, LabsFieldContainerProps, LabsHeadProvider, LabsHeadProviderProps, LabsLoader, LabsLoaderProps, LabsLogoutTimer, LabsLogoutTimerProps, LabsMain, LabsMainDesktopNav, LabsMainDesktopNavProps, LabsMainHeader, LabsMainHeaderActions, LabsMainHeaderProps, LabsMainMobileNav, LabsMainMobileNavProps, LabsMainProps, LabsMenuNav, LabsMenuNavProps, LabsMultiSelect, LabsMultiSelectChangeEvent, LabsMultiSelectOption, LabsMultiSelectProps, LabsPrimeProvider, LabsPrimeProviderProps, LabsProvider, LabsProviderProps, LabsSelect, LabsSelectCascade, LabsSelectCascadeOption, LabsSelectCascadeProps, LabsSelectOption, LabsSelectProps, LabsSpeedDialNav, LabsSpeedDialNavProps, LabsText, LabsTextCurrency, LabsTextCurrencyProps, LabsTextElement, LabsTextProps, LabsTextSearch, LabsTextSearchProps, LabsTextarea, LabsTextareaElement, LabsTextareaProps, LabsToggle, LabsToggleProps, LayoutBase, LayoutBaseProps, LayoutCentered, LayoutCenteredProps, LayoutMain, LayoutMainProps, Role, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };

package/dist/index.js

@@ -29,7 +29,7 @@ import { InputTextarea } from "primereact/inputtextarea";
 import { Panel } from "primereact/panel";
 //#endregion
 //#region src/constants/app.ts
-const VERSION = "7.2.3";
+const VERSION = "7.3.1";
 //#endregion
 //#region src/lib/head/headContext.tsx
 const head = createHead();
@@ -352,8 +352,8 @@ const toFieldSharedProps = (fieldProps) => {
 	return { className: clsx("w-full", { "p-invalid": !!fieldProps.message }) };
 };
 //#endregion
-//#region src/components/FieldContainer/FieldContainerHint.tsx
-const FieldContainerHint = ({ id, hintId = `${id}-hint`, hint, solo = false, children = hint, className, ...rest }) => {
+//#region src/components/LabsFieldContainerHint.tsx
+const LabsFieldContainerHint = ({ id, hintId = `${id}-hint`, hint, solo = false, children = hint, className, ...rest }) => {
 	if (!children) return null;
 	return /* @__PURE__ */ jsx(motion.span, {
 		id: hintId,
@@ -363,8 +363,8 @@ const FieldContainerHint = ({ id, hintId = `${id}-hint`, hint, solo = false, chi
 	});
 };
 //#endregion
-//#region src/components/FieldContainer/FieldContainerLabel.tsx
-const FieldContainerLabel = ({ id, labelId = `${id}-label`, label, solo = false, children = label, className, ...rest }) => {
+//#region src/components/LabsFieldContainerLabel.tsx
+const LabsFieldContainerLabel = ({ id, labelId = `${id}-label`, label, solo = false, children = label, className, ...rest }) => {
 	if (!children) return null;
 	return /* @__PURE__ */ jsx(motion.label, {
 		id: labelId,
@@ -498,8 +498,8 @@ const scaleFadeSubtleAnimation = {
 	exit: "exit"
 };
 //#endregion
-//#region src/components/FieldContainer/FieldContainerMessage.tsx
-const FieldContainerMessage = ({ id, messageId = `${id}-message`, message, solo = false, children = message, className, ...rest }) => {
+//#region src/components/LabsFieldContainerMessage.tsx
+const LabsFieldContainerMessage = ({ id, messageId = `${id}-message`, message, solo = false, children = message, className, ...rest }) => {
 	return /* @__PURE__ */ jsx(AnimatePresence, {
 		mode: "wait",
 		children: children ? /* @__PURE__ */ jsx(motion.span, {
@@ -514,27 +514,27 @@ const FieldContainerMessage = ({ id, messageId = `${id}-message`, message, solo
 	});
 };
 //#endregion
-//#region src/components/FieldContainer/FieldContainer.tsx
-const FieldContainer = ({ id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, children, ...rest }) => {
+//#region src/components/LabsFieldContainer.tsx
+const LabsFieldContainer = ({ id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, children, ...rest }) => {
 	return /* @__PURE__ */ jsxs(motion.div, {
 		id: containerId,
 		...animation,
 		...rest,
 		children: [
-			/* @__PURE__ */ jsx(FieldContainerLabel, {
+			/* @__PURE__ */ jsx(LabsFieldContainerLabel, {
 				id,
 				labelId,
 				label,
 				className: "text-xs block"
 			}),
 			children,
-			/* @__PURE__ */ jsx(FieldContainerMessage, {
+			/* @__PURE__ */ jsx(LabsFieldContainerMessage, {
 				id,
 				messageId,
 				message,
 				className: "text-xs block"
 			}),
-			!message && /* @__PURE__ */ jsx(FieldContainerHint, {
+			!message && /* @__PURE__ */ jsx(LabsFieldContainerHint, {
 				id,
 				hintId,
 				hint,
@@ -547,7 +547,7 @@ const FieldContainer = ({ id, containerId = `${id}-container`, labelId = `${id}-
 //#region src/components/LabsCheckbox.tsx
 const LabsCheckbox = (props) => {
 	const { id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, className, checked = false, ...rest } = props;
-	return /* @__PURE__ */ jsxs(FieldContainer, {
+	return /* @__PURE__ */ jsxs(LabsFieldContainer, {
 		id,
 		containerId,
 		labelId,
@@ -564,7 +564,7 @@ const LabsCheckbox = (props) => {
 			inputId: id,
 			"aria-describedby": messageId,
 			className: "shrink"
-		}), /* @__PURE__ */ jsx(FieldContainerLabel, {
+		}), /* @__PURE__ */ jsx(LabsFieldContainerLabel, {
 			id,
 			labelId,
 			label,
@@ -574,21 +574,9 @@ const LabsCheckbox = (props) => {
 };
 LabsCheckbox.displayName = "LabsCheckbox";
 //#endregion
-//#region src/utils/pluralize.ts
-const pluralize = (count, singular, plural, inclusive = false) => {
-	const parsedCount = !isNaN(Number(count)) ? Number(count) : 0;
-	if (!inclusive) return parsedCount === 1 ? singular : plural;
-	return `${parsedCount} ${parsedCount === 1 ? singular : plural}`;
-};
-//#endregion
-//#region src/components/LabsCount.tsx
-const LabsCount = ({ count, plural, singular, showCount = true }) => {
-	return /* @__PURE__ */ jsx("span", { children: pluralize(count, singular, plural, showCount) });
-};
-//#endregion
-//#region src/components/FieldContainer/FieldContainerInput.tsx
-const FieldContainerInput = ({ id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, solo = false, floatLabel = false, prependIcon, appendIcon, className, children, ...rest }) => {
-	return /* @__PURE__ */ jsxs(FieldContainer, {
+//#region src/components/LabsFieldContainerInput.tsx
+const LabsFieldContainerInput = ({ id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, solo = false, floatLabel = false, prependIcon, appendIcon, className, children, ...rest }) => {
+	return /* @__PURE__ */ jsxs(LabsFieldContainer, {
 		id,
 		containerId,
 		labelId,
@@ -597,7 +585,7 @@ const FieldContainerInput = ({ id, containerId = `${id}-container`, labelId = `$
 		className: clsx(className, "flex flex-col gap-1"),
 		...rest,
 		children: [
-			!floatLabel && /* @__PURE__ */ jsx(FieldContainerLabel, {
+			!floatLabel && /* @__PURE__ */ jsx(LabsFieldContainerLabel, {
 				id,
 				labelId,
 				label,
@@ -615,21 +603,21 @@ const FieldContainerInput = ({ id, containerId = `${id}-container`, labelId = `$
 					prependIcon && /* @__PURE__ */ jsx("i", { className: `${prependIcon} p-input-icon` }),
 					appendIcon && /* @__PURE__ */ jsx("i", { className: `${appendIcon} p-input-icon` }),
 					children,
-					floatLabel && /* @__PURE__ */ jsx(FieldContainerLabel, {
+					floatLabel && /* @__PURE__ */ jsx(LabsFieldContainerLabel, {
 						id,
 						labelId,
 						label
 					})
 				]
 			}),
-			/* @__PURE__ */ jsx(FieldContainerMessage, {
+			/* @__PURE__ */ jsx(LabsFieldContainerMessage, {
 				id,
 				messageId,
 				message,
 				solo,
 				className: "text-xs"
 			}),
-			!message && /* @__PURE__ */ jsx(FieldContainerHint, {
+			!message && /* @__PURE__ */ jsx(LabsFieldContainerHint, {
 				id,
 				hintId,
 				hint,
@@ -643,7 +631,7 @@ const FieldContainerInput = ({ id, containerId = `${id}-container`, labelId = `$
 //#region src/components/LabsDate.tsx
 const LabsDate = (props) => {
 	const { id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, solo, floatLabel, prependIcon, appendIcon, className, ...rest } = props;
-	return /* @__PURE__ */ jsx(FieldContainerInput, {
+	return /* @__PURE__ */ jsx(LabsFieldContainerInput, {
 		id,
 		containerId,
 		labelId,
@@ -829,7 +817,7 @@ const LabsMainHeaderActions = () => {
 //#region src/components/LabsMultiSelect.tsx
 const LabsMultiSelect = (props) => {
 	const { id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, solo, floatLabel, prependIcon, appendIcon, className, ...rest } = props;
-	return /* @__PURE__ */ jsx(FieldContainerInput, {
+	return /* @__PURE__ */ jsx(LabsFieldContainerInput, {
 		id,
 		containerId,
 		labelId,
@@ -857,7 +845,7 @@ const LabsMultiSelect = (props) => {
 //#region src/components/LabsSelect.tsx
 const LabsSelect = (props) => {
 	const { id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, solo, floatLabel, prependIcon, appendIcon, className, ...rest } = props;
-	return /* @__PURE__ */ jsx(FieldContainerInput, {
+	return /* @__PURE__ */ jsx(LabsFieldContainerInput, {
 		id,
 		containerId,
 		labelId,
@@ -885,7 +873,7 @@ const LabsSelect = (props) => {
 //#region src/components/LabsSelectCascade.tsx
 const LabsSelectCascade = (props) => {
 	const { id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, solo, floatLabel, prependIcon, appendIcon, className, ...rest } = props;
-	return /* @__PURE__ */ jsx(FieldContainerInput, {
+	return /* @__PURE__ */ jsx(LabsFieldContainerInput, {
 		id,
 		containerId,
 		labelId,
@@ -913,7 +901,7 @@ const LabsSelectCascade = (props) => {
 //#region src/components/LabsText.tsx
 const LabsText = forwardRef((props, ref) => {
 	const { id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, solo, floatLabel, prependIcon, appendIcon, className, ...rest } = props;
-	return /* @__PURE__ */ jsx(FieldContainerInput, {
+	return /* @__PURE__ */ jsx(LabsFieldContainerInput, {
 		id,
 		containerId,
 		labelId,
@@ -966,7 +954,7 @@ LabsTextSearch.displayName = "LabsTextSearch";
 //#region src/components/LabsTextarea.tsx
 const LabsTextarea = forwardRef((props, ref) => {
 	const { id, containerId = `${id}-container`, labelId = `${id}-label`, messageId = `${id}-message`, hintId = `${id}-hint`, label, message, hint, animation, solo, floatLabel, prependIcon, appendIcon, className, ...rest } = props;
-	return /* @__PURE__ */ jsx(FieldContainerInput, {
+	return /* @__PURE__ */ jsx(LabsFieldContainerInput, {
 		id,
 		containerId,
 		labelId,
@@ -1125,6 +1113,13 @@ const toPrecision = (number = 0, precision = 2) => {
 	return round(isFinite(parsedNumber) ? parsedNumber : 0, precision).toFixed(precision);
 };
 //#endregion
+//#region src/utils/pluralize.ts
+const pluralize = (count, singular, plural, inclusive = false) => {
+	const parsedCount = !isNaN(Number(count)) ? Number(count) : 0;
+	if (!inclusive) return parsedCount === 1 ? singular : plural;
+	return `${parsedCount} ${parsedCount === 1 ? singular : plural}`;
+};
+//#endregion
 //#region src/utils/reactHookFormHelpers.ts
 const toFieldContainerProps = (fieldState) => ({ message: fieldState.error?.message });
 const toLabsCheckboxProps = ({ field: { ref, value, ...field }, fieldState }) => ({
@@ -1177,4 +1172,4 @@ const toLabsTextareaProps = ({ field: { ref, value, ...field }, fieldState }) =>
 	value
 });
 //#endregion
-export { DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, LABS_MAIN_ID, LabsAnalyticsContext, LabsAnalyticsProvider, LabsAuthContext, LabsAuthGate, LabsAuthProvider, LabsButton, LabsCalendar, LabsCalendarBase, LabsCheckbox, LabsContext, LabsCount, LabsDate, LabsEmpty, LabsHeadProvider, LabsLoader, LabsLogoutTimer, LabsMain, LabsMainDesktopNav, LabsMainHeader, LabsMainHeaderActions, LabsMainMobileNav, LabsMenuNav, LabsMultiSelect, LabsPrimeProvider, LabsProvider, LabsSelect, LabsSelectCascade, LabsSpeedDialNav, LabsText, LabsTextCurrency, LabsTextSearch, LabsTextarea, LabsToggle, LayoutBase, LayoutCentered, LayoutMain, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };
+export { DEFAULT_TRANSITION, DEFAULT_TRANSITION_MS, DEFAULT_TRANSITION_SECONDS, LABS_MAIN_ID, LabsAnalyticsContext, LabsAnalyticsProvider, LabsAuthContext, LabsAuthGate, LabsAuthProvider, LabsButton, LabsCalendar, LabsCalendarBase, LabsCheckbox, LabsContext, LabsDate, LabsEmpty, LabsFieldContainer, LabsFieldContainerHint, LabsFieldContainerInput, LabsFieldContainerLabel, LabsFieldContainerMessage, LabsHeadProvider, LabsLoader, LabsLogoutTimer, LabsMain, LabsMainDesktopNav, LabsMainHeader, LabsMainHeaderActions, LabsMainMobileNav, LabsMenuNav, LabsMultiSelect, LabsPrimeProvider, LabsProvider, LabsSelect, LabsSelectCascade, LabsSpeedDialNav, LabsText, LabsTextCurrency, LabsTextSearch, LabsTextarea, LabsToggle, LayoutBase, LayoutCentered, LayoutMain, VERSION, auth, fadeAnimation, getParsedUserInfo, pluralize, refreshToken, scaleFadeAnimation, scaleFadeSubtleAnimation, slideYFadeAnimation, slideYFadeReverseAnimation, toCurrency, toFieldContainerProps, toLabsCheckboxProps, toLabsDateProps, toLabsMultiSelectProps, toLabsSelectCascadeProps, toLabsSelectProps, toLabsTextCurrencyProps, toLabsTextProps, toLabsTextSearchProps, toLabsTextareaProps, toPrecision, useAnalytics, useAuth, useBreakpoints, useLabs, withAuthHeader };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moser-inc/moser-labs-react",
-  "version": "7.2.3",
+  "version": "7.3.1",
   "description": "React components for the Moser Labs suite of applications.",
   "license": "UNLICENSED",
   "author": "Moser Consulting",