npm - @cerberus-design/react - Versions diffs - 0.5.2-next-782341c → 0.5.2-next-41ff124 - Mend

@cerberus-design/react 0.5.2-next-782341c → 0.5.2-next-41ff124

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (50) hide show

package/build/legacy/_tsup-dts-rollup.d.ts CHANGED Viewed

@@ -4,10 +4,13 @@ import { ButtonHTMLAttributes } from 'react';
 import type { ConditionalValue } from '@cerberus/styled-system/types';
 import { Context } from 'react';
 import { ElementType } from 'react';
+import { fieldMessage } from '@cerberus/styled-system/recipes';
 import { HTMLAttributes } from 'react';
 import { iconButton } from '@cerberus/styled-system/recipes';
+import { input } from '@cerberus/styled-system/recipes';
 import type { InputHTMLAttributes } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { label } from '@cerberus/styled-system/recipes';
 import { MutableRefObject } from 'react';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
@@ -89,16 +92,24 @@ declare function FieldMessage(props: FieldMessageProps): JSX_2.Element;
 export { FieldMessage }
 export { FieldMessage as FieldMessage_alias_1 }
-/**
- * This module contains the FieldMessage component.
- * @module
- */
-declare interface FieldMessageProps extends HTMLAttributes<HTMLParagraphElement> {
+declare interface FieldMessageBaseProps extends HTMLAttributes<HTMLParagraphElement> {
     id: string;
 }
+export { FieldMessageBaseProps }
+export { FieldMessageBaseProps as FieldMessageBaseProps_alias_1 }
+declare type FieldMessageProps = FieldMessageBaseProps & FieldMessageRecipe;
 export { FieldMessageProps }
 export { FieldMessageProps as FieldMessageProps_alias_1 }
+/**
+ * This module contains the FieldMessage component.
+ * @module
+ */
+declare type FieldMessageRecipe = RecipeVariantProps<typeof fieldMessage>;
+export { FieldMessageRecipe }
+export { FieldMessageRecipe as FieldMessageRecipe_alias_1 }
 declare function getPosition(position: Positions): GetPositionResult;
 export { getPosition }
 export { getPosition as getPosition_alias_1 }
@@ -128,7 +139,7 @@ export { IconButtonProps as IconButtonProps_alias_1 }
  */
 declare interface IconButtonRawProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     ariaLabel: string;
-    tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
+    tooltipPosition?: Positions;
 }
 export { IconButtonRawProps }
 export { IconButtonRawProps as IconButtonRawProps_alias_1 }
@@ -141,14 +152,21 @@ declare function Input(props: InputProps): JSX_2.Element;
 export { Input }
 export { Input as Input_alias_1 }
