@servicetitan/anvil2 2.5.1 → 2.6.1

package/dist/FieldLabel-DbMosKtd.js

@@ -0,0 +1,125 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cx } from './index-De1g9FRV.js';
+import { S as SrOnly } from './SrOnly-eUpYGpAT.js';
+import { T as Tooltip } from './Tooltip-Bupqao9B.js';
+import { I as Icon } from './Icon-DuIlne4x.js';
+import { S as SvgInfo } from './info-CYpG6tcI.js';
+
+import './FieldLabel.css';const label = "_label_h8zet_2";
+const required = "_required_h8zet_61";
+const styles$1 = {
+	label: label,
+	"top-container": "_top-container_h8zet_52",
+	"label-text": "_label-text_h8zet_57",
+	required: required,
+	"info-container": "_info-container_h8zet_66",
+	"info-trigger": "_info-trigger_h8zet_71",
+	"info-content": "_info-content_h8zet_76"
+};
+
+const styles = {
+	"field-label-button": "_field-label-button_15qen_2",
+	"field-label-button__inner": "_field-label-button__inner_15qen_36"};
+
+const FieldLabelButton = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  "button",
+  {
+    ref,
+    type: "button",
+    className: cx(styles["field-label-button"], className),
+    ...props,
+    children: /* @__PURE__ */ jsx("span", { className: styles["field-label-button__inner"], children })
+  }
+));
+FieldLabelButton.displayName = "FieldLabelButton";
+
+const FieldLabelMoreInfoIcon = ({
+  moreInfo,
+  moreInfoId
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: styles$1["info-container"], children: [
+    moreInfoId && /* @__PURE__ */ jsx(SrOnly, { id: moreInfoId, children: moreInfo }),
+    /* @__PURE__ */ jsxs(
+      Tooltip,
+      {
+        placement: "top",
+        offset: 5,
+        fallbackPlacements: ["right", "bottom", "left"],
+        children: [
+          /* @__PURE__ */ jsx(Tooltip.Trigger, { className: styles$1["info-trigger"], children: /* @__PURE__ */ jsx(FieldLabelButton, { "aria-label": "More information", children: /* @__PURE__ */ jsx(Icon, { svg: SvgInfo }) }) }),
+          /* @__PURE__ */ jsx(Tooltip.Content, { className: styles$1["info-content"], children: moreInfo })
+        ]
+      }
+    )
+  ] });
+};
+
+const FieldLabelElement = forwardRef(
+  ({
+    el: Element = "label",
+    children,
+    className,
+    moreInfo,
+    moreInfoId,
+    required,
+    moreInfoOpen: _moreInfoOpen,
+    // deprecated, ignored
+    ...props
+  }, ref) => {
+    const FieldLabelClassNames = cx([styles$1["label"]], className);
+    const labelText = /* @__PURE__ */ jsxs("span", { className: styles$1["label-text"], children: [
+      children,
+      required ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: styles$1["required"], children: "*" }),
+        /* @__PURE__ */ jsx(SrOnly, { children: "Required" })
+      ] }) : null
+    ] });
+    if (Element === "label" && moreInfo) {
+      const { htmlFor, id, ...labelProps } = props;
+      return /* @__PURE__ */ jsx("div", { className: FieldLabelClassNames, ref, children: /* @__PURE__ */ jsxs("div", { className: styles$1["top-container"], children: [
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor,
+            id,
+            "data-anv": "label",
+            ...labelProps,
+            children: labelText
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FieldLabelMoreInfoIcon,
+          {
+            moreInfo,
+            moreInfoId
+          }
+        )
+      ] }) });
+    }
+    return /* @__PURE__ */ jsx(
+      Element,
+      {
+        className: FieldLabelClassNames,
+        "data-anv": "label",
+        ref,
+        ...props,
+        children: moreInfo ? /* @__PURE__ */ jsxs("div", { className: styles$1["top-container"], children: [
+          labelText,
+          /* @__PURE__ */ jsx(
+            FieldLabelMoreInfoIcon,
+            {
+              moreInfo,
+              moreInfoId
+            }
+          )
+        ] }) : labelText
+      }
+    );
+  }
+);
+FieldLabelElement.displayName = "FieldLabel";
+const FieldLabel = FieldLabelElement;
+
+export { FieldLabel as F, FieldLabelMoreInfoIcon as a };
+//# sourceMappingURL=FieldLabel-DbMosKtd.js.map

package/dist/FieldLabel-DbMosKtd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel-DbMosKtd.js","sources":["../src/components/FieldLabel/internal/FieldLabelButton.tsx","../src/components/FieldLabel/internal/FieldLabelMoreInfoIcon.tsx","../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./FieldLabelButton.module.scss\";\n\n/**\n * Props for the FieldLabelButton component.\n * @extends ComponentPropsWithoutRef<\"button\">\n */\nexport type FieldLabelButtonProps = ComponentPropsWithoutRef<\"button\">;\n\n/**\n * Internal icon-button for use within FieldLabel.\n *\n * Features:\n * - Fixed 28×28px hit area with no visible border or background at rest\n * - Hover and focus states show the secondary button hover background color on\n *   an inner 24×24px area, keeping 2px transparent on each side\n * - Focus ring matches the secondary button focus ring style\n * - Fully accessible as a native `<button>` element\n *\n * @example\n * <FieldLabelButton aria-label=\"More information\" onClick={handleClick}>\n *   <Icon svg={Info} />\n * </FieldLabelButton>\n */\nexport const FieldLabelButton = forwardRef<\n  HTMLButtonElement,\n  FieldLabelButtonProps\n>(({ className, children, ...props }, ref) => (\n  <button\n    ref={ref}\n    type=\"button\"\n    className={cx(styles[\"field-label-button\"], className)}\n    {...props}\n  >\n    <span className={styles[\"field-label-button__inner\"]}>{children}</span>\n  </button>\n));\n\nFieldLabelButton.displayName = \"FieldLabelButton\";\n","import { FieldLabelProps } from \"../FieldLabel\";\nimport { Tooltip } from \"../../Tooltip\";\nimport { FieldLabelButton } from \"./FieldLabelButton\";\nimport { Icon } from \"../../Icon\";\nimport Info from \"@servicetitan/hammer-icon/mdi/round/info.svg\";\nimport styles from \"../FieldLabel.module.scss\";\nimport { SrOnly } from \"../../SrOnly\";\n\n/**\n * Internal component for rendering the info icon button with tooltip.\n *\n * @param props - Component props\n * @param props.moreInfo - The content to display in the tooltip\n * @param props.moreInfoId - ID for the visually-hidden description span, used by aria-describedby on the associated input\n */\nexport const FieldLabelMoreInfoIcon = ({\n  moreInfo,\n  moreInfoId,\n}: {\n  moreInfo: FieldLabelProps[\"moreInfo\"];\n  moreInfoId?: string;\n}) => {\n  return (\n    <div className={styles[\"info-container\"]}>\n      {moreInfoId && <SrOnly id={moreInfoId}>{moreInfo}</SrOnly>}\n      <Tooltip\n        placement=\"top\"\n        offset={5}\n        fallbackPlacements={[\"right\", \"bottom\", \"left\"]}\n      >\n        <Tooltip.Trigger className={styles[\"info-trigger\"]}>\n          <FieldLabelButton aria-label=\"More information\">\n            <Icon svg={Info} />\n          </FieldLabelButton>\n        </Tooltip.Trigger>\n        <Tooltip.Content className={styles[\"info-content\"]}>\n          {moreInfo}\n        </Tooltip.Content>\n      </Tooltip>\n    </div>\n  );\n};\n","import {\n  forwardRef,\n  ComponentPropsWithoutRef,\n  ReactNode,\n  type Ref,\n  type ElementType,\n  type JSX,\n  type JSXElementConstructor,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./FieldLabel.module.scss\";\nimport { TooltipProps } from \"../Tooltip\";\nimport { SrOnly } from \"../SrOnly\";\nimport { FieldLabelMoreInfoIcon } from \"./internal/FieldLabelMoreInfoIcon\";\n\ntype IntrinsicAttributes<\n  E extends keyof JSX.IntrinsicElements | JSXElementConstructor<unknown>,\n> = JSX.LibraryManagedAttributes<E, ComponentPropsWithoutRef<E>>;\n\ntype FieldLabelOwnProps<E extends ElementType = ElementType> = {\n  /** The HTML element to render */\n  el?: E;\n  /** Unique identifier for the label element */\n  id?: string;\n  /**\n   * Whether the field is required. Shows a red asterisk (*) when true.\n   * @default false\n   */\n  required?: boolean;\n  /** Additional information to display in a tooltip */\n  moreInfo?: ReactNode;\n  /** ID for the sr-only description span, referenced via aria-describedby on the associated input. @internal */\n  moreInfoId?: string;\n  /**\n   * Controls the open state of the more info tooltip.\n   * @default false\n   * @deprecated The more info tooltip is now triggered by a keyboard-accessible button. This prop has no effect.\n   */\n  moreInfoOpen?: TooltipProps[\"open\"];\n};\n\n/**\n * Props for the FieldLabel component.\n */\nexport type FieldLabelProps<E extends ElementType = ElementType> =\n  FieldLabelOwnProps<E> &\n    Omit<IntrinsicAttributes<E>, keyof FieldLabelOwnProps>;\n\n/**\n * FieldLabel component for form field labels with optional required indicator and help tooltip.\n *\n * Features:\n * - Accessible form label with proper semantic HTML\n * - Optional required field indicator with red asterisk\n * - Help tooltip with info icon for additional context\n * - Screen reader support for required field announcement\n * - Keyboard-accessible info icon button for additional field context\n * - Flexible content support for label text and help information\n * - Proper ARIA attributes and semantic structure\n * - Responsive design with consistent typography\n * - Polymorphic element support for different HTML elements\n *\n * @example\n * <FieldLabel htmlFor=\"email\" required>\n *   Email Address\n * </FieldLabel>\n * <input id=\"email\" type=\"email\" />\n *\n * @example\n * <FieldLabel\n *   el=\"label\"\n *   htmlFor=\"password\"\n *   required\n *   moreInfo=\"Password must be at least 8 characters long\"\n * >\n *   Password\n * </FieldLabel>\n * <input id=\"password\" type=\"password\" />\n *\n * @example\n * <FieldLabel el=\"legend\" required>\n *   Form Section\n * </FieldLabel>\n */\nconst FieldLabelElement = forwardRef(\n  (\n    {\n      el: Element = \"label\",\n      children,\n      className,\n      moreInfo,\n      moreInfoId,\n      required,\n      moreInfoOpen: _moreInfoOpen, // deprecated, ignored\n      ...props\n    }: FieldLabelProps,\n    ref,\n  ) => {\n    const FieldLabelClassNames = cx([styles[\"label\"]], className);\n\n    const labelText = (\n      <span className={styles[\"label-text\"]}>\n        {children}\n        {required ? (\n          <>\n            <span aria-hidden className={styles[\"required\"]}>\n              *\n            </span>\n            <SrOnly>Required</SrOnly>\n          </>\n        ) : null}\n      </span>\n    );\n\n    // When el=\"label\" with moreInfo, a <button> cannot be a descendant of <label> per HTML spec.\n    // Restructure: outer div wrapper + inner <label display:contents> + button as siblings.\n    if (Element === \"label\" && moreInfo) {\n      const { htmlFor, id, ...labelProps } =\n        props as ComponentPropsWithoutRef<\"label\">;\n      return (\n        <div className={FieldLabelClassNames} ref={ref as Ref<HTMLDivElement>}>\n          <div className={styles[\"top-container\"]}>\n            <label\n              htmlFor={htmlFor}\n              id={id}\n              data-anv=\"label\"\n              {...(labelProps as ComponentPropsWithoutRef<\"label\">)}\n            >\n              {labelText}\n            </label>\n            <FieldLabelMoreInfoIcon\n              moreInfo={moreInfo}\n              moreInfoId={moreInfoId}\n            />\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <Element\n        className={FieldLabelClassNames}\n        data-anv=\"label\"\n        ref={ref}\n        {...props}\n      >\n        {moreInfo ? (\n          <div className={styles[\"top-container\"]}>\n            {labelText}\n            <FieldLabelMoreInfoIcon\n              moreInfo={moreInfo}\n              moreInfoId={moreInfoId}\n            />\n          </div>\n        ) : (\n          labelText\n        )}\n      </Element>\n    );\n  },\n);\n\nFieldLabelElement.displayName = \"FieldLabel\";\n\nexport const FieldLabel = FieldLabelElement as <\n  E extends ElementType = \"label\",\n>(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: FieldLabelProps<E> & { ref?: React.Ref<any> },\n) => JSX.Element;\n"],"names":["styles","Info"],"mappings":"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"}

