@servicetitan/anvil2 2.7.0 → 2.8.0

package/dist/FieldLabel-Dr41PRxH.js

@@ -0,0 +1,180 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useMemo, 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-C1PBRnJv.js';
+import { F as FieldLabelButton, A as AiMark } from './AiMark-Cwc9KoyE.js';
+import { I as Icon } from './Icon-DuIlne4x.js';
+import { S as SvgInfo } from './info-CYpG6tcI.js';
+
+import './FieldLabel.css';const INLINE_MARKDOWN_REGEX = /\*\*\*(.+?)\*\*\*|\*\*(.+?)\*\*|\*(.+?)\*|==(.+?)==|`(.+?)`/g;
+
+const code = "_code_gvddl_1";
+const highlight = "_highlight_gvddl_2";
+const styles$1 = {
+	code: code,
+	highlight: highlight
+};
+
+const parseInlineMarkdown = (text) => {
+  const parts = [];
+  let lastIndex = 0;
+  INLINE_MARKDOWN_REGEX.lastIndex = 0;
+  let match;
+  while ((match = INLINE_MARKDOWN_REGEX.exec(text)) !== null) {
+    if (match.index > lastIndex) {
+      parts.push(text.substring(lastIndex, match.index));
+    }
+    const key = match.index;
+    const savedIndex = INLINE_MARKDOWN_REGEX.lastIndex;
+    if (match[1]) {
+      parts.push(
+        /* @__PURE__ */ jsx("strong", { children: /* @__PURE__ */ jsx("em", { children: parseInlineMarkdown(match[1]) }) }, key)
+      );
+    } else if (match[2]) {
+      parts.push(/* @__PURE__ */ jsx("strong", { children: parseInlineMarkdown(match[2]) }, key));
+    } else if (match[3]) {
+      parts.push(/* @__PURE__ */ jsx("em", { children: parseInlineMarkdown(match[3]) }, key));
+    } else if (match[4]) {
+      parts.push(
+        /* @__PURE__ */ jsx("mark", { className: styles$1.highlight, children: parseInlineMarkdown(match[4]) }, key)
+      );
+    } else if (match[5]) {
+      parts.push(
+        /* @__PURE__ */ jsx("code", { className: styles$1.code, children: match[5] }, key)
+      );
+    }
+    INLINE_MARKDOWN_REGEX.lastIndex = savedIndex;
+    lastIndex = savedIndex;
+  }
+  if (lastIndex < text.length) {
+    parts.push(text.substring(lastIndex));
+  }
+  return parts;
+};
+
+const label = "_label_1r4te_2";
+const required = "_required_1r4te_63";
+const styles = {
+	label: label,
+	"top-container": "_top-container_1r4te_53",
+	"label-text": "_label-text_1r4te_59",
+	required: required,
+	"info-container": "_info-container_1r4te_68",
+	"info-trigger": "_info-trigger_1r4te_73",
+	"info-content": "_info-content_1r4te_78",
+	"ai-mark-icon": "_ai-mark-icon_1r4te_81"
+};
+
+const FieldLabelMoreInfoIcon = ({
+  moreInfo,
+  moreInfoId
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: styles["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["info-trigger"], children: /* @__PURE__ */ jsx(FieldLabelButton, { "aria-label": "More information", children: /* @__PURE__ */ jsx(Icon, { svg: SvgInfo }) }) }),
+          /* @__PURE__ */ jsx(Tooltip.Content, { className: styles["info-content"], children: moreInfo })
+        ]
+      }
+    )
+  ] });
+};
+
+const InlineMarkdown = ({ value = "" }) => {
+  const content = useMemo(() => parseInlineMarkdown(value), [value]);
+  return /* @__PURE__ */ jsx(Fragment, { children: content });
+};
+
+const FieldLabelElement = forwardRef(
+  ({
+    aiMark,
+    el: Element = "label",
+    children,
+    className,
+    moreInfo,
+    moreInfoId,
+    required,
+    moreInfoOpen: _moreInfoOpen,
+    // deprecated, ignored
+    ...props
+  }, ref) => {
+    const FieldLabelClassNames = cx([styles["label"]], className);
+    const labelText = /* @__PURE__ */ jsxs("span", { className: styles["label-text"], children: [
+      typeof children === "string" ? /* @__PURE__ */ jsx(InlineMarkdown, { value: children }) : children,
+      required ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: styles["required"], children: "*" }),
+        /* @__PURE__ */ jsx(SrOnly, { children: "Required" })
+      ] }) : null
+    ] });
+    const hasMoreInfoOrAiMark = moreInfo || aiMark;
+    if (Element === "label" && hasMoreInfoOrAiMark) {
+      const { htmlFor, id, ...labelProps } = props;
+      return /* @__PURE__ */ jsx("div", { className: FieldLabelClassNames, ref, children: /* @__PURE__ */ jsxs("div", { className: styles["top-container"], children: [
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor,
+            id,
+            "data-anv": "label",
+            ...labelProps,
+            children: labelText
+          }
+        ),
+        moreInfo && /* @__PURE__ */ jsx(
+          FieldLabelMoreInfoIcon,
+          {
+            moreInfo,
+            moreInfoId
+          }
+        ),
+        aiMark && /* @__PURE__ */ jsx(
+          AiMark,
+          {
+            className: styles["ai-mark-icon"],
+            type: "gradient",
+            popoverOrTooltipConfig: typeof aiMark === "object" ? aiMark : void 0
+          }
+        )
+      ] }) });
+    }
+    return /* @__PURE__ */ jsx(
+      Element,
+      {
+        className: FieldLabelClassNames,
+        "data-anv": "label",
+        ref,
+        ...props,
+        children: hasMoreInfoOrAiMark ? /* @__PURE__ */ jsxs("div", { className: styles["top-container"], children: [
+          labelText,
+          moreInfo && /* @__PURE__ */ jsx(
+            FieldLabelMoreInfoIcon,
+            {
+              moreInfo,
+              moreInfoId
+            }
+          ),
+          aiMark && /* @__PURE__ */ jsx(
+            AiMark,
+            {
+              className: styles["ai-mark-icon"],
+              type: "gradient",
+              popoverOrTooltipConfig: typeof aiMark === "object" ? aiMark : void 0
+            }
+          )
+        ] }) : labelText
+      }
+    );
+  }
+);
+FieldLabelElement.displayName = "FieldLabel";
+const FieldLabel = FieldLabelElement;
+
+export { FieldLabel as F, INLINE_MARKDOWN_REGEX as I };
+//# sourceMappingURL=FieldLabel-Dr41PRxH.js.map