-declare interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'size'> {
+declare interface InputBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'size'> {
     describedBy?: string;
     id: string;
-    size?: 'sm' | 'md' | 'lg';
 }
+export { InputBaseProps }
+export { InputBaseProps as InputBaseProps_alias_1 }
+declare type InputProps = InputBaseProps & InputRecipeProps;
 export { InputProps }
 export { InputProps as InputProps_alias_1 }
+declare type InputRecipeProps = RecipeVariantProps<typeof input>;
+export { InputRecipeProps }
+export { InputRecipeProps as InputRecipeProps_alias_1 }
 /**
  * A screen ready friendly label component.
  * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)
@@ -164,17 +182,25 @@ declare function Label(props: PropsWithChildren<LabelProps>): JSX_2.Element;
 export { Label }
 export { Label as Label_alias_1 }
-/**
- * This module contains the Label component.
- * @module
- */
-declare interface LabelProps extends HTMLAttributes<HTMLLabelElement> {
+declare interface LabelBaseProps extends HTMLAttributes<HTMLLabelElement> {
     htmlFor: string;
     hidden?: boolean;
 }
+export { LabelBaseProps }
+export { LabelBaseProps as LabelBaseProps_alias_1 }
+declare type LabelProps = LabelBaseProps & LabelRecipeProps;
 export { LabelProps }
 export { LabelProps as LabelProps_alias_1 }
+/**
+ * This module contains the Label component.
+ * @module
+ */
+declare type LabelRecipeProps = RecipeVariantProps<typeof label>;
+export { LabelRecipeProps }
+export { LabelRecipeProps as LabelRecipeProps_alias_1 }
 declare const MODE_KEY = "cerberus-mode";
 export { MODE_KEY }
 export { MODE_KEY as MODE_KEY_alias_1 }
@@ -457,10 +483,14 @@ export { Textarea as Textarea_alias_1 }
  * This module contains the Textarea component.
  * @module
  */
-declare interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'> {
+declare interface TextareaBaseProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'> {
     describedBy?: string;
     id: string;
 }
+export { TextareaBaseProps }
+export { TextareaBaseProps as TextareaBaseProps_alias_1 }
+declare type TextareaProps = InputRecipeProps & TextareaBaseProps;
 export { TextareaProps }
 export { TextareaProps as TextareaProps_alias_1 }

package/build/{modern/chunk-KO7LBJGB.js → legacy/chunk-6SAA3NUE.js} RENAMED Viewed

@@ -32,4 +32,4 @@ function Input(props) {
 export {
   Input
 };
-//# sourceMappingURL=chunk-KO7LBJGB.js.map
+//# sourceMappingURL=chunk-6SAA3NUE.js.map

package/build/legacy/chunk-6SAA3NUE.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../src/components/Input.tsx"],"sourcesContent":["'use client'\n\nimport type { InputHTMLAttributes } from 'react'\nimport { WarningFilled } from '@cerberus/icons'\nimport { input } from '@cerberus/styled-system/recipes'\nimport { cx, type RecipeVariantProps } from '@cerberus/styled-system/css'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\n\nexport type InputRecipeProps = RecipeVariantProps<typeof input>\n\nexport interface InputBaseProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'size'> {\n describedBy?: string\n id: string\n}\nexport type InputProps = InputBaseProps & InputRecipeProps\n\nexport function Input(props: InputProps) {\n const { describedBy, size, ...nativeProps } = props\n const inputStyles = input({ size })\n const { invalid, ...fieldStates } = useFieldContext()\n\n return (\n <div className={inputStyles.root}>\n <input\n {...nativeProps}\n {...fieldStates}\n {...(describedBy && { 'aria-describedby': describedBy })}\n {...(invalid && { 'aria-invalid': true })}\n className={cx('peer', nativeProps.className, inputStyles.input)}\n />\n <Show when={invalid}>\n <WarningFilled className={inputStyles.icon} />\n </Show>\n </div>\n )\n}\n"],"mappings":";;;;;;;;AAGA,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AACtB,SAAS,UAAmC;AAmBxC,SACE,KADF;AANG,SAAS,MAAM,OAAmB;AACvC,QAAM,EAAE,aAAa,MAAM,GAAG,YAAY,IAAI;AAC9C,QAAM,cAAc,MAAM,EAAE,KAAK,CAAC;AAClC,QAAM,EAAE,SAAS,GAAG,YAAY,IAAI,gBAAgB;AAEpD,SACE,qBAAC,SAAI,WAAW,YAAY,MAC1B;AAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAI,eAAe,EAAE,oBAAoB,YAAY;AAAA,QACrD,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,QACvC,WAAW,GAAG,QAAQ,YAAY,WAAW,YAAY,KAAK;AAAA;AAAA,IAChE;AAAA,IACA,oBAAC,QAAK,MAAM,SACV,8BAAC,iBAAc,WAAW,YAAY,MAAM,GAC9C;AAAA,KACF;AAEJ;","names":[]}

package/build/{modern/chunk-PFY74S3Z.js → legacy/chunk-CINUA3C7.js} RENAMED Viewed

@@ -45,4 +45,4 @@ function Label(props) {
 export {
   Label
 };
-//# sourceMappingURL=chunk-PFY74S3Z.js.map
+//# sourceMappingURL=chunk-CINUA3C7.js.map

package/build/legacy/chunk-CINUA3C7.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../src/components/Label.tsx"],"sourcesContent":["'use client'\n\nimport type { HTMLAttributes, PropsWithChildren } from 'react'\nimport { label } from '@cerberus/styled-system/recipes'\nimport { css, cx, type RecipeVariantProps } from '@cerberus/styled-system/css'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\nimport { hstack } from '@cerberus/styled-system/patterns'\n\n/**\n * This module contains the Label component.\n * @module\n */\n\nexport type LabelRecipeProps = RecipeVariantProps<typeof label>\nexport interface LabelBaseProps extends HTMLAttributes<HTMLLabelElement> {\n htmlFor: string\n hidden?: boolean\n}\nexport type LabelProps = LabelBaseProps & LabelRecipeProps\n\n/**\n * A screen ready friendly label component.\n * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)\n * @definition [Label docs](https://cerberus.digitalu.design/react/label)\n * @example\n * ```tsx\n * <Field required>\n * <Label htmlFor=\"test\">Test Label</Label>\n * </Field>\n * ```\n */\nexport function Label(props: PropsWithChildren<LabelProps>) {\n const { hidden, ...nativeProps } = props\n const { required } = useFieldContext()\n const usage = hidden ? 'hidden' : 'visible'\n\n return (\n <label\n {...nativeProps}\n className={cx(\n nativeProps.className,\n label({ usage }),\n hstack({\n justify: 'space-between',\n }),\n )}\n >\n {props.children}\n <Show when={required}>\n <span\n className={css({\n color: 'neutral.text.100',\n fontSize: 'inherit',\n })}\n >\n (required)\n </span>\n </Show>\n </label>\n )\n}\n"],"mappings":";;;;;;;;AAGA,SAAS,aAAa;AACtB,SAAS,KAAK,UAAmC;AAGjD,SAAS,cAAc;AA+BnB,SAYI,KAZJ;AANG,SAAS,MAAM,OAAsC;AAC1D,QAAM,EAAE,QAAQ,GAAG,YAAY,IAAI;AACnC,QAAM,EAAE,SAAS,IAAI,gBAAgB;AACrC,QAAM,QAAQ,SAAS,WAAW;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,MAAM,EAAE,MAAM,CAAC;AAAA,QACf,OAAO;AAAA,UACL,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAAA,MAEC;AAAA,cAAM;AAAA,QACP,oBAAC,QAAK,MAAM,UACV;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,IAAI;AAAA,cACb,OAAO;AAAA,cACP,UAAU;AAAA,YACZ,CAAC;AAAA,YACF;AAAA;AAAA,QAED,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/{modern/chunk-MFKR532P.js → legacy/chunk-SLHX5K6I.js} RENAMED Viewed

@@ -26,4 +26,4 @@ function IconButton(props) {
 export {
   IconButton
 };
-//# sourceMappingURL=chunk-MFKR532P.js.map
+//# sourceMappingURL=chunk-SLHX5K6I.js.map

package/build/legacy/chunk-SLHX5K6I.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx, type RecipeVariantProps } from '@cerberus/styled-system/css'\nimport { iconButton } from '@cerberus/styled-system/recipes'\nimport type { Positions } from '../types'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport interface IconButtonRawProps\n extends ButtonHTMLAttributes<HTMLButtonElement> {\n ariaLabel: string\n tooltipPosition?: Positions\n}\nexport type IconButtonRecipeProps = RecipeVariantProps<typeof iconButton>\nexport type IconButtonProps = IconButtonRawProps & IconButtonRecipeProps\n\n/**\n * A component that allows the user to perform actions using an icon\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/IconButton.tsx\n */\nexport function IconButton(props: IconButtonProps): JSX.Element {\n const { ariaLabel, palette, usage, size, ...nativeProps } = props\n return (\n <button\n {...nativeProps}\n data-tooltip\n data-position={props.tooltipPosition ?? 'top'}\n aria-label={ariaLabel ?? 'Icon Button'}\n className={cx(\n nativeProps.className,\n iconButton({\n palette,\n usage,\n size,\n }),\n )}\n />\n )\n}\n"],"mappings":";AACA,SAAS,UAAmC;AAC5C,SAAS,kBAAkB;AAuBvB;AAHG,SAAS,WAAW,OAAqC;AAC9D,QAAM,EAAE,WAAW,SAAS,OAAO,MAAM,GAAG,YAAY,IAAI;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,gBAAY;AAAA,MACZ,iBAAe,MAAM,mBAAmB;AAAA,MACxC,cAAY,aAAa;AAAA,MACzB,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/legacy/{chunk-5TBINKAO.js → chunk-TCO46FK7.js} RENAMED Viewed

@@ -33,4 +33,4 @@ function Textarea(props) {
 export {
   Textarea
 };
-//# sourceMappingURL=chunk-5TBINKAO.js.map
+//# sourceMappingURL=chunk-TCO46FK7.js.map

package/build/legacy/chunk-TCO46FK7.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../src/components/Textarea.tsx"],"sourcesContent":["'use client'\n\nimport type { TextareaHTMLAttributes } from 'react'\nimport { css, cx } from '@cerberus/styled-system/css'\nimport { input } from '@cerberus/styled-system/recipes'\nimport { useFieldContext } from '../context/field'\nimport type { InputRecipeProps } from './Input'\n\n/**\n * This module contains the Textarea component.\n * @module\n */\n\nexport interface TextareaBaseProps\n extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'> {\n describedBy?: string\n id: string\n}\nexport type TextareaProps = InputRecipeProps & TextareaBaseProps\n\n/**\n * A component that allows the user to input large blocks of text.\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Textarea.tsx\n */\nexport function Textarea(props: TextareaProps): JSX.Element {\n const { describedBy, ...nativeProps } = props\n const { invalid, ...fieldState } = useFieldContext()\n\n return (\n <textarea\n {...nativeProps}\n {...fieldState}\n {...(describedBy && { 'aria-describedby': describedBy })}\n {...(invalid && { 'aria-invalid': true })}\n className={cx(\n props.className,\n input().input,\n css({\n pxi: '2',\n py: '2',\n resize: 'vertical',\n }),\n )}\n rows={4}\n />\n )\n}\n"],"mappings":";;;;;AAGA,SAAS,KAAK,UAAU;AACxB,SAAS,aAAa;AAyBlB;AALG,SAAS,SAAS,OAAmC;AAC1D,QAAM,EAAE,aAAa,GAAG,YAAY,IAAI;AACxC,QAAM,EAAE,SAAS,GAAG,WAAW,IAAI,gBAAgB;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAI,eAAe,EAAE,oBAAoB,YAAY;AAAA,MACrD,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW;AAAA,QACT,MAAM;AAAA,QACN,MAAM,EAAE;AAAA,QACR,IAAI;AAAA,UACF,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,QAAQ;AAAA,QACV,CAAC;AAAA,MACH;AAAA,MACA,MAAM;AAAA;AAAA,EACR;AAEJ;","names":[]}

package/build/{modern/chunk-YVUZSAJG.js → legacy/chunk-VGHVH2T3.js} RENAMED Viewed

@@ -21,4 +21,4 @@ function FieldMessage(props) {
 export {
   FieldMessage
 };
-//# sourceMappingURL=chunk-YVUZSAJG.js.map
+//# sourceMappingURL=chunk-VGHVH2T3.js.map

package/build/legacy/chunk-VGHVH2T3.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../src/components/FieldMessage.tsx"],"sourcesContent":["'use client'\n\nimport type { HTMLAttributes } from 'react'\nimport { cx, type RecipeVariantProps } from '@cerberus/styled-system/css'\nimport { fieldMessage } from '@cerberus/styled-system/recipes'\nimport { useFieldContext } from '../context/field'\n\n/**\n * This module contains the FieldMessage component.\n * @module\n */\n\nexport type FieldMessageRecipe = RecipeVariantProps<typeof fieldMessage>\nexport interface FieldMessageBaseProps\n extends HTMLAttributes<HTMLParagraphElement> {\n id: string\n}\nexport type FieldMessageProps = FieldMessageBaseProps & FieldMessageRecipe\n\n/**\n * A component that provides feedback about the field.\n * @description [FieldMessage Docs](https://cerberus.digitalu.design/react/field-message)\n * @example\n * ```tsx\n * <Field>\n * <Label htmlFor=\"first_name\">First Name</Label>\n * <Input aria-describedBy=\"help:first_name\" id=\"first_name\" type=\"text\" />\n * <FieldMessage id=\"help:first_name\">\n * This will only be used in your account information.\n * </FieldMessage>\n * </Field>\n * ```\n */\nexport function FieldMessage(props: FieldMessageProps) {\n const { invalid } = useFieldContext()\n return (\n <small\n {...props}\n {...(invalid && { 'aria-invalid': true })}\n className={cx(props.className, fieldMessage())}\n />\n )\n}\n"],"mappings":";;;;;AAGA,SAAS,UAAmC;AAC5C,SAAS,oBAAoB;AAgCzB;AAHG,SAAS,aAAa,OAA0B;AACrD,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW,GAAG,MAAM,WAAW,aAAa,CAAC;AAAA;AAAA,EAC/C;AAEJ;","names":[]}

package/build/legacy/components/FieldMessage.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import {
   FieldMessage
-} from "../chunk-YVUZSAJG.js";
+} from "../chunk-VGHVH2T3.js";
 import "../chunk-ZAU4JVLL.js";
 export {
   FieldMessage

package/build/legacy/components/IconButton.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import {
   IconButton
-} from "../chunk-MFKR532P.js";
+} from "../chunk-SLHX5K6I.js";
 export {
   IconButton
 };

package/build/legacy/components/Input.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import {
   Input
-} from "../chunk-KO7LBJGB.js";
+} from "../chunk-6SAA3NUE.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-ZAU4JVLL.js";
 export {

package/build/legacy/components/Label.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import {
   Label
-} from "../chunk-PFY74S3Z.js";
+} from "../chunk-CINUA3C7.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-ZAU4JVLL.js";
 export {

package/build/legacy/components/Textarea.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import {
   Textarea
-} from "../chunk-5TBINKAO.js";
+} from "../chunk-TCO46FK7.js";
 import "../chunk-ZAU4JVLL.js";
 export {
   Textarea

package/build/legacy/index.js CHANGED Viewed

@@ -6,13 +6,13 @@ import {
 } from "./chunk-BJXUBNF2.js";
 import {
   Textarea
-} from "./chunk-5TBINKAO.js";
+} from "./chunk-TCO46FK7.js";
 import {
   Input
-} from "./chunk-KO7LBJGB.js";
+} from "./chunk-6SAA3NUE.js";
 import {
   Label
-} from "./chunk-PFY74S3Z.js";
+} from "./chunk-CINUA3C7.js";
 import {
   NavMenuLink
 } from "./chunk-6DIGPXAD.js";
@@ -60,14 +60,14 @@ import {
 } from "./chunk-2ATICEW3.js";
 import {
   FieldMessage
-} from "./chunk-YVUZSAJG.js";
+} from "./chunk-VGHVH2T3.js";
 import {
   Field,
   useFieldContext
 } from "./chunk-ZAU4JVLL.js";
 import {
   IconButton
-} from "./chunk-MFKR532P.js";
+} from "./chunk-SLHX5K6I.js";
 export {
   Button,
   Field,

package/build/modern/_tsup-dts-rollup.d.ts CHANGED Viewed

@@ -4,10 +4,13 @@ import { ButtonHTMLAttributes } from 'react';
 import type { ConditionalValue } from '@cerberus/styled-system/types';
 import { Context } from 'react';
 import { ElementType } from 'react';
+import { fieldMessage } from '@cerberus/styled-system/recipes';
 import { HTMLAttributes } from 'react';
 import { iconButton } from '@cerberus/styled-system/recipes';
+import { input } from '@cerberus/styled-system/recipes';
 import type { InputHTMLAttributes } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { label } from '@cerberus/styled-system/recipes';
 import { MutableRefObject } from 'react';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
@@ -89,16 +92,24 @@ declare function FieldMessage(props: FieldMessageProps): JSX_2.Element;
 export { FieldMessage }
 export { FieldMessage as FieldMessage_alias_1 }
-/**
- * This module contains the FieldMessage component.
- * @module
- */
-declare interface FieldMessageProps extends HTMLAttributes<HTMLParagraphElement> {
+declare interface FieldMessageBaseProps extends HTMLAttributes<HTMLParagraphElement> {
     id: string;
 }
+export { FieldMessageBaseProps }
+export { FieldMessageBaseProps as FieldMessageBaseProps_alias_1 }
+declare type FieldMessageProps = FieldMessageBaseProps & FieldMessageRecipe;
 export { FieldMessageProps }
 export { FieldMessageProps as FieldMessageProps_alias_1 }
+/**
+ * This module contains the FieldMessage component.
+ * @module
+ */
+declare type FieldMessageRecipe = RecipeVariantProps<typeof fieldMessage>;
+export { FieldMessageRecipe }
+export { FieldMessageRecipe as FieldMessageRecipe_alias_1 }
 declare function getPosition(position: Positions): GetPositionResult;
 export { getPosition }
 export { getPosition as getPosition_alias_1 }
@@ -128,7 +139,7 @@ export { IconButtonProps as IconButtonProps_alias_1 }
  */
 declare interface IconButtonRawProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     ariaLabel: string;
-    tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
+    tooltipPosition?: Positions;
 }
 export { IconButtonRawProps }
 export { IconButtonRawProps as IconButtonRawProps_alias_1 }
@@ -141,14 +152,21 @@ declare function Input(props: InputProps): JSX_2.Element;
 export { Input }
 export { Input as Input_alias_1 }
-declare interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'size'> {
+declare interface InputBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'size'> {
     describedBy?: string;
     id: string;
-    size?: 'sm' | 'md' | 'lg';
 }
+export { InputBaseProps }
+export { InputBaseProps as InputBaseProps_alias_1 }
+declare type InputProps = InputBaseProps & InputRecipeProps;
 export { InputProps }
 export { InputProps as InputProps_alias_1 }
+declare type InputRecipeProps = RecipeVariantProps<typeof input>;
+export { InputRecipeProps }
+export { InputRecipeProps as InputRecipeProps_alias_1 }
 /**
  * A screen ready friendly label component.
  * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)
@@ -164,17 +182,25 @@ declare function Label(props: PropsWithChildren<LabelProps>): JSX_2.Element;
 export { Label }
 export { Label as Label_alias_1 }
-/**
- * This module contains the Label component.
- * @module
- */
-declare interface LabelProps extends HTMLAttributes<HTMLLabelElement> {
+declare interface LabelBaseProps extends HTMLAttributes<HTMLLabelElement> {
     htmlFor: string;
     hidden?: boolean;
 }
+export { LabelBaseProps }
+export { LabelBaseProps as LabelBaseProps_alias_1 }
+declare type LabelProps = LabelBaseProps & LabelRecipeProps;
 export { LabelProps }
 export { LabelProps as LabelProps_alias_1 }
+/**
+ * This module contains the Label component.
+ * @module
+ */
+declare type LabelRecipeProps = RecipeVariantProps<typeof label>;
+export { LabelRecipeProps }
+export { LabelRecipeProps as LabelRecipeProps_alias_1 }
 declare const MODE_KEY = "cerberus-mode";
 export { MODE_KEY }
 export { MODE_KEY as MODE_KEY_alias_1 }
@@ -457,10 +483,14 @@ export { Textarea as Textarea_alias_1 }
  * This module contains the Textarea component.
  * @module
  */
-declare interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'> {
+declare interface TextareaBaseProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'> {
     describedBy?: string;
     id: string;
 }
+export { TextareaBaseProps }
+export { TextareaBaseProps as TextareaBaseProps_alias_1 }
+declare type TextareaProps = InputRecipeProps & TextareaBaseProps;
 export { TextareaProps }
 export { TextareaProps as TextareaProps_alias_1 }

package/build/{legacy/chunk-KO7LBJGB.js → modern/chunk-6SAA3NUE.js} RENAMED Viewed

@@ -32,4 +32,4 @@ function Input(props) {
 export {
   Input
 };
-//# sourceMappingURL=chunk-KO7LBJGB.js.map
+//# sourceMappingURL=chunk-6SAA3NUE.js.map

package/build/modern/chunk-6SAA3NUE.js.map ADDED Viewed

@@ -0,0 +1 @@

package/build/{legacy/chunk-PFY74S3Z.js → modern/chunk-CINUA3C7.js} RENAMED Viewed

@@ -45,4 +45,4 @@ function Label(props) {
 export {
   Label
 };
-//# sourceMappingURL=chunk-PFY74S3Z.js.map
+//# sourceMappingURL=chunk-CINUA3C7.js.map

package/build/modern/chunk-CINUA3C7.js.map ADDED Viewed

@@ -0,0 +1 @@

package/build/{legacy/chunk-MFKR532P.js → modern/chunk-SLHX5K6I.js} RENAMED Viewed

@@ -26,4 +26,4 @@ function IconButton(props) {
 export {
   IconButton
 };
-//# sourceMappingURL=chunk-MFKR532P.js.map
+//# sourceMappingURL=chunk-SLHX5K6I.js.map

package/build/modern/chunk-SLHX5K6I.js.map ADDED Viewed

@@ -0,0 +1 @@

package/build/modern/{chunk-5TBINKAO.js → chunk-TCO46FK7.js} RENAMED Viewed

@@ -33,4 +33,4 @@ function Textarea(props) {
 export {
   Textarea
 };
-//# sourceMappingURL=chunk-5TBINKAO.js.map
+//# sourceMappingURL=chunk-TCO46FK7.js.map

package/build/modern/chunk-TCO46FK7.js.map ADDED Viewed

@@ -0,0 +1 @@

package/build/{legacy/chunk-YVUZSAJG.js → modern/chunk-VGHVH2T3.js} RENAMED Viewed

@@ -21,4 +21,4 @@ function FieldMessage(props) {
 export {
   FieldMessage
 };
-//# sourceMappingURL=chunk-YVUZSAJG.js.map
+//# sourceMappingURL=chunk-VGHVH2T3.js.map

package/build/modern/chunk-VGHVH2T3.js.map ADDED Viewed

@@ -0,0 +1 @@

package/build/modern/components/FieldMessage.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import {
   FieldMessage
-} from "../chunk-YVUZSAJG.js";
+} from "../chunk-VGHVH2T3.js";
 import "../chunk-ZAU4JVLL.js";
 export {
   FieldMessage

package/build/modern/components/IconButton.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import {
   IconButton
-} from "../chunk-MFKR532P.js";
+} from "../chunk-SLHX5K6I.js";
 export {
   IconButton
 };

package/build/modern/components/Input.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import {
   Input
-} from "../chunk-KO7LBJGB.js";
+} from "../chunk-6SAA3NUE.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-ZAU4JVLL.js";
 export {

package/build/modern/components/Label.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import {
   Label
-} from "../chunk-PFY74S3Z.js";
+} from "../chunk-CINUA3C7.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-ZAU4JVLL.js";
 export {

package/build/modern/components/Textarea.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import {
   Textarea
-} from "../chunk-5TBINKAO.js";
+} from "../chunk-TCO46FK7.js";
 import "../chunk-ZAU4JVLL.js";
 export {
   Textarea

package/build/modern/index.js CHANGED Viewed

@@ -6,13 +6,13 @@ import {
 } from "./chunk-23OSBT4M.js";
 import {
   Textarea
-} from "./chunk-5TBINKAO.js";
+} from "./chunk-TCO46FK7.js";
 import {
   Input
-} from "./chunk-KO7LBJGB.js";
+} from "./chunk-6SAA3NUE.js";
 import {
   Label
-} from "./chunk-PFY74S3Z.js";
+} from "./chunk-CINUA3C7.js";
 import {
   NavMenuLink
 } from "./chunk-6DIGPXAD.js";
@@ -60,14 +60,14 @@ import {
 } from "./chunk-2ATICEW3.js";
 import {
   FieldMessage
-} from "./chunk-YVUZSAJG.js";
+} from "./chunk-VGHVH2T3.js";
 import {
   Field,
   useFieldContext
 } from "./chunk-ZAU4JVLL.js";
 import {
   IconButton
-} from "./chunk-MFKR532P.js";
+} from "./chunk-SLHX5K6I.js";
 export {
   Button,
   Field,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.5.2-next-782341c",
+  "version": "0.5.2-next-41ff124",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,
@@ -21,8 +21,8 @@
     "react": "^18",
     "react-dom": "^18",
     "tsup": "^8.1.0",
-    "@cerberus-design/configs": "0.0.0",
-    "@cerberus-design/styled-system": "0.5.2-next-782341c"
+    "@cerberus-design/styled-system": "0.5.2-next-41ff124",
+    "@cerberus-design/configs": "0.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/components/FieldMessage.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 'use client'
 import type { HTMLAttributes } from 'react'
-import { cx } from '@cerberus/styled-system/css'
+import { cx, type RecipeVariantProps } from '@cerberus/styled-system/css'
 import { fieldMessage } from '@cerberus/styled-system/recipes'
 import { useFieldContext } from '../context/field'
@@ -10,10 +10,12 @@ import { useFieldContext } from '../context/field'
  * @module
  */
-export interface FieldMessageProps
+export type FieldMessageRecipe = RecipeVariantProps<typeof fieldMessage>
+export interface FieldMessageBaseProps
   extends HTMLAttributes<HTMLParagraphElement> {
   id: string
 }
+export type FieldMessageProps = FieldMessageBaseProps & FieldMessageRecipe
 /**
  * A component that provides feedback about the field.

package/src/components/IconButton.tsx CHANGED Viewed

@@ -1,6 +1,7 @@
 import type { ButtonHTMLAttributes } from 'react'
 import { cx, type RecipeVariantProps } from '@cerberus/styled-system/css'
 import { iconButton } from '@cerberus/styled-system/recipes'
+import type { Positions } from '../types'
 /**
  * This module contains the Icon Button component.
@@ -10,7 +11,7 @@ import { iconButton } from '@cerberus/styled-system/recipes'
 export interface IconButtonRawProps
   extends ButtonHTMLAttributes<HTMLButtonElement> {
   ariaLabel: string
-  tooltipPosition?: 'top' | 'bottom' | 'left' | 'right'
+  tooltipPosition?: Positions
 }
 export type IconButtonRecipeProps = RecipeVariantProps<typeof iconButton>
 export type IconButtonProps = IconButtonRawProps & IconButtonRecipeProps

package/src/components/Input.tsx CHANGED Viewed

@@ -3,16 +3,18 @@
 import type { InputHTMLAttributes } from 'react'
 import { WarningFilled } from '@cerberus/icons'
 import { input } from '@cerberus/styled-system/recipes'
-import { cx } from '@cerberus/styled-system/css'
+import { cx, type RecipeVariantProps } from '@cerberus/styled-system/css'
 import { useFieldContext } from '../context/field'
 import { Show } from './Show'
-export interface InputProps
+export type InputRecipeProps = RecipeVariantProps<typeof input>
+export interface InputBaseProps
   extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'size'> {
   describedBy?: string
   id: string
-  size?: 'sm' | 'md' | 'lg'
 }
+export type InputProps = InputBaseProps & InputRecipeProps
 export function Input(props: InputProps) {
   const { describedBy, size, ...nativeProps } = props

package/src/components/Label.tsx CHANGED Viewed

@@ -2,7 +2,7 @@
 import type { HTMLAttributes, PropsWithChildren } from 'react'
 import { label } from '@cerberus/styled-system/recipes'
-import { css, cx } from '@cerberus/styled-system/css'
+import { css, cx, type RecipeVariantProps } from '@cerberus/styled-system/css'
 import { useFieldContext } from '../context/field'
 import { Show } from './Show'
 import { hstack } from '@cerberus/styled-system/patterns'
@@ -12,10 +12,12 @@ import { hstack } from '@cerberus/styled-system/patterns'
  * @module
  */
-export interface LabelProps extends HTMLAttributes<HTMLLabelElement> {
+export type LabelRecipeProps = RecipeVariantProps<typeof label>
+export interface LabelBaseProps extends HTMLAttributes<HTMLLabelElement> {
   htmlFor: string
   hidden?: boolean
 }
+export type LabelProps = LabelBaseProps & LabelRecipeProps
 /**
  * A screen ready friendly label component.

package/src/components/Textarea.tsx CHANGED Viewed

@@ -4,17 +4,19 @@ import type { TextareaHTMLAttributes } from 'react'
 import { css, cx } from '@cerberus/styled-system/css'
 import { input } from '@cerberus/styled-system/recipes'
 import { useFieldContext } from '../context/field'
+import type { InputRecipeProps } from './Input'
 /**
  * This module contains the Textarea component.
  * @module
  */
-export interface TextareaProps
+export interface TextareaBaseProps
   extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'> {
   describedBy?: string
   id: string
 }
+export type TextareaProps = InputRecipeProps & TextareaBaseProps
 /**
  * A component that allows the user to input large blocks of text.

package/build/legacy/chunk-5TBINKAO.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../src/components/Textarea.tsx"],"sourcesContent":["'use client'\n\nimport type { TextareaHTMLAttributes } from 'react'\nimport { css, cx } from '@cerberus/styled-system/css'\nimport { input } from '@cerberus/styled-system/recipes'\nimport { useFieldContext } from '../context/field'\n\n/**\n * This module contains the Textarea component.\n * @module\n */\n\nexport interface TextareaProps\n extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'> {\n describedBy?: string\n id: string\n}\n\n/**\n * A component that allows the user to input large blocks of text.\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Textarea.tsx\n */\nexport function Textarea(props: TextareaProps): JSX.Element {\n const { describedBy, ...nativeProps } = props\n const { invalid, ...fieldState } = useFieldContext()\n\n return (\n <textarea\n {...nativeProps}\n {...fieldState}\n {...(describedBy && { 'aria-describedby': describedBy })}\n {...(invalid && { 'aria-invalid': true })}\n className={cx(\n props.className,\n input().input,\n css({\n pxi: '2',\n py: '2',\n resize: 'vertical',\n }),\n )}\n rows={4}\n />\n )\n}\n"],"mappings":";;;;;AAGA,SAAS,KAAK,UAAU;AACxB,SAAS,aAAa;AAuBlB;AALG,SAAS,SAAS,OAAmC;AAC1D,QAAM,EAAE,aAAa,GAAG,YAAY,IAAI;AACxC,QAAM,EAAE,SAAS,GAAG,WAAW,IAAI,gBAAgB;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAI,eAAe,EAAE,oBAAoB,YAAY;AAAA,MACrD,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW;AAAA,QACT,MAAM;AAAA,QACN,MAAM,EAAE;AAAA,QACR,IAAI;AAAA,UACF,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,QAAQ;AAAA,QACV,CAAC;AAAA,MACH;AAAA,MACA,MAAM;AAAA;AAAA,EACR;AAEJ;","names":[]}

package/build/legacy/chunk-KO7LBJGB.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../src/components/Input.tsx"],"sourcesContent":["'use client'\n\nimport type { InputHTMLAttributes } from 'react'\nimport { WarningFilled } from '@cerberus/icons'\nimport { input } from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus/styled-system/css'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\n\nexport interface InputProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'size'> {\n describedBy?: string\n id: string\n size?: 'sm' | 'md' | 'lg'\n}\n\nexport function Input(props: InputProps) {\n const { describedBy, size, ...nativeProps } = props\n const inputStyles = input({ size })\n const { invalid, ...fieldStates } = useFieldContext()\n\n return (\n <div className={inputStyles.root}>\n <input\n {...nativeProps}\n {...fieldStates}\n {...(describedBy && { 'aria-describedby': describedBy })}\n {...(invalid && { 'aria-invalid': true })}\n className={cx('peer', nativeProps.className, inputStyles.input)}\n />\n <Show when={invalid}>\n <WarningFilled className={inputStyles.icon} />\n </Show>\n </div>\n )\n}\n"],"mappings":";;;;;;;;AAGA,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AACtB,SAAS,UAAU;AAiBf,SACE,KADF;AANG,SAAS,MAAM,OAAmB;AACvC,QAAM,EAAE,aAAa,MAAM,GAAG,YAAY,IAAI;AAC9C,QAAM,cAAc,MAAM,EAAE,KAAK,CAAC;AAClC,QAAM,EAAE,SAAS,GAAG,YAAY,IAAI,gBAAgB;AAEpD,SACE,qBAAC,SAAI,WAAW,YAAY,MAC1B;AAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAI,eAAe,EAAE,oBAAoB,YAAY;AAAA,QACrD,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,QACvC,WAAW,GAAG,QAAQ,YAAY,WAAW,YAAY,KAAK;AAAA;AAAA,IAChE;AAAA,IACA,oBAAC,QAAK,MAAM,SACV,8BAAC,iBAAc,WAAW,YAAY,MAAM,GAC9C;AAAA,KACF;AAEJ;","names":[]}

package/build/legacy/chunk-MFKR532P.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx, type RecipeVariantProps } from '@cerberus/styled-system/css'\nimport { iconButton } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport interface IconButtonRawProps\n extends ButtonHTMLAttributes<HTMLButtonElement> {\n ariaLabel: string\n tooltipPosition?: 'top' | 'bottom' | 'left' | 'right'\n}\nexport type IconButtonRecipeProps = RecipeVariantProps<typeof iconButton>\nexport type IconButtonProps = IconButtonRawProps & IconButtonRecipeProps\n\n/**\n * A component that allows the user to perform actions using an icon\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/IconButton.tsx\n */\nexport function IconButton(props: IconButtonProps): JSX.Element {\n const { ariaLabel, palette, usage, size, ...nativeProps } = props\n return (\n <button\n {...nativeProps}\n data-tooltip\n data-position={props.tooltipPosition ?? 'top'}\n aria-label={ariaLabel ?? 'Icon Button'}\n className={cx(\n nativeProps.className,\n iconButton({\n palette,\n usage,\n size,\n }),\n )}\n />\n )\n}\n"],"mappings":";AACA,SAAS,UAAmC;AAC5C,SAAS,kBAAkB;AAsBvB;AAHG,SAAS,WAAW,OAAqC;AAC9D,QAAM,EAAE,WAAW,SAAS,OAAO,MAAM,GAAG,YAAY,IAAI;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,gBAAY;AAAA,MACZ,iBAAe,MAAM,mBAAmB;AAAA,MACxC,cAAY,aAAa;AAAA,MACzB,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/legacy/chunk-PFY74S3Z.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../src/components/Label.tsx"],"sourcesContent":["'use client'\n\nimport type { HTMLAttributes, PropsWithChildren } from 'react'\nimport { label } from '@cerberus/styled-system/recipes'\nimport { css, cx } from '@cerberus/styled-system/css'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\nimport { hstack } from '@cerberus/styled-system/patterns'\n\n/**\n * This module contains the Label component.\n * @module\n */\n\nexport interface LabelProps extends HTMLAttributes<HTMLLabelElement> {\n htmlFor: string\n hidden?: boolean\n}\n\n/**\n * A screen ready friendly label component.\n * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)\n * @definition [Label docs](https://cerberus.digitalu.design/react/label)\n * @example\n * ```tsx\n * <Field required>\n * <Label htmlFor=\"test\">Test Label</Label>\n * </Field>\n * ```\n */\nexport function Label(props: PropsWithChildren<LabelProps>) {\n const { hidden, ...nativeProps } = props\n const { required } = useFieldContext()\n const usage = hidden ? 'hidden' : 'visible'\n\n return (\n <label\n {...nativeProps}\n className={cx(\n nativeProps.className,\n label({ usage }),\n hstack({\n justify: 'space-between',\n }),\n )}\n >\n {props.children}\n <Show when={required}>\n <span\n className={css({\n color: 'neutral.text.100',\n fontSize: 'inherit',\n })}\n >\n (required)\n </span>\n </Show>\n </label>\n )\n}\n"],"mappings":";;;;;;;;AAGA,SAAS,aAAa;AACtB,SAAS,KAAK,UAAU;AAGxB,SAAS,cAAc;AA6BnB,SAYI,KAZJ;AANG,SAAS,MAAM,OAAsC;AAC1D,QAAM,EAAE,QAAQ,GAAG,YAAY,IAAI;AACnC,QAAM,EAAE,SAAS,IAAI,gBAAgB;AACrC,QAAM,QAAQ,SAAS,WAAW;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,MAAM,EAAE,MAAM,CAAC;AAAA,QACf,OAAO;AAAA,UACL,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAAA,MAEC;AAAA,cAAM;AAAA,QACP,oBAAC,QAAK,MAAM,UACV;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,IAAI;AAAA,cACb,OAAO;AAAA,cACP,UAAU;AAAA,YACZ,CAAC;AAAA,YACF;AAAA;AAAA,QAED,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/legacy/chunk-YVUZSAJG.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../src/components/FieldMessage.tsx"],"sourcesContent":["'use client'\n\nimport type { HTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { fieldMessage } from '@cerberus/styled-system/recipes'\nimport { useFieldContext } from '../context/field'\n\n/**\n * This module contains the FieldMessage component.\n * @module\n */\n\nexport interface FieldMessageProps\n extends HTMLAttributes<HTMLParagraphElement> {\n id: string\n}\n\n/**\n * A component that provides feedback about the field.\n * @description [FieldMessage Docs](https://cerberus.digitalu.design/react/field-message)\n * @example\n * ```tsx\n * <Field>\n * <Label htmlFor=\"first_name\">First Name</Label>\n * <Input aria-describedBy=\"help:first_name\" id=\"first_name\" type=\"text\" />\n * <FieldMessage id=\"help:first_name\">\n * This will only be used in your account information.\n * </FieldMessage>\n * </Field>\n * ```\n */\nexport function FieldMessage(props: FieldMessageProps) {\n const { invalid } = useFieldContext()\n return (\n <small\n {...props}\n {...(invalid && { 'aria-invalid': true })}\n className={cx(props.className, fieldMessage())}\n />\n )\n}\n"],"mappings":";;;;;AAGA,SAAS,UAAU;AACnB,SAAS,oBAAoB;AA8BzB;AAHG,SAAS,aAAa,OAA0B;AACrD,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW,GAAG,MAAM,WAAW,aAAa,CAAC;AAAA;AAAA,EAC/C;AAEJ;","names":[]}

package/build/modern/chunk-5TBINKAO.js.map DELETED Viewed

@@ -1 +0,0 @@

package/build/modern/chunk-KO7LBJGB.js.map DELETED Viewed

@@ -1 +0,0 @@

package/build/modern/chunk-MFKR532P.js.map DELETED Viewed

@@ -1 +0,0 @@

package/build/modern/chunk-PFY74S3Z.js.map DELETED Viewed

@@ -1 +0,0 @@

package/build/modern/chunk-YVUZSAJG.js.map DELETED Viewed

@@ -1 +0,0 @@