package/dist/FieldLabel.css

@@ -1,6 +1,6 @@
 @layer starter, reset, base, state, application;
 @layer reset {
-  ._label_wc4yy_2 {
+  ._label_h8zet_2 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -24,13 +24,13 @@
     box-sizing: border-box;
     display: revert-layer;
   }
-  legend._label_wc4yy_2 {
+  legend._label_h8zet_2 {
     border: 0px !important;
     color: var(--foreground-color, #141414) !important;
   }
 }
 @layer base {
-  ._label_wc4yy_2 {
+  ._label_h8zet_2 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -50,26 +50,96 @@
     font-size: 0.875rem;
     line-height: 1;
   }
-  ._label_wc4yy_2 ._top-container_wc4yy_52 {
+  ._label_h8zet_2 ._top-container_h8zet_52 {
     display: flex;
     gap: 0.25rem;
     align-items: flex-start;
   }
-  ._label_wc4yy_2 ._label-text_wc4yy_57 {
+  ._label_h8zet_2 ._label-text_h8zet_57 {
     line-height: 1rem;
     font-weight: 600;
   }
-  ._label_wc4yy_2 ._label-text_wc4yy_57 ._required_wc4yy_61 {
+  ._label_h8zet_2 ._label-text_h8zet_57 ._required_h8zet_61 {
     color: var(--foreground-color-danger, #e13212);
     margin-inline-start: 0.125rem;
     margin-inline-end: 0.125rem;
   }
-  ._label_wc4yy_2 ._info-trigger_wc4yy_66 {
-    display: flex;
+  ._info-container_h8zet_66 {
+    position: relative;
+    height: 1rem;
+    width: 1.75rem;
+  }
+  ._info-trigger_h8zet_71 {
+    position: absolute;
+    top: -0.375rem;
+    left: -0.25rem;
+  }
+  ._info-content_h8zet_76 {
+    max-width: 15rem !important;
+  }
+}@layer starter, reset, base, state, application;
+@layer reset {
+  ._field-label-button_15qen_2 {
+    all: unset;
+    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
+    font-size: 100%;
+    color: var(--foreground-color, #141414);
+    margin: 0;
+    padding: 0;
+    border-style: none;
+    border-width: 0;
+    border-color: transparent;
+    box-sizing: border-box;
+    display: revert-layer;
+    box-sizing: border-box;
+  }
+}
+@layer base {
+  ._field-label-button_15qen_2 {
+    display: inline-flex;
     align-items: center;
+    justify-content: center;
+    width: 1.75rem;
+    height: 1.75rem;
     cursor: pointer;
+    background-color: transparent;
+    border: none;
+    border-radius: 0.375rem;
+    padding: 0;
+    flex-shrink: 0;
+    outline-style: solid;
+    outline-width: 0;
+    outline-offset: 0.0625rem;
+    outline-color: var(--button-secondary-focus-ring-color, #0265DC);
+    transition: outline 200ms cubic-bezier(0, 0, 0.4, 1), background-color 200ms cubic-bezier(0, 0, 0.4, 1);
   }
-  ._label_wc4yy_2 ._info-content_wc4yy_71 {
-    max-width: 15rem !important;
+  ._field-label-button__inner_15qen_36 {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5rem;
+    height: 1.5rem;
+    border-radius: 0.375rem;
+    background-color: transparent;
+    transition: background-color 200ms cubic-bezier(0, 0, 0.4, 1);
+    pointer-events: none;
+  }
+}
+@layer state {
+  ._field-label-button_15qen_2:not(:disabled, [aria-disabled=true]):hover ._field-label-button__inner_15qen_36 {
+    background-color: var(--button-secondary-background-color-hover, rgba(5, 5, 5, 0.1333333333));
+  }
+  ._field-label-button_15qen_2:not(:disabled, [aria-disabled=true]):focus-visible, ._field-label-button_15qen_2:not(:disabled, [aria-disabled=true]):focus {
+    outline-width: 0.125rem;
   }
+  ._field-label-button_15qen_2:not(:disabled, [aria-disabled=true]):focus-visible ._field-label-button__inner_15qen_36, ._field-label-button_15qen_2:not(:disabled, [aria-disabled=true]):focus ._field-label-button__inner_15qen_36 {
+    background-color: var(--button-secondary-background-color-hover, rgba(5, 5, 5, 0.1333333333));
+  }
+  ._field-label-button_15qen_2:not(:disabled, [aria-disabled=true]):active ._field-label-button__inner_15qen_36 {
+    background-color: var(--button-secondary-background-color-active, rgba(7, 7, 7, 0.2078431373));
+  }
+}
+._field-label-button_15qen_2:disabled, ._field-label-button_15qen_2._disabled_15qen_62, ._field-label-button_15qen_2[aria-disabled=true] {
+  cursor: not-allowed;
+  opacity: 0.6;
 }

package/dist/FieldLabel.js

@@ -1,2 +1,2 @@
-export { F as FieldLabel, F as default } from './FieldLabel-DL0D6fvc.js';
+export { F as FieldLabel, F as default } from './FieldLabel-DbMosKtd.js';
 //# sourceMappingURL=FieldLabel.js.map

package/dist/{FieldMessage-OeP_xSUE.js → FieldMessage-COHqUdj5.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { forwardRef } from 'react';
-import { c as cx } from './index-SvGbrGuT.js';
-import { I as Icon } from './Icon-Bcil6aBo.js';
+import { c as cx } from './index-De1g9FRV.js';
+import { I as Icon } from './Icon-DuIlne4x.js';
 import { u as useTheme } from './useTheme-B4i6a3bM.js';
 
 import './FieldMessage.css';const messages = "_messages_1opif_1";
@@ -129,4 +129,4 @@ const FieldMessage = forwardRef(
 FieldMessage.displayName = "FieldMessage";
 
 export { FieldMessage as F };
-//# sourceMappingURL=FieldMessage-OeP_xSUE.js.map
+//# sourceMappingURL=FieldMessage-COHqUdj5.js.map

package/dist/{FieldMessage-OeP_xSUE.js.map → FieldMessage-COHqUdj5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FieldMessage-OeP_xSUE.js","sources":["../src/internal/components/StatusIcon/svg/error_dark.svg","../src/internal/components/StatusIcon/svg/warning_dark.svg","../src/internal/components/StatusIcon/svg/success_dark.svg","../src/internal/components/StatusIcon/svg/error_light.svg","../src/internal/components/StatusIcon/svg/warning_light.svg","../src/internal/components/StatusIcon/svg/success_light.svg","../src/internal/components/StatusIcon/StatusIcon.tsx","../src/components/FieldMessage/FieldMessage.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgErrorDark = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 18, viewBox: \"0 0 16 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M5.50977 2.02728H10.4814C10.7372 2.02732 10.9832 2.12578 11.1689 2.3017L14.6875 5.6347C14.8868 5.82354 15 6.08573 15 6.36029V11.2079C15 11.4623 14.9027 11.7071 14.7285 11.8925L11.1416 15.7119C10.9527 15.913 10.6891 16.0272 10.4131 16.0273H5.57812C5.30185 16.0271 5.03757 15.9125 4.84863 15.7109L1.27051 11.8935C1.09679 11.7082 1 11.4629 1 11.2089V6.35931C1 6.08506 1.11261 5.82254 1.31152 5.63373L4.82129 2.3017C5.00703 2.12539 5.25368 2.02736 5.50977 2.02728Z\", stroke: \"#ED6749\", strokeWidth: 2 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M4.51778 2.5757C4.89 2.2212 5.38442 2.02363 5.89844 2.02398L10.1016 2.02681C10.6138 2.02715 11.1063 2.22396 11.4776 2.57667L14.3846 5.33773C14.7825 5.71566 15.0076 6.24047 15.0072 6.78924L15.0045 10.8172C15.0041 11.3261 14.8098 11.8157 14.4611 12.1863L11.436 15.4017C11.0581 15.8034 10.531 16.0312 9.97938 16.0312H6.01505C5.46215 16.0312 4.93392 15.8024 4.55581 15.399L1.54358 12.1852C1.19681 11.8152 1.00352 11.3273 1.00282 10.8202L0.997275 6.78846C0.996521 6.24015 1.22091 5.71558 1.61796 5.33743L4.51778 2.5757Z\", fill: \"#ED6749\" }), /* @__PURE__ */ React.createElement(\"rect\", { x: 6.03735, y: 4.59998, width: 3.69733, height: 8.4, fill: \"#141414\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M8.12882 2.34454C4.44882 2.34454 1.46216 5.33121 1.46216 9.01121C1.46216 12.6912 4.44882 15.6779 8.12882 15.6779C11.8088 15.6779 14.7955 12.6912 14.7955 9.01121C14.7955 5.33121 11.8088 2.34454 8.12882 2.34454ZM8.12882 9.67788C7.76216 9.67788 7.46216 9.37788 7.46216 9.01121V6.34454C7.46216 5.97788 7.76216 5.67788 8.12882 5.67788C8.49549 5.67788 8.79549 5.97788 8.79549 6.34454V9.01121C8.79549 9.37788 8.49549 9.67788 8.12882 9.67788ZM8.79549 12.3445H7.46216V11.0112H8.79549V12.3445Z\", fill: \"#ED6749\" }));\nexport default SvgErrorDark;\n","import * as React from \"react\";\nconst SvgWarningDark = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 18, viewBox: \"0 0 16 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M6.97705 4.4436C7.42898 3.6633 8.55639 3.66329 9.0083 4.4436L15.3101 15.3333C15.7618 16.1135 15.1985 17.0928 14.2954 17.093H1.68994C0.786874 17.0928 0.223584 16.1135 0.675293 15.3333L6.97705 4.4436ZM6.65576 15.5823H9.32959V12.9084H6.65576V15.5823ZM7.99268 7.88696C7.2562 7.88696 6.65576 8.4874 6.65576 9.22388V10.8977C6.65577 11.6342 7.2562 12.2346 7.99268 12.2346C8.72914 12.2346 9.32958 11.6342 9.32959 10.8977V9.22388C9.32959 8.4874 8.72914 7.88697 7.99268 7.88696Z\", stroke: \"#FFC902\" }), /* @__PURE__ */ React.createElement(\"rect\", { x: 6.51721, y: 8.82703, width: 2.85797, height: 6.30518, fill: \"#141414\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M1.66406 16.5977L14.2188 16.6016C14.4375 16.6172 14.7203 16.5167 14.8438 16.3086C15.0234 16.0781 14.9846 15.7698 14.8867 15.5859L8.57422 4.68359C8.52734 4.57031 8.30681 4.36402 7.99609 4.35547C7.68964 4.35547 7.48438 4.54688 7.40234 4.71094L1.09766 15.6016C0.994082 15.7588 0.984801 16.1025 1.11328 16.293C1.23297 16.4704 1.46828 16.5934 1.66406 16.5977ZM7.98002 11.9172C7.58049 11.9172 7.2536 11.5887 7.2536 11.1873V9.72736C7.2536 9.32589 7.58049 8.99741 7.98002 8.99741C8.37955 8.99741 8.70644 9.32589 8.70644 9.72736V11.1873C8.70644 11.5887 8.37955 11.9172 7.98002 11.9172ZM8.70644 14.837H7.2536V13.3771H8.70644V14.837Z\", fill: \"#FFC902\" }));\nexport default SvgWarningDark;\n","import * as React from \"react\";\nconst SvgSuccessDark = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 16, viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0_50_1222)\" }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M8.00016 1.33333C4.32016 1.33333 1.3335 4.32 1.3335 8C1.3335 11.68 4.32016 14.6667 8.00016 14.6667C11.6802 14.6667 14.6668 11.68 14.6668 8C14.6668 4.32 11.6802 1.33333 8.00016 1.33333ZM6.1935 10.86L3.80016 8.46666C3.73844 8.40494 3.68948 8.33167 3.65608 8.25103C3.62267 8.17038 3.60548 8.08395 3.60548 7.99666C3.60548 7.90938 3.62267 7.82295 3.65608 7.7423C3.68948 7.66166 3.73844 7.58839 3.80016 7.52667C3.86188 7.46494 3.93516 7.41598 4.0158 7.38258C4.09644 7.34918 4.18288 7.33198 4.27016 7.33198C4.35745 7.33198 4.44388 7.34918 4.52452 7.38258C4.60517 7.41598 4.67844 7.46494 4.74016 7.52667L6.66683 9.44666L11.2535 4.86C11.3781 4.73535 11.5472 4.66532 11.7235 4.66532C11.8998 4.66532 12.0688 4.73535 12.1935 4.86C12.3181 4.98465 12.3882 5.15371 12.3882 5.33C12.3882 5.50628 12.3181 5.67535 12.1935 5.8L7.1335 10.86C7.07182 10.9218 6.99856 10.9708 6.91791 11.0043C6.83726 11.0377 6.75081 11.055 6.6635 11.055C6.57618 11.055 6.48973 11.0377 6.40908 11.0043C6.32843 10.9708 6.25517 10.9218 6.1935 10.86Z\", fill: \"#0BD085\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0_50_1222\" }, /* @__PURE__ */ React.createElement(\"rect\", { width: 16, height: 16, fill: \"white\" }))));\nexport default SvgSuccessDark;\n","import * as React from \"react\";\nconst SvgErrorLight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 18, viewBox: \"0 0 16 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M5.50977 2.02728H10.4814C10.7372 2.02732 10.9832 2.12578 11.1689 2.3017L14.6875 5.6347C14.8868 5.82354 15 6.08573 15 6.36029V11.2079C15 11.4623 14.9027 11.7071 14.7285 11.8925L11.1416 15.7119C10.9527 15.913 10.6891 16.0272 10.4131 16.0273H5.57812C5.30185 16.0271 5.03757 15.9125 4.84863 15.7109L1.27051 11.8935C1.09679 11.7082 1 11.4629 1 11.2089V6.35931C1 6.08506 1.11261 5.82254 1.31152 5.63373L4.82129 2.3017C5.00703 2.12539 5.25368 2.02736 5.50977 2.02728Z\", stroke: \"#A31900\", strokeWidth: 2 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M4.51778 2.5757C4.89 2.2212 5.38442 2.02363 5.89844 2.02398L10.1016 2.02681C10.6138 2.02715 11.1063 2.22396 11.4776 2.57667L14.3846 5.33773C14.7825 5.71566 15.0076 6.24047 15.0072 6.78924L15.0045 10.8172C15.0041 11.3261 14.8098 11.8157 14.4611 12.1863L11.436 15.4017C11.0581 15.8034 10.531 16.0312 9.97938 16.0312H6.01505C5.46215 16.0312 4.93392 15.8024 4.55581 15.399L1.54358 12.1852C1.19681 11.8152 1.00352 11.3273 1.00282 10.8202L0.997275 6.78846C0.996521 6.24015 1.22091 5.71558 1.61796 5.33743L4.51778 2.5757Z\", fill: \"#D62100\" }), /* @__PURE__ */ React.createElement(\"rect\", { x: 6.03735, y: 4.59998, width: 3.69733, height: 8.4, fill: \"white\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M8.12882 2.34454C4.44882 2.34454 1.46216 5.33121 1.46216 9.01121C1.46216 12.6912 4.44882 15.6779 8.12882 15.6779C11.8088 15.6779 14.7955 12.6912 14.7955 9.01121C14.7955 5.33121 11.8088 2.34454 8.12882 2.34454ZM8.12882 9.67788C7.76216 9.67788 7.46216 9.37788 7.46216 9.01121V6.34454C7.46216 5.97788 7.76216 5.67788 8.12882 5.67788C8.49549 5.67788 8.79549 5.97788 8.79549 6.34454V9.01121C8.79549 9.37788 8.49549 9.67788 8.12882 9.67788ZM8.79549 12.3445H7.46216V11.0112H8.79549V12.3445Z\", fill: \"#D62100\" }));\nexport default SvgErrorLight;\n","import * as React from \"react\";\nconst SvgWarningLight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 18, viewBox: \"0 0 16 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M6.97705 4.4436C7.42898 3.6633 8.55639 3.66329 9.0083 4.4436L15.3101 15.3333C15.7618 16.1135 15.1985 17.0928 14.2954 17.093H1.68994C0.786874 17.0928 0.223584 16.1135 0.675293 15.3333L6.97705 4.4436ZM6.65576 15.5823H9.32959V12.9084H6.65576V15.5823ZM7.99268 7.88696C7.2562 7.88696 6.65576 8.4874 6.65576 9.22388V10.8977C6.65577 11.6342 7.2562 12.2346 7.99268 12.2346C8.72914 12.2346 9.32958 11.6342 9.32959 10.8977V9.22388C9.32959 8.4874 8.72914 7.88697 7.99268 7.88696Z\", stroke: \"#964F00\" }), /* @__PURE__ */ React.createElement(\"rect\", { x: 6.51721, y: 8.82703, width: 2.85797, height: 6.30518, fill: \"white\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M1.66406 16.5977L14.2188 16.6016C14.4375 16.6172 14.7203 16.5167 14.8438 16.3086C15.0234 16.0781 14.9846 15.7698 14.8867 15.5859L8.57422 4.68359C8.52734 4.57031 8.30681 4.36402 7.99609 4.35547C7.68964 4.35547 7.48438 4.54688 7.40234 4.71094L1.09766 15.6016C0.994082 15.7588 0.984801 16.1025 1.11328 16.293C1.23297 16.4704 1.46828 16.5934 1.66406 16.5977ZM7.98002 11.9172C7.58049 11.9172 7.2536 11.5887 7.2536 11.1873V9.72736C7.2536 9.32589 7.58049 8.99741 7.98002 8.99741C8.37955 8.99741 8.70644 9.32589 8.70644 9.72736V11.1873C8.70644 11.5887 8.37955 11.9172 7.98002 11.9172ZM8.70644 14.837H7.2536V13.3771H8.70644V14.837Z\", fill: \"#E37700\" }));\nexport default SvgWarningLight;\n","import * as React from \"react\";\nconst SvgSuccessLight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 16, viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0_50_1211)\" }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M8.00016 1.33333C4.32016 1.33333 1.3335 4.32 1.3335 8C1.3335 11.68 4.32016 14.6667 8.00016 14.6667C11.6802 14.6667 14.6668 11.68 14.6668 8C14.6668 4.32 11.6802 1.33333 8.00016 1.33333ZM6.1935 10.86L3.80016 8.46666C3.73844 8.40494 3.68948 8.33167 3.65608 8.25103C3.62267 8.17038 3.60548 8.08395 3.60548 7.99666C3.60548 7.90938 3.62267 7.82295 3.65608 7.7423C3.68948 7.66166 3.73844 7.58839 3.80016 7.52667C3.86188 7.46494 3.93516 7.41598 4.0158 7.38258C4.09644 7.34918 4.18288 7.33198 4.27016 7.33198C4.35745 7.33198 4.44388 7.34918 4.52452 7.38258C4.60517 7.41598 4.67844 7.46494 4.74016 7.52667L6.66683 9.44666L11.2535 4.86C11.3781 4.73535 11.5472 4.66532 11.7235 4.66532C11.8998 4.66532 12.0688 4.73535 12.1935 4.86C12.3181 4.98465 12.3882 5.15371 12.3882 5.33C12.3882 5.50628 12.3181 5.67535 12.1935 5.8L7.1335 10.86C7.07182 10.9218 6.99856 10.9708 6.91791 11.0043C6.83726 11.0377 6.75081 11.055 6.6635 11.055C6.57618 11.055 6.48973 11.0377 6.40908 11.0043C6.32843 10.9708 6.25517 10.9218 6.1935 10.86Z\", fill: \"#077E50\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0_50_1211\" }, /* @__PURE__ */ React.createElement(\"rect\", { width: 16, height: 16, fill: \"white\" }))));\nexport default SvgSuccessLight;\n","import cx from \"classnames\";\nimport styles from \"./StatusIcon.module.scss\";\nimport { Icon, IconProps } from \"../../../components/Icon\";\nimport type { PassThroughPropsWithRef } from \"../../../types\";\n\nimport error_dark from \"./svg/error_dark.svg\";\nimport warning_dark from \"./svg/warning_dark.svg\";\nimport success_dark from \"./svg/success_dark.svg\";\nimport error_light from \"./svg/error_light.svg\";\nimport warning_light from \"./svg/warning_light.svg\";\nimport success_light from \"./svg/success_light.svg\";\nimport { useTheme } from \"../../../providers\";\n\nconst iconMap = {\n  success: {\n    light: success_light,\n    dark: success_dark,\n  },\n  warning: {\n    light: warning_light,\n    dark: warning_dark,\n  },\n  error: {\n    light: error_light,\n    dark: error_dark,\n  },\n};\n\n/**\n * The visual variant of the StatusIcon.\n */\nexport type StatusIconVariant = \"success\" | \"warning\" | \"error\";\n\n/**\n * Props for the StatusIcon component\n * @property {StatusIconVariant} variant - The visual variant of the status icon\n */\nexport type StatusIconProps = {\n  /**\n   * The visual variant of the status icon.\n   */\n  variant: StatusIconVariant;\n  /**\n   * Props spread onto the root `<span>` element.\n   */\n  rootProps?: PassThroughPropsWithRef<\"span\">;\n  /**\n   * Additional class names to apply to the root `<span>` element.\n   */\n  className?: string;\n  /**\n   * Props spread onto the inner `<Icon>` element.\n   */\n  iconProps?: Omit<IconProps, \"svg\" | \"inherit\" | \"color\">;\n};\n\n/**\n * StatusIcon component for displaying a status indicator icon.\n *\n * Features:\n * - Supports success, warning, and error variants\n * - Uses semantic status colors from design tokens\n * - Lightweight and composable\n *\n * @example\n * <StatusIcon variant=\"success\" />\n * <StatusIcon variant=\"warning\" />\n * <StatusIcon variant=\"error\" />\n */\nexport const StatusIcon = (props: StatusIconProps) => {\n  const { variant, rootProps, className, iconProps } = props;\n\n  const { mode } = useTheme();\n\n  return (\n    <span\n      {...rootProps}\n      className={cx(\n        styles[\"status-icon\"],\n        styles[variant],\n        className,\n        rootProps?.className,\n      )}\n    >\n      <Icon inherit svg={iconMap[variant][mode ?? \"light\"]} {...iconProps} />\n    </span>\n  );\n};\n\nStatusIcon.displayName = \"StatusIcon\";\n","import {\n  forwardRef,\n  type AriaAttributes,\n  type ReactElement,\n  type ComponentPropsWithoutRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./FieldMessage.module.scss\";\nimport { StatusIcon } from \"../../internal/components/StatusIcon\";\n\n/**\n * Props for the FieldMessage component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type FieldMessageProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Unique identifier for the field message container.\n   */\n  id?: string;\n  /**\n   * Hint text or element to display. Always visible regardless of error or warning state.\n   */\n  hint?: ReactElement | string;\n  /**\n   * Description text or element to display below the hint.\n   */\n  description?: ReactElement | string;\n  /**\n   * Error message(s) to display. Supports a single string, an array of strings,\n   * or a ReactElement (deprecated).\n   * All error messages use `aria-live=\"assertive\"`.\n   */\n  error?: string | string[] | ReactElement;\n  /**\n   * Warning message(s) to display. Supports a single string, an array of strings,\n   * or a ReactElement (deprecated).\n   * All warning messages use `aria-live=\"polite\"`.\n   */\n  warning?: string | string[] | ReactElement;\n  /**\n   * Error message or element to display when there's an error.\n   * @deprecated Use the `error` prop instead.\n   */\n  errorMessage?: ReactElement | string;\n  /**\n   * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n   */\n  errorAriaLive?: AriaAttributes[\"aria-live\"];\n};\n\n/** Normalizes a string | string[] | ReactElement into a renderable array. */\nfunction normalizeMessages(\n  val: string | string[] | ReactElement | undefined,\n): (string | ReactElement)[] {\n  if (val === undefined) return [];\n  if (Array.isArray(val)) return val;\n  return [val];\n}\n\n/**\n * FieldMessage component for displaying hints, descriptions, error messages, and warning messages for form fields.\n *\n * Features:\n * - Displays hint text that remains visible regardless of error or warning state\n * - Shows one or more error messages with error icon (aria-live=\"assertive\")\n * - Shows one or more warning messages with warning icon (aria-live=\"polite\")\n * - Supports both string and React element content\n * - Optional description text for additional context\n * - Accessible with proper ARIA attributes\n * - Visual error and warning indicators with status icons\n *\n * @example\n * <FieldMessage\n *   hint=\"Enter your email address\"\n *   description=\"We'll use this to send you updates\"\n *   error=\"Please enter a valid email address\"\n *   warning=\"This email is associated with another account\"\n * />\n */\nexport const FieldMessage = forwardRef<HTMLDivElement, FieldMessageProps>(\n  (props, ref) => {\n    const {\n      id,\n      hint,\n      description,\n      error,\n      warning,\n      errorAriaLive: _errorAriaLive,\n      errorMessage,\n      className,\n      ...rest\n    } = props;\n\n    const errorMessages = normalizeMessages(error);\n    const warningMessages = normalizeMessages(warning);\n\n    // Backward compatibility: if deprecated errorMessage is provided and new error prop is not\n    const allErrors =\n      errorMessages.length === 0 && errorMessage\n        ? [errorMessage]\n        : errorMessages;\n\n    return (\n      <div\n        {...rest}\n        className={cx(styles[\"messages\"], className)}\n        ref={ref}\n        id={id}\n      >\n        {hint ?? null}\n        {description ? (\n          <div className={styles[\"description-container\"]}>\n            <span>{description}</span>\n          </div>\n        ) : null}\n        {allErrors.map((msg, index) => (\n          <div key={index} className={styles[\"error-container\"]}>\n            <StatusIcon\n              variant=\"error\"\n              rootProps={{\n                \"aria-hidden\": true,\n                className: styles[\"status-icon\"],\n                style: { color: \"inherit\" },\n              }}\n            />\n            <span className={styles[\"error-message\"]} aria-live=\"assertive\">\n              {msg}\n            </span>\n          </div>\n        ))}\n        {warningMessages.map((msg, index) => (\n          <div key={index} className={styles[\"warning-container\"]}>\n            <StatusIcon\n              variant=\"warning\"\n              rootProps={{\n                \"aria-hidden\": true,\n                className: styles[\"status-icon\"],\n                style: { color: \"inherit\" },\n              }}\n            />\n            <span className={styles[\"warning-message\"]} aria-live=\"polite\">\n              {msg}\n            </span>\n          </div>\n        ))}\n      </div>\n    );\n  },\n);\n\nFieldMessage.displayName = \"FieldMessage\";\n"],"names":["success_light","success_dark","warning_light","warning_dark","error_light","error_dark","styles"],"mappings":"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"}
+{"version":3,"file":"FieldMessage-COHqUdj5.js","sources":["../src/internal/components/StatusIcon/svg/error_dark.svg","../src/internal/components/StatusIcon/svg/warning_dark.svg","../src/internal/components/StatusIcon/svg/success_dark.svg","../src/internal/components/StatusIcon/svg/error_light.svg","../src/internal/components/StatusIcon/svg/warning_light.svg","../src/internal/components/StatusIcon/svg/success_light.svg","../src/internal/components/StatusIcon/StatusIcon.tsx","../src/components/FieldMessage/FieldMessage.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgErrorDark = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 18, viewBox: \"0 0 16 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M5.50977 2.02728H10.4814C10.7372 2.02732 10.9832 2.12578 11.1689 2.3017L14.6875 5.6347C14.8868 5.82354 15 6.08573 15 6.36029V11.2079C15 11.4623 14.9027 11.7071 14.7285 11.8925L11.1416 15.7119C10.9527 15.913 10.6891 16.0272 10.4131 16.0273H5.57812C5.30185 16.0271 5.03757 15.9125 4.84863 15.7109L1.27051 11.8935C1.09679 11.7082 1 11.4629 1 11.2089V6.35931C1 6.08506 1.11261 5.82254 1.31152 5.63373L4.82129 2.3017C5.00703 2.12539 5.25368 2.02736 5.50977 2.02728Z\", stroke: \"#ED6749\", strokeWidth: 2 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M4.51778 2.5757C4.89 2.2212 5.38442 2.02363 5.89844 2.02398L10.1016 2.02681C10.6138 2.02715 11.1063 2.22396 11.4776 2.57667L14.3846 5.33773C14.7825 5.71566 15.0076 6.24047 15.0072 6.78924L15.0045 10.8172C15.0041 11.3261 14.8098 11.8157 14.4611 12.1863L11.436 15.4017C11.0581 15.8034 10.531 16.0312 9.97938 16.0312H6.01505C5.46215 16.0312 4.93392 15.8024 4.55581 15.399L1.54358 12.1852C1.19681 11.8152 1.00352 11.3273 1.00282 10.8202L0.997275 6.78846C0.996521 6.24015 1.22091 5.71558 1.61796 5.33743L4.51778 2.5757Z\", fill: \"#ED6749\" }), /* @__PURE__ */ React.createElement(\"rect\", { x: 6.03735, y: 4.59998, width: 3.69733, height: 8.4, fill: \"#141414\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M8.12882 2.34454C4.44882 2.34454 1.46216 5.33121 1.46216 9.01121C1.46216 12.6912 4.44882 15.6779 8.12882 15.6779C11.8088 15.6779 14.7955 12.6912 14.7955 9.01121C14.7955 5.33121 11.8088 2.34454 8.12882 2.34454ZM8.12882 9.67788C7.76216 9.67788 7.46216 9.37788 7.46216 9.01121V6.34454C7.46216 5.97788 7.76216 5.67788 8.12882 5.67788C8.49549 5.67788 8.79549 5.97788 8.79549 6.34454V9.01121C8.79549 9.37788 8.49549 9.67788 8.12882 9.67788ZM8.79549 12.3445H7.46216V11.0112H8.79549V12.3445Z\", fill: \"#ED6749\" }));\nexport default SvgErrorDark;\n","import * as React from \"react\";\nconst SvgWarningDark = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 18, viewBox: \"0 0 16 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M6.97705 4.4436C7.42898 3.6633 8.55639 3.66329 9.0083 4.4436L15.3101 15.3333C15.7618 16.1135 15.1985 17.0928 14.2954 17.093H1.68994C0.786874 17.0928 0.223584 16.1135 0.675293 15.3333L6.97705 4.4436ZM6.65576 15.5823H9.32959V12.9084H6.65576V15.5823ZM7.99268 7.88696C7.2562 7.88696 6.65576 8.4874 6.65576 9.22388V10.8977C6.65577 11.6342 7.2562 12.2346 7.99268 12.2346C8.72914 12.2346 9.32958 11.6342 9.32959 10.8977V9.22388C9.32959 8.4874 8.72914 7.88697 7.99268 7.88696Z\", stroke: \"#FFC902\" }), /* @__PURE__ */ React.createElement(\"rect\", { x: 6.51721, y: 8.82703, width: 2.85797, height: 6.30518, fill: \"#141414\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M1.66406 16.5977L14.2188 16.6016C14.4375 16.6172 14.7203 16.5167 14.8438 16.3086C15.0234 16.0781 14.9846 15.7698 14.8867 15.5859L8.57422 4.68359C8.52734 4.57031 8.30681 4.36402 7.99609 4.35547C7.68964 4.35547 7.48438 4.54688 7.40234 4.71094L1.09766 15.6016C0.994082 15.7588 0.984801 16.1025 1.11328 16.293C1.23297 16.4704 1.46828 16.5934 1.66406 16.5977ZM7.98002 11.9172C7.58049 11.9172 7.2536 11.5887 7.2536 11.1873V9.72736C7.2536 9.32589 7.58049 8.99741 7.98002 8.99741C8.37955 8.99741 8.70644 9.32589 8.70644 9.72736V11.1873C8.70644 11.5887 8.37955 11.9172 7.98002 11.9172ZM8.70644 14.837H7.2536V13.3771H8.70644V14.837Z\", fill: \"#FFC902\" }));\nexport default SvgWarningDark;\n","import * as React from \"react\";\nconst SvgSuccessDark = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 16, viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0_50_1222)\" }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M8.00016 1.33333C4.32016 1.33333 1.3335 4.32 1.3335 8C1.3335 11.68 4.32016 14.6667 8.00016 14.6667C11.6802 14.6667 14.6668 11.68 14.6668 8C14.6668 4.32 11.6802 1.33333 8.00016 1.33333ZM6.1935 10.86L3.80016 8.46666C3.73844 8.40494 3.68948 8.33167 3.65608 8.25103C3.62267 8.17038 3.60548 8.08395 3.60548 7.99666C3.60548 7.90938 3.62267 7.82295 3.65608 7.7423C3.68948 7.66166 3.73844 7.58839 3.80016 7.52667C3.86188 7.46494 3.93516 7.41598 4.0158 7.38258C4.09644 7.34918 4.18288 7.33198 4.27016 7.33198C4.35745 7.33198 4.44388 7.34918 4.52452 7.38258C4.60517 7.41598 4.67844 7.46494 4.74016 7.52667L6.66683 9.44666L11.2535 4.86C11.3781 4.73535 11.5472 4.66532 11.7235 4.66532C11.8998 4.66532 12.0688 4.73535 12.1935 4.86C12.3181 4.98465 12.3882 5.15371 12.3882 5.33C12.3882 5.50628 12.3181 5.67535 12.1935 5.8L7.1335 10.86C7.07182 10.9218 6.99856 10.9708 6.91791 11.0043C6.83726 11.0377 6.75081 11.055 6.6635 11.055C6.57618 11.055 6.48973 11.0377 6.40908 11.0043C6.32843 10.9708 6.25517 10.9218 6.1935 10.86Z\", fill: \"#0BD085\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0_50_1222\" }, /* @__PURE__ */ React.createElement(\"rect\", { width: 16, height: 16, fill: \"white\" }))));\nexport default SvgSuccessDark;\n","import * as React from \"react\";\nconst SvgErrorLight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 18, viewBox: \"0 0 16 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M5.50977 2.02728H10.4814C10.7372 2.02732 10.9832 2.12578 11.1689 2.3017L14.6875 5.6347C14.8868 5.82354 15 6.08573 15 6.36029V11.2079C15 11.4623 14.9027 11.7071 14.7285 11.8925L11.1416 15.7119C10.9527 15.913 10.6891 16.0272 10.4131 16.0273H5.57812C5.30185 16.0271 5.03757 15.9125 4.84863 15.7109L1.27051 11.8935C1.09679 11.7082 1 11.4629 1 11.2089V6.35931C1 6.08506 1.11261 5.82254 1.31152 5.63373L4.82129 2.3017C5.00703 2.12539 5.25368 2.02736 5.50977 2.02728Z\", stroke: \"#A31900\", strokeWidth: 2 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M4.51778 2.5757C4.89 2.2212 5.38442 2.02363 5.89844 2.02398L10.1016 2.02681C10.6138 2.02715 11.1063 2.22396 11.4776 2.57667L14.3846 5.33773C14.7825 5.71566 15.0076 6.24047 15.0072 6.78924L15.0045 10.8172C15.0041 11.3261 14.8098 11.8157 14.4611 12.1863L11.436 15.4017C11.0581 15.8034 10.531 16.0312 9.97938 16.0312H6.01505C5.46215 16.0312 4.93392 15.8024 4.55581 15.399L1.54358 12.1852C1.19681 11.8152 1.00352 11.3273 1.00282 10.8202L0.997275 6.78846C0.996521 6.24015 1.22091 5.71558 1.61796 5.33743L4.51778 2.5757Z\", fill: \"#D62100\" }), /* @__PURE__ */ React.createElement(\"rect\", { x: 6.03735, y: 4.59998, width: 3.69733, height: 8.4, fill: \"white\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M8.12882 2.34454C4.44882 2.34454 1.46216 5.33121 1.46216 9.01121C1.46216 12.6912 4.44882 15.6779 8.12882 15.6779C11.8088 15.6779 14.7955 12.6912 14.7955 9.01121C14.7955 5.33121 11.8088 2.34454 8.12882 2.34454ZM8.12882 9.67788C7.76216 9.67788 7.46216 9.37788 7.46216 9.01121V6.34454C7.46216 5.97788 7.76216 5.67788 8.12882 5.67788C8.49549 5.67788 8.79549 5.97788 8.79549 6.34454V9.01121C8.79549 9.37788 8.49549 9.67788 8.12882 9.67788ZM8.79549 12.3445H7.46216V11.0112H8.79549V12.3445Z\", fill: \"#D62100\" }));\nexport default SvgErrorLight;\n","import * as React from \"react\";\nconst SvgWarningLight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 18, viewBox: \"0 0 16 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M6.97705 4.4436C7.42898 3.6633 8.55639 3.66329 9.0083 4.4436L15.3101 15.3333C15.7618 16.1135 15.1985 17.0928 14.2954 17.093H1.68994C0.786874 17.0928 0.223584 16.1135 0.675293 15.3333L6.97705 4.4436ZM6.65576 15.5823H9.32959V12.9084H6.65576V15.5823ZM7.99268 7.88696C7.2562 7.88696 6.65576 8.4874 6.65576 9.22388V10.8977C6.65577 11.6342 7.2562 12.2346 7.99268 12.2346C8.72914 12.2346 9.32958 11.6342 9.32959 10.8977V9.22388C9.32959 8.4874 8.72914 7.88697 7.99268 7.88696Z\", stroke: \"#964F00\" }), /* @__PURE__ */ React.createElement(\"rect\", { x: 6.51721, y: 8.82703, width: 2.85797, height: 6.30518, fill: \"white\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M1.66406 16.5977L14.2188 16.6016C14.4375 16.6172 14.7203 16.5167 14.8438 16.3086C15.0234 16.0781 14.9846 15.7698 14.8867 15.5859L8.57422 4.68359C8.52734 4.57031 8.30681 4.36402 7.99609 4.35547C7.68964 4.35547 7.48438 4.54688 7.40234 4.71094L1.09766 15.6016C0.994082 15.7588 0.984801 16.1025 1.11328 16.293C1.23297 16.4704 1.46828 16.5934 1.66406 16.5977ZM7.98002 11.9172C7.58049 11.9172 7.2536 11.5887 7.2536 11.1873V9.72736C7.2536 9.32589 7.58049 8.99741 7.98002 8.99741C8.37955 8.99741 8.70644 9.32589 8.70644 9.72736V11.1873C8.70644 11.5887 8.37955 11.9172 7.98002 11.9172ZM8.70644 14.837H7.2536V13.3771H8.70644V14.837Z\", fill: \"#E37700\" }));\nexport default SvgWarningLight;\n","import * as React from \"react\";\nconst SvgSuccessLight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 16, viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0_50_1211)\" }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M8.00016 1.33333C4.32016 1.33333 1.3335 4.32 1.3335 8C1.3335 11.68 4.32016 14.6667 8.00016 14.6667C11.6802 14.6667 14.6668 11.68 14.6668 8C14.6668 4.32 11.6802 1.33333 8.00016 1.33333ZM6.1935 10.86L3.80016 8.46666C3.73844 8.40494 3.68948 8.33167 3.65608 8.25103C3.62267 8.17038 3.60548 8.08395 3.60548 7.99666C3.60548 7.90938 3.62267 7.82295 3.65608 7.7423C3.68948 7.66166 3.73844 7.58839 3.80016 7.52667C3.86188 7.46494 3.93516 7.41598 4.0158 7.38258C4.09644 7.34918 4.18288 7.33198 4.27016 7.33198C4.35745 7.33198 4.44388 7.34918 4.52452 7.38258C4.60517 7.41598 4.67844 7.46494 4.74016 7.52667L6.66683 9.44666L11.2535 4.86C11.3781 4.73535 11.5472 4.66532 11.7235 4.66532C11.8998 4.66532 12.0688 4.73535 12.1935 4.86C12.3181 4.98465 12.3882 5.15371 12.3882 5.33C12.3882 5.50628 12.3181 5.67535 12.1935 5.8L7.1335 10.86C7.07182 10.9218 6.99856 10.9708 6.91791 11.0043C6.83726 11.0377 6.75081 11.055 6.6635 11.055C6.57618 11.055 6.48973 11.0377 6.40908 11.0043C6.32843 10.9708 6.25517 10.9218 6.1935 10.86Z\", fill: \"#077E50\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0_50_1211\" }, /* @__PURE__ */ React.createElement(\"rect\", { width: 16, height: 16, fill: \"white\" }))));\nexport default SvgSuccessLight;\n","import cx from \"classnames\";\nimport styles from \"./StatusIcon.module.scss\";\nimport { Icon, IconProps } from \"../../../components/Icon\";\nimport type { PassThroughPropsWithRef } from \"../../../types\";\n\nimport error_dark from \"./svg/error_dark.svg\";\nimport warning_dark from \"./svg/warning_dark.svg\";\nimport success_dark from \"./svg/success_dark.svg\";\nimport error_light from \"./svg/error_light.svg\";\nimport warning_light from \"./svg/warning_light.svg\";\nimport success_light from \"./svg/success_light.svg\";\nimport { useTheme } from \"../../../providers\";\n\nconst iconMap = {\n  success: {\n    light: success_light,\n    dark: success_dark,\n  },\n  warning: {\n    light: warning_light,\n    dark: warning_dark,\n  },\n  error: {\n    light: error_light,\n    dark: error_dark,\n  },\n};\n\n/**\n * The visual variant of the StatusIcon.\n */\nexport type StatusIconVariant = \"success\" | \"warning\" | \"error\";\n\n/**\n * Props for the StatusIcon component\n * @property {StatusIconVariant} variant - The visual variant of the status icon\n */\nexport type StatusIconProps = {\n  /**\n   * The visual variant of the status icon.\n   */\n  variant: StatusIconVariant;\n  /**\n   * Props spread onto the root `<span>` element.\n   */\n  rootProps?: PassThroughPropsWithRef<\"span\">;\n  /**\n   * Additional class names to apply to the root `<span>` element.\n   */\n  className?: string;\n  /**\n   * Props spread onto the inner `<Icon>` element.\n   */\n  iconProps?: Omit<IconProps, \"svg\" | \"inherit\" | \"color\">;\n};\n\n/**\n * StatusIcon component for displaying a status indicator icon.\n *\n * Features:\n * - Supports success, warning, and error variants\n * - Uses semantic status colors from design tokens\n * - Lightweight and composable\n *\n * @example\n * <StatusIcon variant=\"success\" />\n * <StatusIcon variant=\"warning\" />\n * <StatusIcon variant=\"error\" />\n */\nexport const StatusIcon = (props: StatusIconProps) => {\n  const { variant, rootProps, className, iconProps } = props;\n\n  const { mode } = useTheme();\n\n  return (\n    <span\n      {...rootProps}\n      className={cx(\n        styles[\"status-icon\"],\n        styles[variant],\n        className,\n        rootProps?.className,\n      )}\n    >\n      <Icon inherit svg={iconMap[variant][mode ?? \"light\"]} {...iconProps} />\n    </span>\n  );\n};\n\nStatusIcon.displayName = \"StatusIcon\";\n","import {\n  forwardRef,\n  type AriaAttributes,\n  type ReactElement,\n  type ComponentPropsWithoutRef,\n} from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./FieldMessage.module.scss\";\nimport { StatusIcon } from \"../../internal/components/StatusIcon\";\n\n/**\n * Props for the FieldMessage component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type FieldMessageProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Unique identifier for the field message container.\n   */\n  id?: string;\n  /**\n   * Hint text or element to display. Always visible regardless of error or warning state.\n   */\n  hint?: ReactElement | string;\n  /**\n   * Description text or element to display below the hint.\n   */\n  description?: ReactElement | string;\n  /**\n   * Error message(s) to display. Supports a single string, an array of strings,\n   * or a ReactElement (deprecated).\n   * All error messages use `aria-live=\"assertive\"`.\n   */\n  error?: string | string[] | ReactElement;\n  /**\n   * Warning message(s) to display. Supports a single string, an array of strings,\n   * or a ReactElement (deprecated).\n   * All warning messages use `aria-live=\"polite\"`.\n   */\n  warning?: string | string[] | ReactElement;\n  /**\n   * Error message or element to display when there's an error.\n   * @deprecated Use the `error` prop instead.\n   */\n  errorMessage?: ReactElement | string;\n  /**\n   * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n   */\n  errorAriaLive?: AriaAttributes[\"aria-live\"];\n};\n\n/** Normalizes a string | string[] | ReactElement into a renderable array. */\nfunction normalizeMessages(\n  val: string | string[] | ReactElement | undefined,\n): (string | ReactElement)[] {\n  if (val === undefined) return [];\n  if (Array.isArray(val)) return val;\n  return [val];\n}\n\n/**\n * FieldMessage component for displaying hints, descriptions, error messages, and warning messages for form fields.\n *\n * Features:\n * - Displays hint text that remains visible regardless of error or warning state\n * - Shows one or more error messages with error icon (aria-live=\"assertive\")\n * - Shows one or more warning messages with warning icon (aria-live=\"polite\")\n * - Supports both string and React element content\n * - Optional description text for additional context\n * - Accessible with proper ARIA attributes\n * - Visual error and warning indicators with status icons\n *\n * @example\n * <FieldMessage\n *   hint=\"Enter your email address\"\n *   description=\"We'll use this to send you updates\"\n *   error=\"Please enter a valid email address\"\n *   warning=\"This email is associated with another account\"\n * />\n */\nexport const FieldMessage = forwardRef<HTMLDivElement, FieldMessageProps>(\n  (props, ref) => {\n    const {\n      id,\n      hint,\n      description,\n      error,\n      warning,\n      errorAriaLive: _errorAriaLive,\n      errorMessage,\n      className,\n      ...rest\n    } = props;\n\n    const errorMessages = normalizeMessages(error);\n    const warningMessages = normalizeMessages(warning);\n\n    // Backward compatibility: if deprecated errorMessage is provided and new error prop is not\n    const allErrors =\n      errorMessages.length === 0 && errorMessage\n        ? [errorMessage]\n        : errorMessages;\n\n    return (\n      <div\n        {...rest}\n        className={cx(styles[\"messages\"], className)}\n        ref={ref}\n        id={id}\n      >\n        {hint ?? null}\n        {description ? (\n          <div className={styles[\"description-container\"]}>\n            <span>{description}</span>\n          </div>\n        ) : null}\n        {allErrors.map((msg, index) => (\n          <div key={index} className={styles[\"error-container\"]}>\n            <StatusIcon\n              variant=\"error\"\n              rootProps={{\n                \"aria-hidden\": true,\n                className: styles[\"status-icon\"],\n                style: { color: \"inherit\" },\n              }}\n            />\n            <span className={styles[\"error-message\"]} aria-live=\"assertive\">\n              {msg}\n            </span>\n          </div>\n        ))}\n        {warningMessages.map((msg, index) => (\n          <div key={index} className={styles[\"warning-container\"]}>\n            <StatusIcon\n              variant=\"warning\"\n              rootProps={{\n                \"aria-hidden\": true,\n                className: styles[\"status-icon\"],\n                style: { color: \"inherit\" },\n              }}\n            />\n            <span className={styles[\"warning-message\"]} aria-live=\"polite\">\n              {msg}\n            </span>\n          </div>\n        ))}\n      </div>\n    );\n  },\n);\n\nFieldMessage.displayName = \"FieldMessage\";\n"],"names":["success_light","success_dark","warning_light","warning_dark","error_light","error_dark","styles"],"mappings":"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"}

package/dist/FieldMessage.js

@@ -1,3 +1,3 @@
-export { F as FieldMessage, F as default } from './FieldMessage-OeP_xSUE.js';
-export { w as warnDeprecatedErrorUsage } from './utils-pudAMGnO.js';
+export { F as FieldMessage, F as default } from './FieldMessage-COHqUdj5.js';
+export { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
 //# sourceMappingURL=FieldMessage.js.map

package/dist/{Flex-CUtXN-C0.js → Flex-WyyZm1bf.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { c as cx } from './index-SvGbrGuT.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-loxbyklF.js';
+import { c as cx } from './index-De1g9FRV.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
 
 import './Flex.css';const flex = "_flex_3ncub_2";
 const styles = {
@@ -97,4 +97,4 @@ const Flex = forwardRef((props, ref) => {
 Flex.displayName = "Flex";
 
 export { Flex as F };
-//# sourceMappingURL=Flex-CUtXN-C0.js.map
+//# sourceMappingURL=Flex-WyyZm1bf.js.map

package/dist/{Flex-CUtXN-C0.js.map → Flex-WyyZm1bf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Flex-CUtXN-C0.js","sources":["../src/components/Flex/Flex.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Flex.module.scss\";\nimport { FlexSpecificProps } from \"./internal/FlexSpecificProps\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the Flex component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends FlexSpecificProps\n */\nexport type FlexProps = ComponentPropsWithoutRef<\"div\"> &\n  FlexSpecificProps & {\n    /**\n     * Responsive props for small screens (sm breakpoint).\n     */\n    sm?: FlexSpecificProps;\n    /**\n     * Responsive props for medium screens (md breakpoint).\n     */\n    md?: FlexSpecificProps;\n    /**\n     * Responsive props for large screens (lg breakpoint).\n     */\n    lg?: FlexSpecificProps;\n    /**\n     * Responsive props for extra large screens (xl breakpoint).\n     */\n    xl?: FlexSpecificProps;\n    /**\n     * Responsive props for extra extra large screens (xxl breakpoint).\n     */\n    xxl?: FlexSpecificProps;\n  };\n\n/**\n * Flex component for creating flexible layouts using CSS Flexbox.\n *\n * Features:\n * - CSS Flexbox layout with full control over flex properties\n * - Support for both flex and inline-flex display modes\n * - Responsive design with breakpoint-specific props (sm, md, lg, xl, xxl)\n * - Comprehensive layout utilities for spacing, alignment, and positioning\n * - Automatic style generation and class management\n * - Support for all standard div element props\n * - Flexible direction, grow, shrink, basis, and wrap controls\n *\n * @example\n * <Flex direction=\"row\" gap=\"4\" alignItems=\"center\">\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Flex>\n *\n * @example\n * <Flex\n *   direction=\"column\"\n *   gap=\"2\"\n *   md={{ direction: \"row\", gap: \"4\" }}\n * >\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Flex>\n */\nexport const Flex = forwardRef<HTMLDivElement, FlexProps>((props, ref) => {\n  const {\n    inline,\n    direction,\n    grow,\n    shrink,\n    basis,\n    wrap,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    ...nonLayoutProps\n  } = props;\n  const combineLayoutProps = {\n    ...nonLayoutProps,\n    flexDirection: direction,\n    flexGrow: grow,\n    flexShrink: shrink,\n    flexBasis: basis,\n    flexWrap: wrap,\n    sm: {\n      ...sm,\n      flexDirection: sm?.direction,\n      flexGrow: sm?.grow,\n      flexShrink: sm?.shrink,\n      flexBasis: sm?.basis,\n      flexWrap: sm?.wrap,\n    },\n    md: {\n      ...md,\n      flexDirection: md?.direction,\n      flexGrow: md?.grow,\n      flexShrink: md?.shrink,\n      flexBasis: md?.basis,\n      flexWrap: md?.wrap,\n    },\n    lg: {\n      ...lg,\n      flexDirection: lg?.direction,\n      flexGrow: lg?.grow,\n      flexShrink: lg?.shrink,\n      flexBasis: lg?.basis,\n      flexWrap: lg?.wrap,\n    },\n    xl: {\n      ...xl,\n      flexDirection: xl?.direction,\n      flexGrow: xl?.grow,\n      flexShrink: xl?.shrink,\n      flexBasis: xl?.basis,\n      flexWrap: xl?.wrap,\n    },\n    xxl: {\n      ...xxl,\n      flexDirection: xxl?.direction,\n      flexGrow: xxl?.grow,\n      flexShrink: xxl?.shrink,\n      flexBasis: xxl?.basis,\n      flexWrap: xxl?.wrap,\n    },\n  };\n  const { layoutStyles, componentProps } =\n    useLayoutPropsUtil(combineLayoutProps);\n\n  const { children, className, style, ...rest } = componentProps;\n\n  const flexClassNames = cx(className, {\n    [styles[\"flex\"]]: !inline,\n    [styles[\"inline-flex\"]]: inline,\n  });\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={flexClassNames}\n      data-anv=\"flex\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nFlex.displayName = \"Flex\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Flex-WyyZm1bf.js","sources":["../src/components/Flex/Flex.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Flex.module.scss\";\nimport { FlexSpecificProps } from \"./internal/FlexSpecificProps\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the Flex component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends FlexSpecificProps\n */\nexport type FlexProps = ComponentPropsWithoutRef<\"div\"> &\n  FlexSpecificProps & {\n    /**\n     * Responsive props for small screens (sm breakpoint).\n     */\n    sm?: FlexSpecificProps;\n    /**\n     * Responsive props for medium screens (md breakpoint).\n     */\n    md?: FlexSpecificProps;\n    /**\n     * Responsive props for large screens (lg breakpoint).\n     */\n    lg?: FlexSpecificProps;\n    /**\n     * Responsive props for extra large screens (xl breakpoint).\n     */\n    xl?: FlexSpecificProps;\n    /**\n     * Responsive props for extra extra large screens (xxl breakpoint).\n     */\n    xxl?: FlexSpecificProps;\n  };\n\n/**\n * Flex component for creating flexible layouts using CSS Flexbox.\n *\n * Features:\n * - CSS Flexbox layout with full control over flex properties\n * - Support for both flex and inline-flex display modes\n * - Responsive design with breakpoint-specific props (sm, md, lg, xl, xxl)\n * - Comprehensive layout utilities for spacing, alignment, and positioning\n * - Automatic style generation and class management\n * - Support for all standard div element props\n * - Flexible direction, grow, shrink, basis, and wrap controls\n *\n * @example\n * <Flex direction=\"row\" gap=\"4\" alignItems=\"center\">\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Flex>\n *\n * @example\n * <Flex\n *   direction=\"column\"\n *   gap=\"2\"\n *   md={{ direction: \"row\", gap: \"4\" }}\n * >\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Flex>\n */\nexport const Flex = forwardRef<HTMLDivElement, FlexProps>((props, ref) => {\n  const {\n    inline,\n    direction,\n    grow,\n    shrink,\n    basis,\n    wrap,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    ...nonLayoutProps\n  } = props;\n  const combineLayoutProps = {\n    ...nonLayoutProps,\n    flexDirection: direction,\n    flexGrow: grow,\n    flexShrink: shrink,\n    flexBasis: basis,\n    flexWrap: wrap,\n    sm: {\n      ...sm,\n      flexDirection: sm?.direction,\n      flexGrow: sm?.grow,\n      flexShrink: sm?.shrink,\n      flexBasis: sm?.basis,\n      flexWrap: sm?.wrap,\n    },\n    md: {\n      ...md,\n      flexDirection: md?.direction,\n      flexGrow: md?.grow,\n      flexShrink: md?.shrink,\n      flexBasis: md?.basis,\n      flexWrap: md?.wrap,\n    },\n    lg: {\n      ...lg,\n      flexDirection: lg?.direction,\n      flexGrow: lg?.grow,\n      flexShrink: lg?.shrink,\n      flexBasis: lg?.basis,\n      flexWrap: lg?.wrap,\n    },\n    xl: {\n      ...xl,\n      flexDirection: xl?.direction,\n      flexGrow: xl?.grow,\n      flexShrink: xl?.shrink,\n      flexBasis: xl?.basis,\n      flexWrap: xl?.wrap,\n    },\n    xxl: {\n      ...xxl,\n      flexDirection: xxl?.direction,\n      flexGrow: xxl?.grow,\n      flexShrink: xxl?.shrink,\n      flexBasis: xxl?.basis,\n      flexWrap: xxl?.wrap,\n    },\n  };\n  const { layoutStyles, componentProps } =\n    useLayoutPropsUtil(combineLayoutProps);\n\n  const { children, className, style, ...rest } = componentProps;\n\n  const flexClassNames = cx(className, {\n    [styles[\"flex\"]]: !inline,\n    [styles[\"inline-flex\"]]: inline,\n  });\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={flexClassNames}\n      data-anv=\"flex\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nFlex.displayName = \"Flex\";\n"],"names":[],"mappings":";;;;;;;;;;;AAiEO,MAAM,IAAA,GAAO,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxE,EAAA,MAAM;AAAA,IACJ,MAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,EAAA;AAAA,IACA,EAAA;AAAA,IACA,EAAA;AAAA,IACA,EAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,kBAAA,GAAqB;AAAA,IACzB,GAAG,cAAA;AAAA,IACH,aAAA,EAAe,SAAA;AAAA,IACf,QAAA,EAAU,IAAA;AAAA,IACV,UAAA,EAAY,MAAA;AAAA,IACZ,SAAA,EAAW,KAAA;AAAA,IACX,QAAA,EAAU,IAAA;AAAA,IACV,EAAA,EAAI;AAAA,MACF,GAAG,EAAA;AAAA,MACH,eAAe,EAAA,EAAI,SAAA;AAAA,MACnB,UAAU,EAAA,EAAI,IAAA;AAAA,MACd,YAAY,EAAA,EAAI,MAAA;AAAA,MAChB,WAAW,EAAA,EAAI,KAAA;AAAA,MACf,UAAU,EAAA,EAAI;AAAA,KAChB;AAAA,IACA,EAAA,EAAI;AAAA,MACF,GAAG,EAAA;AAAA,MACH,eAAe,EAAA,EAAI,SAAA;AAAA,MACnB,UAAU,EAAA,EAAI,IAAA;AAAA,MACd,YAAY,EAAA,EAAI,MAAA;AAAA,MAChB,WAAW,EAAA,EAAI,KAAA;AAAA,MACf,UAAU,EAAA,EAAI;AAAA,KAChB;AAAA,IACA,EAAA,EAAI;AAAA,MACF,GAAG,EAAA;AAAA,MACH,eAAe,EAAA,EAAI,SAAA;AAAA,MACnB,UAAU,EAAA,EAAI,IAAA;AAAA,MACd,YAAY,EAAA,EAAI,MAAA;AAAA,MAChB,WAAW,EAAA,EAAI,KAAA;AAAA,MACf,UAAU,EAAA,EAAI;AAAA,KAChB;AAAA,IACA,EAAA,EAAI;AAAA,MACF,GAAG,EAAA;AAAA,MACH,eAAe,EAAA,EAAI,SAAA;AAAA,MACnB,UAAU,EAAA,EAAI,IAAA;AAAA,MACd,YAAY,EAAA,EAAI,MAAA;AAAA,MAChB,WAAW,EAAA,EAAI,KAAA;AAAA,MACf,UAAU,EAAA,EAAI;AAAA,KAChB;AAAA,IACA,GAAA,EAAK;AAAA,MACH,GAAG,GAAA;AAAA,MACH,eAAe,GAAA,EAAK,SAAA;AAAA,MACpB,UAAU,GAAA,EAAK,IAAA;AAAA,MACf,YAAY,GAAA,EAAK,MAAA;AAAA,MACjB,WAAW,GAAA,EAAK,KAAA;AAAA,MAChB,UAAU,GAAA,EAAK;AAAA;AACjB,GACF;AACA,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GACnC,mBAAmB,kBAAkB,CAAA;AAEvC,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,KAAA,EAAO,GAAG,MAAK,GAAI,cAAA;AAEhD,EAAA,MAAM,cAAA,GAAiB,GAAG,SAAA,EAAW;AAAA,IACnC,CAAC,MAAA,CAAO,MAAM,CAAC,GAAG,CAAC,MAAA;AAAA,IACnB,CAAC,MAAA,CAAO,aAAa,CAAC,GAAG;AAAA,GAC1B,CAAA;AAED,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,GAAG,KAAA;AAAA,IACH,GAAG;AAAA,GACL;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,cAAA;AAAA,MACX,UAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,aAAA;AAAA,MACP,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}

package/dist/Flex.js

@@ -1,2 +1,2 @@
-export { F as Flex, F as default } from './Flex-CUtXN-C0.js';
+export { F as Flex, F as default } from './Flex-WyyZm1bf.js';
 //# sourceMappingURL=Flex.js.map

package/dist/{Grid-CatFkT0X.js → Grid-ONcUpb__.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { c as cx } from './index-SvGbrGuT.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-loxbyklF.js';
+import { c as cx } from './index-De1g9FRV.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
 
 import './Grid.css';const grid = "_grid_1yq7u_2";
 const styles = {
@@ -144,4 +144,4 @@ const Grid = Object.assign(GridElement, {
 });
 
 export { Grid as G };
-//# sourceMappingURL=Grid-CatFkT0X.js.map
+//# sourceMappingURL=Grid-ONcUpb__.js.map

package/dist/{Grid-CatFkT0X.js.map → Grid-ONcUpb__.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Grid-CatFkT0X.js","sources":["../src/components/Grid/internal/GridItem.tsx","../src/components/Grid/Grid.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"../Grid.module.scss\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { LayoutUtilProps } from \"../../../types\";\n\n/**\n * Props for the GridItem component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type GridItemProps = ComponentPropsWithoutRef<\"div\"> & LayoutUtilProps;\n\n/**\n * GridItem component for individual items within a CSS Grid layout.\n *\n * Features:\n * - Individual grid item with full layout utility support\n * - Automatic grid item styling and class management\n * - Comprehensive layout utilities for positioning and sizing\n * - Support for all standard div element props\n * - Flexible grid positioning and sizing controls\n * - Automatic style generation and class management\n * - Works seamlessly with Grid component\n *\n * @example\n * <Grid templateColumns=\"repeat(2, 1fr)\" gap=\"4\">\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n * </Grid>\n */\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const { className, children, style, ...rest } = componentProps;\n\n    const gridItemClassNames = cx([styles[\"grid-item\"]], className, {});\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <div\n        className={gridItemClassNames}\n        data-anv=\"grid-item\"\n        ref={ref}\n        style={styleCombined}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nGridItem.displayName = \"GridItem\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport styles from \"./Grid.module.scss\";\nimport { GridSpecificProps } from \"./internal/GridSpecificProps\";\nimport { GridItem } from \"./internal/GridItem\";\n\n/**\n * Props for the Grid component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends GridSpecificProps\n */\nexport type GridProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Applies `display: inline-grid` instead of `grid`\n   */\n  inline?: boolean;\n} & GridSpecificProps & {\n    /**\n     * Responsive props for small screens (sm breakpoint).\n     */\n    sm?: GridSpecificProps;\n    /**\n     * Responsive props for medium screens (md breakpoint).\n     */\n    md?: GridSpecificProps;\n    /**\n     * Responsive props for large screens (lg breakpoint).\n     */\n    lg?: GridSpecificProps;\n    /**\n     * Responsive props for extra large screens (xl breakpoint).\n     */\n    xl?: GridSpecificProps;\n    /**\n     * Responsive props for extra extra large screens (xxl breakpoint).\n     */\n    xxl?: GridSpecificProps;\n  };\n\nconst GridElement = forwardRef<HTMLDivElement, GridProps>((props, ref) => {\n  const {\n    inline,\n    templateColumns,\n    templateRows,\n    templateAreas,\n    autoColumns,\n    autoRows,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    ...nonLayoutProps\n  } = props;\n  const combineLayoutProps = {\n    ...nonLayoutProps,\n    gridTemplateColumns: props.templateColumns,\n    gridTemplateRows: props.templateRows,\n    gridTemplateAreas: props.templateAreas,\n    gridAutoColumns: props.autoColumns,\n    gridAutoRows: props.autoRows,\n    sm: {\n      ...sm,\n      gridTemplateColumns: sm?.templateColumns,\n      gridTemplateRows: sm?.templateRows,\n      gridTemplateAreas: sm?.templateAreas,\n      gridAutoColumns: sm?.autoColumns,\n      gridAutoRows: sm?.autoRows,\n    },\n    md: {\n      ...md,\n      gridTemplateColumns: md?.templateColumns,\n      gridTemplateRows: md?.templateRows,\n      gridTemplateAreas: md?.templateAreas,\n      gridAutoColumns: md?.autoColumns,\n      gridAutoRows: md?.autoRows,\n    },\n    lg: {\n      ...lg,\n      gridTemplateColumns: lg?.templateColumns,\n      gridTemplateRows: lg?.templateRows,\n      gridTemplateAreas: lg?.templateAreas,\n      gridAutoColumns: lg?.autoColumns,\n      gridAutoRows: lg?.autoRows,\n    },\n    xl: {\n      ...xl,\n      gridTemplateColumns: xl?.templateColumns,\n      gridTemplateRows: xl?.templateRows,\n      gridTemplateAreas: xl?.templateAreas,\n      gridAutoColumns: xl?.autoColumns,\n      gridAutoRows: xl?.autoRows,\n    },\n    xxl: {\n      ...xxl,\n      gridTemplateColumns: xxl?.templateColumns,\n      gridTemplateRows: xxl?.templateRows,\n      gridTemplateAreas: xxl?.templateAreas,\n      gridAutoColumns: xxl?.autoColumns,\n      gridAutoRows: xxl?.autoRows,\n    },\n  };\n  const { layoutStyles, componentProps } =\n    useLayoutPropsUtil(combineLayoutProps);\n  const { children, className, style, ...rest } = componentProps;\n\n  const gridClassNames = cx(className, {\n    [styles[\"grid\"]]: !inline,\n    [styles[\"inline-grid\"]]: inline,\n  });\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={gridClassNames}\n      data-anv=\"grid\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nGridElement.displayName = \"Grid\";\n\n/**\n * Grid component for creating CSS Grid layouts with responsive design.\n *\n * Features:\n * - CSS Grid layout with full control over grid properties\n * - Support for both grid and inline-grid display modes\n * - Responsive design with breakpoint-specific props (sm, md, lg, xl, xxl)\n * - Comprehensive layout utilities for spacing, alignment, and positioning\n * - Template columns, rows, and areas configuration\n * - Auto columns and rows sizing\n * - Automatic style generation and class management\n * - Support for all standard div element props\n * - Flexible grid template and auto-sizing controls\n * - Automatic tracking ID generation for analytics\n * - Compound component structure with Item sub-component\n *\n * @example\n * <Grid templateColumns=\"repeat(3, 1fr)\" gap=\"4\">\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n *   <Grid.Item>Grid Item 3</Grid.Item>\n * </Grid>\n *\n * @example\n * <Grid\n *   templateColumns=\"repeat(1, 1fr)\"\n *   gap=\"2\"\n *   md={{ templateColumns: \"repeat(3, 1fr)\", gap: \"4\" }}\n * >\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n *   <Grid.Item>Grid Item 3</Grid.Item>\n * </Grid>\n */\nexport const Grid = Object.assign(GridElement, {\n  /**\n   * GridItem component for individual items within a CSS Grid layout.\n   *\n   * Features:\n   * - Individual grid item with full layout utility support\n   * - Automatic grid item styling and class management\n   * - Comprehensive layout utilities for positioning and sizing\n   * - Support for all standard div element props\n   * - Flexible grid positioning and sizing controls\n   * - Automatic style generation and class management\n   * - Works seamlessly with Grid component\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Grid templateColumns=\"repeat(2, 1fr)\" gap=\"4\">\n   *   <Grid.Item>Grid Item 1</Grid.Item>\n   *   <Grid.Item>Grid Item 2</Grid.Item>\n   * </Grid>\n   */\n  Item: GridItem,\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Grid-ONcUpb__.js","sources":["../src/components/Grid/internal/GridItem.tsx","../src/components/Grid/Grid.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"../Grid.module.scss\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { LayoutUtilProps } from \"../../../types\";\n\n/**\n * Props for the GridItem component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type GridItemProps = ComponentPropsWithoutRef<\"div\"> & LayoutUtilProps;\n\n/**\n * GridItem component for individual items within a CSS Grid layout.\n *\n * Features:\n * - Individual grid item with full layout utility support\n * - Automatic grid item styling and class management\n * - Comprehensive layout utilities for positioning and sizing\n * - Support for all standard div element props\n * - Flexible grid positioning and sizing controls\n * - Automatic style generation and class management\n * - Works seamlessly with Grid component\n *\n * @example\n * <Grid templateColumns=\"repeat(2, 1fr)\" gap=\"4\">\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n * </Grid>\n */\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const { className, children, style, ...rest } = componentProps;\n\n    const gridItemClassNames = cx([styles[\"grid-item\"]], className, {});\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <div\n        className={gridItemClassNames}\n        data-anv=\"grid-item\"\n        ref={ref}\n        style={styleCombined}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nGridItem.displayName = \"GridItem\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport styles from \"./Grid.module.scss\";\nimport { GridSpecificProps } from \"./internal/GridSpecificProps\";\nimport { GridItem } from \"./internal/GridItem\";\n\n/**\n * Props for the Grid component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends GridSpecificProps\n */\nexport type GridProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Applies `display: inline-grid` instead of `grid`\n   */\n  inline?: boolean;\n} & GridSpecificProps & {\n    /**\n     * Responsive props for small screens (sm breakpoint).\n     */\n    sm?: GridSpecificProps;\n    /**\n     * Responsive props for medium screens (md breakpoint).\n     */\n    md?: GridSpecificProps;\n    /**\n     * Responsive props for large screens (lg breakpoint).\n     */\n    lg?: GridSpecificProps;\n    /**\n     * Responsive props for extra large screens (xl breakpoint).\n     */\n    xl?: GridSpecificProps;\n    /**\n     * Responsive props for extra extra large screens (xxl breakpoint).\n     */\n    xxl?: GridSpecificProps;\n  };\n\nconst GridElement = forwardRef<HTMLDivElement, GridProps>((props, ref) => {\n  const {\n    inline,\n    templateColumns,\n    templateRows,\n    templateAreas,\n    autoColumns,\n    autoRows,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    ...nonLayoutProps\n  } = props;\n  const combineLayoutProps = {\n    ...nonLayoutProps,\n    gridTemplateColumns: props.templateColumns,\n    gridTemplateRows: props.templateRows,\n    gridTemplateAreas: props.templateAreas,\n    gridAutoColumns: props.autoColumns,\n    gridAutoRows: props.autoRows,\n    sm: {\n      ...sm,\n      gridTemplateColumns: sm?.templateColumns,\n      gridTemplateRows: sm?.templateRows,\n      gridTemplateAreas: sm?.templateAreas,\n      gridAutoColumns: sm?.autoColumns,\n      gridAutoRows: sm?.autoRows,\n    },\n    md: {\n      ...md,\n      gridTemplateColumns: md?.templateColumns,\n      gridTemplateRows: md?.templateRows,\n      gridTemplateAreas: md?.templateAreas,\n      gridAutoColumns: md?.autoColumns,\n      gridAutoRows: md?.autoRows,\n    },\n    lg: {\n      ...lg,\n      gridTemplateColumns: lg?.templateColumns,\n      gridTemplateRows: lg?.templateRows,\n      gridTemplateAreas: lg?.templateAreas,\n      gridAutoColumns: lg?.autoColumns,\n      gridAutoRows: lg?.autoRows,\n    },\n    xl: {\n      ...xl,\n      gridTemplateColumns: xl?.templateColumns,\n      gridTemplateRows: xl?.templateRows,\n      gridTemplateAreas: xl?.templateAreas,\n      gridAutoColumns: xl?.autoColumns,\n      gridAutoRows: xl?.autoRows,\n    },\n    xxl: {\n      ...xxl,\n      gridTemplateColumns: xxl?.templateColumns,\n      gridTemplateRows: xxl?.templateRows,\n      gridTemplateAreas: xxl?.templateAreas,\n      gridAutoColumns: xxl?.autoColumns,\n      gridAutoRows: xxl?.autoRows,\n    },\n  };\n  const { layoutStyles, componentProps } =\n    useLayoutPropsUtil(combineLayoutProps);\n  const { children, className, style, ...rest } = componentProps;\n\n  const gridClassNames = cx(className, {\n    [styles[\"grid\"]]: !inline,\n    [styles[\"inline-grid\"]]: inline,\n  });\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={gridClassNames}\n      data-anv=\"grid\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nGridElement.displayName = \"Grid\";\n\n/**\n * Grid component for creating CSS Grid layouts with responsive design.\n *\n * Features:\n * - CSS Grid layout with full control over grid properties\n * - Support for both grid and inline-grid display modes\n * - Responsive design with breakpoint-specific props (sm, md, lg, xl, xxl)\n * - Comprehensive layout utilities for spacing, alignment, and positioning\n * - Template columns, rows, and areas configuration\n * - Auto columns and rows sizing\n * - Automatic style generation and class management\n * - Support for all standard div element props\n * - Flexible grid template and auto-sizing controls\n * - Automatic tracking ID generation for analytics\n * - Compound component structure with Item sub-component\n *\n * @example\n * <Grid templateColumns=\"repeat(3, 1fr)\" gap=\"4\">\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n *   <Grid.Item>Grid Item 3</Grid.Item>\n * </Grid>\n *\n * @example\n * <Grid\n *   templateColumns=\"repeat(1, 1fr)\"\n *   gap=\"2\"\n *   md={{ templateColumns: \"repeat(3, 1fr)\", gap: \"4\" }}\n * >\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n *   <Grid.Item>Grid Item 3</Grid.Item>\n * </Grid>\n */\nexport const Grid = Object.assign(GridElement, {\n  /**\n   * GridItem component for individual items within a CSS Grid layout.\n   *\n   * Features:\n   * - Individual grid item with full layout utility support\n   * - Automatic grid item styling and class management\n   * - Comprehensive layout utilities for positioning and sizing\n   * - Support for all standard div element props\n   * - Flexible grid positioning and sizing controls\n   * - Automatic style generation and class management\n   * - Works seamlessly with Grid component\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Grid templateColumns=\"repeat(2, 1fr)\" gap=\"4\">\n   *   <Grid.Item>Grid Item 1</Grid.Item>\n   *   <Grid.Item>Grid Item 2</Grid.Item>\n   * </Grid>\n   */\n  Item: GridItem,\n});\n"],"names":[],"mappings":"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"}

package/dist/Grid.js

@@ -1,2 +1,2 @@
-export { G as Grid, G as default } from './Grid-CatFkT0X.js';
+export { G as Grid, G as default } from './Grid-ONcUpb__.js';
 //# sourceMappingURL=Grid.js.map

package/dist/{Helper-B2UrgJvr.js → Helper-B_FIOlhy.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { F as FieldMessage } from './FieldMessage-OeP_xSUE.js';
-import { S as SrOnly } from './SrOnly-CrdBTl6E.js';
+import { F as FieldMessage } from './FieldMessage-COHqUdj5.js';
+import { S as SrOnly } from './SrOnly-eUpYGpAT.js';
 
 import './Helper.css';const helper = "_helper_157uk_1";
 const messages = "_messages_157uk_8";
@@ -46,4 +46,4 @@ const Helper = forwardRef((props, ref) => {
 Helper.displayName = "Helper";
 
 export { Helper as H };
-//# sourceMappingURL=Helper-B2UrgJvr.js.map
+//# sourceMappingURL=Helper-B_FIOlhy.js.map

package/dist/{Helper-B2UrgJvr.js.map → Helper-B_FIOlhy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Helper-B2UrgJvr.js","sources":["../src/internal/components/Helper/Helper.tsx"],"sourcesContent":["import { forwardRef, AriaAttributes, ReactElement } from \"react\";\nimport styles from \"./Helper.module.scss\";\nimport { FieldMessage } from \"../../../components/FieldMessage\";\nimport { SrOnly } from \"../../../components/SrOnly\";\n\nexport type HelperProps = {\n  id?: string;\n  // required?: boolean;\n  hint?: ReactElement | string;\n  description?: ReactElement | string;\n  /**\n   * Error message(s) to display. Supports a single string or an array of strings.\n   */\n  error?: string | string[];\n  /**\n   * Warning message(s) to display. Supports a single string or an array of strings.\n   */\n  warning?: string | string[];\n  /**\n   * @deprecated Use the `error` prop instead.\n   */\n  errorMessage?: ReactElement | string;\n  /**\n   * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n   */\n  errorAriaLive?: AriaAttributes[\"aria-live\"];\n  maxLength?: number;\n  inputLength?: number;\n  isTyping?: boolean;\n  showCounter?: boolean;\n};\n\nexport const Helper = forwardRef<HTMLDivElement, HelperProps>((props, ref) => {\n  const {\n    id,\n    hint,\n    description,\n    error,\n    warning,\n    errorAriaLive: _errorAriaLive,\n    errorMessage,\n    maxLength,\n    isTyping,\n    inputLength = 0,\n    showCounter,\n  } = props;\n\n  return (\n    <div className={styles[\"helper\"]} ref={ref} id={id}>\n      <FieldMessage\n        className={styles[\"messages\"]}\n        hint={hint}\n        description={description}\n        error={error}\n        warning={warning}\n        errorMessage={errorMessage}\n      />\n\n      {showCounter ? (\n        <div className={styles[\"counter\"]}>\n          <span aria-hidden=\"true\">\n            {inputLength}/{maxLength}\n          </span>\n        </div>\n      ) : null}\n      {isTyping && !!maxLength ? (\n        maxLength - inputLength >= 1 ? (\n          <SrOnly>\n            {/* TODO: potential localization */}\n            <span aria-live=\"polite\" aria-atomic=\"true\">{`${\n              maxLength - inputLength\n            } character${maxLength - inputLength !== 1 ? \"s\" : \"\"} left`}</span>\n          </SrOnly>\n        ) : (\n          <SrOnly>\n            {/* TODO: potential localization */}\n            <span role=\"alert\">Maximum characters count reached</span>\n          </SrOnly>\n        )\n      ) : null}\n    </div>\n  );\n});\n\nHelper.displayName = \"Helper\";\n"],"names":[],"mappings":";;;;;;;;;;;AAgCO,MAAM,MAAA,GAAS,UAAA,CAAwC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC5E,EAAA,MAAM;AAAA,IACJ,EAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA,EAAe,cAAA;AAAA,IACf,YAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,GAAc,CAAA;AAAA,IACd;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,QAAQ,CAAA,EAAG,KAAU,EAAA,EAC1C,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,OAAO,UAAU,CAAA;AAAA,QAC5B,IAAA;AAAA,QACA,WAAA;AAAA,QACA,KAAA;AAAA,QACA,OAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,IAEC,WAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAC9B,QAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EACf,QAAA,EAAA;AAAA,MAAA,WAAA;AAAA,MAAY,GAAA;AAAA,MAAE;AAAA,KAAA,EACjB,GACF,CAAA,GACE,IAAA;AAAA,IACH,QAAA,IAAY,CAAC,CAAC,SAAA,GACb,YAAY,WAAA,IAAe,CAAA,mBACzB,GAAA,CAAC,MAAA,EAAA,EAEC,8BAAC,MAAA,EAAA,EAAK,WAAA,EAAU,QAAA,EAAS,aAAA,EAAY,QAAQ,QAAA,EAAA,CAAA,EAC3C,SAAA,GAAY,WACd,CAAA,UAAA,EAAa,YAAY,WAAA,KAAgB,CAAA,GAAI,GAAA,GAAM,EAAE,SAAQ,CAAA,EAC/D,CAAA,mBAEA,GAAA,CAAC,MAAA,EAAA,EAEC,8BAAC,MAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,kCAAA,EAAgC,GACrD,CAAA,GAEA;AAAA,GAAA,EACN,CAAA;AAEJ,CAAC;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}
+{"version":3,"file":"Helper-B_FIOlhy.js","sources":["../src/internal/components/Helper/Helper.tsx"],"sourcesContent":["import { forwardRef, AriaAttributes, ReactElement } from \"react\";\nimport styles from \"./Helper.module.scss\";\nimport { FieldMessage } from \"../../../components/FieldMessage\";\nimport { SrOnly } from \"../../../components/SrOnly\";\n\nexport type HelperProps = {\n  id?: string;\n  // required?: boolean;\n  hint?: ReactElement | string;\n  description?: ReactElement | string;\n  /**\n   * Error message(s) to display. Supports a single string or an array of strings.\n   */\n  error?: string | string[];\n  /**\n   * Warning message(s) to display. Supports a single string or an array of strings.\n   */\n  warning?: string | string[];\n  /**\n   * @deprecated Use the `error` prop instead.\n   */\n  errorMessage?: ReactElement | string;\n  /**\n   * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n   */\n  errorAriaLive?: AriaAttributes[\"aria-live\"];\n  maxLength?: number;\n  inputLength?: number;\n  isTyping?: boolean;\n  showCounter?: boolean;\n};\n\nexport const Helper = forwardRef<HTMLDivElement, HelperProps>((props, ref) => {\n  const {\n    id,\n    hint,\n    description,\n    error,\n    warning,\n    errorAriaLive: _errorAriaLive,\n    errorMessage,\n    maxLength,\n    isTyping,\n    inputLength = 0,\n    showCounter,\n  } = props;\n\n  return (\n    <div className={styles[\"helper\"]} ref={ref} id={id}>\n      <FieldMessage\n        className={styles[\"messages\"]}\n        hint={hint}\n        description={description}\n        error={error}\n        warning={warning}\n        errorMessage={errorMessage}\n      />\n\n      {showCounter ? (\n        <div className={styles[\"counter\"]}>\n          <span aria-hidden=\"true\">\n            {inputLength}/{maxLength}\n          </span>\n        </div>\n      ) : null}\n      {isTyping && !!maxLength ? (\n        maxLength - inputLength >= 1 ? (\n          <SrOnly>\n            {/* TODO: potential localization */}\n            <span aria-live=\"polite\" aria-atomic=\"true\">{`${\n              maxLength - inputLength\n            } character${maxLength - inputLength !== 1 ? \"s\" : \"\"} left`}</span>\n          </SrOnly>\n        ) : (\n          <SrOnly>\n            {/* TODO: potential localization */}\n            <span role=\"alert\">Maximum characters count reached</span>\n          </SrOnly>\n        )\n      ) : null}\n    </div>\n  );\n});\n\nHelper.displayName = \"Helper\";\n"],"names":[],"mappings":";;;;;;;;;;;AAgCO,MAAM,MAAA,GAAS,UAAA,CAAwC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC5E,EAAA,MAAM;AAAA,IACJ,EAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA,EAAe,cAAA;AAAA,IACf,YAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,GAAc,CAAA;AAAA,IACd;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,QAAQ,CAAA,EAAG,KAAU,EAAA,EAC1C,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,OAAO,UAAU,CAAA;AAAA,QAC5B,IAAA;AAAA,QACA,WAAA;AAAA,QACA,KAAA;AAAA,QACA,OAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,IAEC,WAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,SAAS,CAAA,EAC9B,QAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EACf,QAAA,EAAA;AAAA,MAAA,WAAA;AAAA,MAAY,GAAA;AAAA,MAAE;AAAA,KAAA,EACjB,GACF,CAAA,GACE,IAAA;AAAA,IACH,QAAA,IAAY,CAAC,CAAC,SAAA,GACb,YAAY,WAAA,IAAe,CAAA,mBACzB,GAAA,CAAC,MAAA,EAAA,EAEC,8BAAC,MAAA,EAAA,EAAK,WAAA,EAAU,QAAA,EAAS,aAAA,EAAY,QAAQ,QAAA,EAAA,CAAA,EAC3C,SAAA,GAAY,WACd,CAAA,UAAA,EAAa,YAAY,WAAA,KAAgB,CAAA,GAAI,GAAA,GAAM,EAAE,SAAQ,CAAA,EAC/D,CAAA,mBAEA,GAAA,CAAC,MAAA,EAAA,EAEC,8BAAC,MAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,kCAAA,EAAgC,GACrD,CAAA,GAEA;AAAA,GAAA,EACN,CAAA;AAEJ,CAAC;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}