package/dist/FieldLabel-Dr41PRxH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel-Dr41PRxH.js","sources":["../src/internal/utils/inlineMarkdownRegex.ts","../src/internal/functions/inlineMarkdown.tsx","../src/components/FieldLabel/internal/FieldLabelMoreInfoIcon.tsx","../src/internal/components/InlineMarkdown/InlineMarkdown.tsx","../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["/**\n * Shared regex for parsing inline markdown constructs.\n * Matches (in order): bold-italic `***`, bold `**`, italic `*`, highlight `==`, code `` ` ``\n */\nexport const INLINE_MARKDOWN_REGEX =\n  /\\*\\*\\*(.+?)\\*\\*\\*|\\*\\*(.+?)\\*\\*|\\*(.+?)\\*|==(.+?)==|`(.+?)`/g;\n","import { ReactNode } from \"react\";\nimport styles from \"../components/InlineMarkdown/InlineMarkdown.module.scss\";\nimport { INLINE_MARKDOWN_REGEX } from \"../utils/inlineMarkdownRegex\";\n\n/**\n * Parses a limited set of inline markdown constructs in a string and returns React nodes.\n * `lastIndex` is reset at the start of each call and saved/restored around recursive calls\n * so a single shared regex instance is safe for nested parsing.\n *\n * Supported constructs (matched in order):\n * - `***text***` → `<strong><em>text</em></strong>`\n * - `**text**` → `<strong>text</strong>`\n * - `*text*` → `<em>text</em>`\n * - `==text==` → `<mark>`\n * - `` `text` `` → `<code>` (no nested markdown inside code)\n *\n * For plain-text stripping (e.g. aria-label), use `stripInlineMarkdown` from\n * `./stripInlineMarkdown` — it has no style dependencies.\n *\n * @param text - The string to parse\n * @returns Array of React nodes representing the parsed content\n */\nexport const parseInlineMarkdown = (text: string): ReactNode[] => {\n  const parts: ReactNode[] = [];\n  let lastIndex = 0;\n\n  INLINE_MARKDOWN_REGEX.lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  while ((match = INLINE_MARKDOWN_REGEX.exec(text)) !== null) {\n    if (match.index > lastIndex) {\n      parts.push(text.substring(lastIndex, match.index));\n    }\n\n    const key = match.index;\n    const savedIndex = INLINE_MARKDOWN_REGEX.lastIndex;\n\n    if (match[1]) {\n      // ***bold italic***\n      parts.push(\n        <strong key={key}>\n          <em>{parseInlineMarkdown(match[1])}</em>\n        </strong>,\n      );\n    } else if (match[2]) {\n      // **bold**\n      parts.push(<strong key={key}>{parseInlineMarkdown(match[2])}</strong>);\n    } else if (match[3]) {\n      // *italic*\n      parts.push(<em key={key}>{parseInlineMarkdown(match[3])}</em>);\n    } else if (match[4]) {\n      // ==highlight==\n      parts.push(\n        <mark key={key} className={styles.highlight}>\n          {parseInlineMarkdown(match[4])}\n        </mark>,\n      );\n    } else if (match[5]) {\n      // `code` — no recursion inside code\n      parts.push(\n        <code key={key} className={styles.code}>\n          {match[5]}\n        </code>,\n      );\n    }\n\n    INLINE_MARKDOWN_REGEX.lastIndex = savedIndex;\n    lastIndex = savedIndex;\n  }\n\n  if (lastIndex < text.length) {\n    parts.push(text.substring(lastIndex));\n  }\n\n  return parts;\n};\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 { useMemo } from \"react\";\nimport { parseInlineMarkdown } from \"../../functions/inlineMarkdown\";\n\n/**\n * Props for the InlineMarkdown component\n * @property {string} [value] - The markdown string to parse and render\n */\nexport interface InlineMarkdownProps {\n  value?: string;\n}\n\n/**\n * Renders a string with limited inline markdown constructs as formatted React content.\n *\n * Features:\n * - Bold: `**text**`\n * - Italic: `*text*`\n * - Bold and italic: `***text***`\n * - Highlight: `==text==`\n * - Inline code: `` `text` ``\n * - Memoized rendering for performance\n * - Passes through plain strings with no overhead\n *\n * @example\n * <InlineMarkdown value=\"Save **now** or `discard`\" />\n */\nexport const InlineMarkdown = ({ value = \"\" }: InlineMarkdownProps) => {\n  const content = useMemo(() => parseInlineMarkdown(value), [value]);\n  return <>{content}</>;\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\";\nimport { AiMarkWithTooltipOrPopoverProps } from \"../../types\";\nimport { AiMark } from \"../../components/AiMark\";\nimport { InlineMarkdown } from \"../../internal/components/InlineMarkdown\";\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  AiMarkWithTooltipOrPopoverProps & {\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      aiMark,\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        {/* TODO(v4.0.0): remove typeof check — children will always be string */}\n        {typeof children === \"string\" ? (\n          <InlineMarkdown value={children} />\n        ) : (\n          children\n        )}\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    const hasMoreInfoOrAiMark = moreInfo || aiMark;\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\" && hasMoreInfoOrAiMark) {\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            {moreInfo && (\n              <FieldLabelMoreInfoIcon\n                moreInfo={moreInfo}\n                moreInfoId={moreInfoId}\n              />\n            )}\n            {aiMark && (\n              <AiMark\n                className={styles[\"ai-mark-icon\"]}\n                type=\"gradient\"\n                popoverOrTooltipConfig={\n                  typeof aiMark === \"object\" ? aiMark : undefined\n                }\n              />\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        {hasMoreInfoOrAiMark ? (\n          <div className={styles[\"top-container\"]}>\n            {labelText}\n            {moreInfo && (\n              <FieldLabelMoreInfoIcon\n                moreInfo={moreInfo}\n                moreInfoId={moreInfoId}\n              />\n            )}\n            {aiMark && (\n              <AiMark\n                className={styles[\"ai-mark-icon\"]}\n                type=\"gradient\"\n                popoverOrTooltipConfig={\n                  typeof aiMark === \"object\" ? aiMark : undefined\n                }\n              />\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,26 @@
 @layer starter, reset, base, state, application;
+
+code._code_gvddl_1,
+._highlight_gvddl_2 {
+  all: revert-layer;
+}
+
+@layer base {
+  ._highlight_gvddl_2 {
+    background-color: var(--background-color-warning, #ffbe00);
+    border-radius: 0.1875rem;
+    padding-inline: 0.125rem;
+  }
+  code._code_gvddl_1 {
+    font-family: monospace;
+    font-size: 0.75rem;
+    background-color: var(--background-color-stronger, #eeeeee);
+    border-radius: 0.1875rem;
+    padding: 0.125rem;
+  }
+}@layer starter, reset, base, state, application;
 @layer reset {
-  ._label_h8zet_2 {
+  ._label_1r4te_2 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -24,13 +44,13 @@
     box-sizing: border-box;
     display: revert-layer;
   }
-  legend._label_h8zet_2 {
+  legend._label_1r4te_2 {
     border: 0px !important;
     color: var(--foreground-color, #141414) !important;
   }
 }
 @layer base {
-  ._label_h8zet_2 {
+  ._label_1r4te_2 {
     all: unset;
     font-family: var(--font-family-base, "Nunito Sans", sans-serif);
     font-size: 100%;
@@ -49,97 +69,37 @@
     flex-direction: column;
     font-size: 0.875rem;
     line-height: 1;
+    width: 100%;
   }
-  ._label_h8zet_2 ._top-container_h8zet_52 {
+  ._label_1r4te_2 ._top-container_1r4te_53 {
     display: flex;
     gap: 0.25rem;
     align-items: flex-start;
+    width: 100%;
   }
-  ._label_h8zet_2 ._label-text_h8zet_57 {
+  ._label_1r4te_2 ._label-text_1r4te_59 {
     line-height: 1rem;
     font-weight: 600;
   }
-  ._label_h8zet_2 ._label-text_h8zet_57 ._required_h8zet_61 {
+  ._label_1r4te_2 ._label-text_1r4te_59 ._required_1r4te_63 {
     color: var(--foreground-color-danger, #e13212);
     margin-inline-start: 0.125rem;
     margin-inline-end: 0.125rem;
   }
-  ._info-container_h8zet_66 {
+  ._info-container_1r4te_68 {
     position: relative;
     height: 1rem;
     width: 1.75rem;
   }
-  ._info-trigger_h8zet_71 {
+  ._info-trigger_1r4te_73 {
     position: absolute;
     top: -0.375rem;
     left: -0.25rem;
   }
-  ._info-content_h8zet_76 {
+  ._info-content_1r4te_78 {
     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);
+  ._ai-mark-icon_1r4te_81 {
+    margin-inline-start: auto;
   }
-  ._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-DbMosKtd.js';
+export { F as FieldLabel, F as default } from './FieldLabel-Dr41PRxH.js';
 //# sourceMappingURL=FieldLabel.js.map

package/dist/Grid-DeYIx5k4.js

@@ -0,0 +1,149 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+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 = {
+	grid: grid,
+	"grid-item": "_grid-item_1yq7u_15",
+	"inline-grid": "_inline-grid_1yq7u_28"
+};
+
+const GridItem = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const { className, children, style, ...rest } = componentProps;
+    const gridItemClassNames = cx([styles["grid-item"]], className, {});
+    const styleCombined = {
+      ...style,
+      ...layoutStyles
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: gridItemClassNames,
+        "data-anv": "grid-item",
+        ref,
+        style: styleCombined,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+GridItem.displayName = "GridItem";
+
+const Grid = Object.assign(
+  forwardRef(function GridInner(props, ref) {
+    const {
+      inline,
+      templateColumns,
+      templateRows,
+      templateAreas,
+      autoColumns,
+      autoRows,
+      sm,
+      md,
+      lg,
+      xl,
+      xxl,
+      ...nonLayoutProps
+    } = props;
+    const combineLayoutProps = {
+      ...nonLayoutProps,
+      gridTemplateColumns: props.templateColumns,
+      gridTemplateRows: props.templateRows,
+      gridTemplateAreas: props.templateAreas,
+      gridAutoColumns: props.autoColumns,
+      gridAutoRows: props.autoRows,
+      sm: {
+        ...sm,
+        gridTemplateColumns: sm?.templateColumns,
+        gridTemplateRows: sm?.templateRows,
+        gridTemplateAreas: sm?.templateAreas,
+        gridAutoColumns: sm?.autoColumns,
+        gridAutoRows: sm?.autoRows
+      },
+      md: {
+        ...md,
+        gridTemplateColumns: md?.templateColumns,
+        gridTemplateRows: md?.templateRows,
+        gridTemplateAreas: md?.templateAreas,
+        gridAutoColumns: md?.autoColumns,
+        gridAutoRows: md?.autoRows
+      },
+      lg: {
+        ...lg,
+        gridTemplateColumns: lg?.templateColumns,
+        gridTemplateRows: lg?.templateRows,
+        gridTemplateAreas: lg?.templateAreas,
+        gridAutoColumns: lg?.autoColumns,
+        gridAutoRows: lg?.autoRows
+      },
+      xl: {
+        ...xl,
+        gridTemplateColumns: xl?.templateColumns,
+        gridTemplateRows: xl?.templateRows,
+        gridTemplateAreas: xl?.templateAreas,
+        gridAutoColumns: xl?.autoColumns,
+        gridAutoRows: xl?.autoRows
+      },
+      xxl: {
+        ...xxl,
+        gridTemplateColumns: xxl?.templateColumns,
+        gridTemplateRows: xxl?.templateRows,
+        gridTemplateAreas: xxl?.templateAreas,
+        gridAutoColumns: xxl?.autoColumns,
+        gridAutoRows: xxl?.autoRows
+      }
+    };
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(combineLayoutProps);
+    const { children, className, style, ...rest } = componentProps;
+    const gridClassNames = cx(className, {
+      [styles["grid"]]: !inline,
+      [styles["inline-grid"]]: inline
+    });
+    const styleCombined = {
+      ...style,
+      ...layoutStyles
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: gridClassNames,
+        "data-anv": "grid",
+        style: styleCombined,
+        ref,
+        ...rest,
+        children
+      }
+    );
+  }),
+  {
+    /**
+     * GridItem component for individual items within a CSS Grid layout.
+     *
+     * Features:
+     * - Individual grid item with full layout utility support
+     * - Automatic grid item styling and class management
+     * - Comprehensive layout utilities for positioning and sizing
+     * - Support for all standard div element props
+     * - Flexible grid positioning and sizing controls
+     * - Automatic style generation and class management
+     * - Works seamlessly with Grid component
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Grid templateColumns="repeat(2, 1fr)" gap="4">
+     *   <Grid.Item>Grid Item 1</Grid.Item>
+     *   <Grid.Item>Grid Item 2</Grid.Item>
+     * </Grid>
+     */
+    Item: GridItem
+  }
+);
+Grid.displayName = "Grid";
+
+export { Grid as G };
+//# sourceMappingURL=Grid-DeYIx5k4.js.map

package/dist/Grid-DeYIx5k4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid-DeYIx5k4.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\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(\n  forwardRef<HTMLDivElement, GridProps>(function GridInner(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  {\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);\nGrid.displayName = \"Grid\";\n"],"names":[],"mappings":"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"}

package/dist/Grid.js

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

package/dist/{InputMask-HjaNCb73.js → InputMask-CcXqzqdx.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useMemo, isValidElement, cloneElement } from 'react';
-import { u as useMergeRefs } from './floating-ui.react-C_s3_nEb.js';
-import { T as TextField } from './TextField-DeHpgPag.js';
+import { u as useMergeRefs } from './AiMark-Cwc9KoyE.js';
+import { T as TextField } from './TextField-BpSxZa0z.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
@@ -261,4 +261,4 @@ const InputMask = forwardRef(
 InputMask.displayName = "InputMask";
 
 export { InputMask as I };
-//# sourceMappingURL=InputMask-HjaNCb73.js.map
+//# sourceMappingURL=InputMask-CcXqzqdx.js.map