@backstage/ui 0.13.0-next.1 → 0.13.0

package/dist/components/ButtonIcon/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/ButtonIcon/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { ButtonIconOwnProps } from './types';\nimport styles from './ButtonIcon.module.css';\n\n/**\n * Component definition for ButtonIcon\n * @public\n */\nexport const ButtonIconDefinition = defineComponent<ButtonIconOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-ButtonIcon',\n    content: 'bui-ButtonIconContent',\n    spinner: 'bui-ButtonIconSpinner',\n  },\n  bg: 'consumer',\n  propDefs: {\n    size: { dataAttribute: true, default: 'small' },\n    variant: { dataAttribute: true, default: 'primary' },\n    loading: { dataAttribute: true },\n    icon: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;AAwBO,MAAM,oBAAA,GAAuB,iBAAoC,CAAE;AAAA,EACxE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,gBAAA;AAAA,IACN,OAAA,EAAS,uBAAA;AAAA,IACT,OAAA,EAAS;AAAA,GACX;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,OAAA,EAAS,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,SAAA,EAAU;AAAA,IACnD,OAAA,EAAS,EAAE,aAAA,EAAe,IAAA,EAAK;AAAA,IAC/B,MAAM,EAAC;AAAA,IACP,WAAW;AAAC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/ButtonIcon/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { ButtonIconOwnProps } from './types';\nimport styles from './ButtonIcon.module.css';\n\n/**\n * Component definition for ButtonIcon\n * @public\n */\nexport const ButtonIconDefinition = defineComponent<ButtonIconOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-ButtonIcon',\n    content: 'bui-ButtonIconContent',\n    spinner: 'bui-ButtonIconSpinner',\n  },\n  bg: 'consumer',\n  propDefs: {\n    size: { dataAttribute: true, default: 'small' },\n    variant: { dataAttribute: true, default: 'primary' },\n    loading: { dataAttribute: true },\n    icon: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;AAwBO,MAAM,oBAAA,GAAuB,iBAAoC,CAAE;AAAA,EACxE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,gBAAA;AAAA,IACN,OAAA,EAAS,uBAAA;AAAA,IACT,OAAA,EAAS;AAAA,GACX;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,OAAA,EAAS,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,SAAA,EAAU;AAAA,IACnD,OAAA,EAAS,EAAE,aAAA,EAAe,IAAA,EAAK;AAAA,IAC/B,MAAM,EAAC;AAAA,IACP,WAAW;AAAC;AAEhB,CAAC;;;;"}

package/dist/components/ButtonLink/ButtonLink.esm.js

@@ -3,29 +3,37 @@ import { forwardRef } from 'react';
 import { Link } from 'react-aria-components';
 import { useDefinition } from '../../hooks/useDefinition/useDefinition.esm.js';
 import { ButtonLinkDefinition } from './definition.esm.js';
-import { InternalLinkProvider } from '../InternalLinkProvider/InternalLinkProvider.esm.js';
+import { getNodeText } from '../../analytics/getNodeText.esm.js';
 
 const ButtonLink = forwardRef(
   (props, ref) => {
-    const { ownProps, restProps, dataAttributes } = useDefinition(
+    const { ownProps, restProps, dataAttributes, analytics } = useDefinition(
       ButtonLinkDefinition,
       props
     );
     const { classes, iconStart, iconEnd, children } = ownProps;
-    return /* @__PURE__ */ jsx(InternalLinkProvider, { href: restProps.href, children: /* @__PURE__ */ jsx(
+    const handlePress = (e) => {
+      restProps.onPress?.(e);
+      const text = restProps["aria-label"] ?? getNodeText(children) ?? String(restProps.href ?? "");
+      analytics.captureEvent("click", text, {
+        attributes: { to: String(restProps.href ?? "") }
+      });
+    };
+    return /* @__PURE__ */ jsx(
       Link,
       {
         className: classes.root,
         ref,
         ...dataAttributes,
         ...restProps,
+        onPress: handlePress,
         children: /* @__PURE__ */ jsxs("span", { className: classes.content, children: [
           iconStart,
           children,
           iconEnd
         ] })
       }
-    ) });
+    );
   }
 );
 ButtonLink.displayName = "ButtonLink";

package/dist/components/ButtonLink/ButtonLink.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink.esm.js","sources":["../../../src/components/ButtonLink/ButtonLink.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef, Ref } from 'react';\nimport { Link as RALink } from 'react-aria-components';\nimport type { ButtonLinkProps } from './types';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { ButtonLinkDefinition } from './definition';\nimport { InternalLinkProvider } from '../InternalLinkProvider';\n\n/** @public */\nexport const ButtonLink = forwardRef(\n  (props: ButtonLinkProps, ref: Ref<HTMLAnchorElement>) => {\n    const { ownProps, restProps, dataAttributes } = useDefinition(\n      ButtonLinkDefinition,\n      props,\n    );\n    const { classes, iconStart, iconEnd, children } = ownProps;\n\n    return (\n      <InternalLinkProvider href={restProps.href}>\n        <RALink\n          className={classes.root}\n          ref={ref}\n          {...dataAttributes}\n          {...restProps}\n        >\n          <span className={classes.content}>\n            {iconStart}\n            {children}\n            {iconEnd}\n          </span>\n        </RALink>\n      </InternalLinkProvider>\n    );\n  },\n);\n\nButtonLink.displayName = 'ButtonLink';\n"],"names":["RALink"],"mappings":";;;;;;;AAwBO,MAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,OAAwB,GAAA,KAAgC;AACvD,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,MAC9C,oBAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,OAAA,EAAS,UAAS,GAAI,QAAA;AAElD,IAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EAAqB,IAAA,EAAM,SAAA,CAAU,IAAA,EACpC,QAAA,kBAAA,GAAA;AAAA,MAACA,IAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAA,CAAQ,IAAA;AAAA,QACnB,GAAA;AAAA,QACC,GAAG,cAAA;AAAA,QACH,GAAG,SAAA;AAAA,QAEJ,QAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,OAAA,EACtB,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA,SAAA,EACH;AAAA;AAAA,KACF,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}
+{"version":3,"file":"ButtonLink.esm.js","sources":["../../../src/components/ButtonLink/ButtonLink.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef, Ref } from 'react';\nimport { Link as RALink } from 'react-aria-components';\nimport type { ButtonLinkProps } from './types';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { ButtonLinkDefinition } from './definition';\nimport { getNodeText } from '../../analytics/getNodeText';\n\n/** @public */\nexport const ButtonLink = forwardRef(\n  (props: ButtonLinkProps, ref: Ref<HTMLAnchorElement>) => {\n    const { ownProps, restProps, dataAttributes, analytics } = useDefinition(\n      ButtonLinkDefinition,\n      props,\n    );\n    const { classes, iconStart, iconEnd, children } = ownProps;\n\n    const handlePress: typeof restProps.onPress = e => {\n      restProps.onPress?.(e);\n      const text =\n        restProps['aria-label'] ??\n        getNodeText(children) ??\n        String(restProps.href ?? '');\n      analytics.captureEvent('click', text, {\n        attributes: { to: String(restProps.href ?? '') },\n      });\n    };\n\n    return (\n      <RALink\n        className={classes.root}\n        ref={ref}\n        {...dataAttributes}\n        {...restProps}\n        onPress={handlePress}\n      >\n        <span className={classes.content}>\n          {iconStart}\n          {children}\n          {iconEnd}\n        </span>\n      </RALink>\n    );\n  },\n);\n\nButtonLink.displayName = 'ButtonLink';\n"],"names":["RALink"],"mappings":";;;;;;;AAwBO,MAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,OAAwB,GAAA,KAAgC;AACvD,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAgB,WAAU,GAAI,aAAA;AAAA,MACzD,oBAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,OAAA,EAAS,UAAS,GAAI,QAAA;AAElD,IAAA,MAAM,cAAwC,CAAA,CAAA,KAAK;AACjD,MAAA,SAAA,CAAU,UAAU,CAAC,CAAA;AACrB,MAAA,MAAM,IAAA,GACJ,SAAA,CAAU,YAAY,CAAA,IACtB,WAAA,CAAY,QAAQ,CAAA,IACpB,MAAA,CAAO,SAAA,CAAU,IAAA,IAAQ,EAAE,CAAA;AAC7B,MAAA,SAAA,CAAU,YAAA,CAAa,SAAS,IAAA,EAAM;AAAA,QACpC,YAAY,EAAE,EAAA,EAAI,OAAO,SAAA,CAAU,IAAA,IAAQ,EAAE,CAAA;AAAE,OAChD,CAAA;AAAA,IACH,CAAA;AAEA,IAAA,uBACE,GAAA;AAAA,MAACA,IAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAA,CAAQ,IAAA;AAAA,QACnB,GAAA;AAAA,QACC,GAAG,cAAA;AAAA,QACH,GAAG,SAAA;AAAA,QACJ,OAAA,EAAS,WAAA;AAAA,QAET,QAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,OAAA,EACtB,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA,SAAA,EACH;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}

package/dist/components/ButtonLink/ButtonLink.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .ButtonLink_bui-ButtonLink__12fa4bd0e1 {\n    --bg: transparent;\n    --bg-hover: transparent;\n    --bg-active: transparent;\n    --fg: inherit;\n\n    position: relative;\n    display: inline-flex;\n    border: none;\n    user-select: none;\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-bold);\n    padding: 0;\n    cursor: pointer;\n    border-radius: var(--bui-radius-2);\n    flex-shrink: 0;\n    text-decoration: none;\n    transition: background-color 200ms ease-out, box-shadow 200ms ease-out;\n\n    /* Apply variables */\n    color: var(--fg);\n    background-color: var(--bg);\n\n    &:hover {\n      background-color: var(--bg-hover);\n      transition: background-color 150ms ease;\n    }\n\n    &:active {\n      background-color: var(--bg-active);\n    }\n\n    &[data-disabled='true'] {\n      cursor: not-allowed;\n    }\n  }\n\n  .ButtonLink_bui-ButtonLink__12fa4bd0e1[data-variant='primary'] {\n    --bg: var(--bui-bg-solid);\n    --bg-hover: var(--bui-bg-solid-hover);\n    --bg-active: var(--bui-bg-solid-pressed);\n    --fg: var(--bui-fg-solid);\n\n    &[data-disabled='true'] {\n      --bg: var(--bui-bg-solid-disabled);\n      --bg-hover: var(--bui-bg-solid-disabled);\n      --bg-active: var(--bui-bg-solid-disabled);\n      --fg: var(--bui-fg-solid-disabled);\n    }\n\n    &:focus-visible {\n      outline: 2px solid var(--bui-ring);\n      outline-offset: 2px;\n    }\n  }\n\n  .ButtonLink_bui-ButtonLink__12fa4bd0e1[data-variant='secondary'] {\n    --bg: var(--bui-bg-neutral-1);\n    --bg-hover: var(--bui-bg-neutral-1-hover);\n    --bg-active: var(--bui-bg-neutral-1-pressed);\n    --fg: var(--bui-fg-primary);\n\n    &[data-on-bg='neutral-1'] {\n      --bg: var(--bui-bg-neutral-2);\n      --bg-hover: var(--bui-bg-neutral-2-hover);\n      --bg-active: var(--bui-bg-neutral-2-pressed);\n    }\n\n    &[data-on-bg='neutral-2'] {\n      --bg: var(--bui-bg-neutral-3);\n      --bg-hover: var(--bui-bg-neutral-3-hover);\n      --bg-active: var(--bui-bg-neutral-3-pressed);\n    }\n\n    &[data-on-bg='neutral-3'] {\n      --bg: var(--bui-bg-neutral-4);\n      --bg-hover: var(--bui-bg-neutral-4-hover);\n      --bg-active: var(--bui-bg-neutral-4-pressed);\n    }\n\n    &[data-disabled='true'] {\n      --bg-hover: var(--bg);\n      --bg-active: var(--bg);\n      --fg: var(--bui-fg-disabled);\n    }\n\n    &:focus-visible {\n      outline: none;\n      transition: none;\n      box-shadow: inset 0 0 0 2px var(--bui-ring);\n    }\n  }\n\n  .ButtonLink_bui-ButtonLink__12fa4bd0e1[data-variant='tertiary'] {\n    --bg-hover: var(--bui-bg-neutral-1-hover);\n    --bg-active: var(--bui-bg-neutral-1-pressed);\n    --fg: var(--bui-fg-primary);\n\n    &[data-on-bg='neutral-1'] {\n      --bg-hover: var(--bui-bg-neutral-2-hover);\n      --bg-active: var(--bui-bg-neutral-2-pressed);\n    }\n\n    &[data-on-bg='neutral-2'] {\n      --bg-hover: var(--bui-bg-neutral-3-hover);\n      --bg-active: var(--bui-bg-neutral-3-pressed);\n    }\n\n    &[data-on-bg='neutral-3'] {\n      --bg-hover: var(--bui-bg-neutral-4-hover);\n      --bg-active: var(--bui-bg-neutral-4-pressed);\n    }\n\n    &[data-disabled='true'] {\n      --bg-hover: var(--bg);\n      --bg-active: var(--bg);\n      --fg: var(--bui-fg-disabled);\n    }\n\n    &:focus-visible {\n      outline: none;\n      transition: none;\n      box-shadow: inset 0 0 0 2px var(--bui-ring);\n    }\n  }\n\n  .ButtonLink_bui-ButtonLink__12fa4bd0e1[data-size='small'] {\n    font-size: var(--bui-font-size-3);\n    padding: 0 var(--bui-space-2);\n    height: 2rem;\n\n    svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .ButtonLink_bui-ButtonLink__12fa4bd0e1[data-size='medium'] {\n    font-size: var(--bui-font-size-4);\n    padding: 0 var(--bui-space-3);\n    height: 2.5rem;\n\n    svg {\n      width: 1.25rem;\n      height: 1.25rem;\n    }\n  }\n\n  .ButtonLink_bui-ButtonLinkContent__12fa4bd0e1 {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--bui-space-1_5);\n    height: 100%;\n    width: 100%;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ButtonLink_bui-ButtonLink__12fa4bd0e1 {\n      transition-duration: 50ms;\n    }\n  }\n}\n";
-var styles = {"bui-ButtonLink":"ButtonLink_bui-ButtonLink__12fa4bd0e1","bui-ButtonLinkContent":"ButtonLink_bui-ButtonLinkContent__12fa4bd0e1"};
+var css_248z = "/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .ButtonLink_bui-ButtonLink__053e4cbdce {\n    --bg: transparent;\n    --bg-hover: transparent;\n    --bg-active: transparent;\n    --fg: inherit;\n\n    position: relative;\n    display: inline-flex;\n    border: none;\n    user-select: none;\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-bold);\n    padding: 0;\n    cursor: pointer;\n    border-radius: var(--bui-radius-2);\n    flex-shrink: 0;\n    text-decoration: none;\n    transition: background-color 200ms ease-out, box-shadow 200ms ease-out;\n\n    /* Apply variables */\n    color: var(--fg);\n    background-color: var(--bg);\n\n    &:hover {\n      background-color: var(--bg-hover);\n      transition: background-color 150ms ease;\n    }\n\n    &:active {\n      background-color: var(--bg-active);\n    }\n\n    &[data-disabled='true'] {\n      cursor: not-allowed;\n    }\n  }\n\n  .ButtonLink_bui-ButtonLink__053e4cbdce[data-variant='primary'] {\n    --bg: var(--bui-bg-solid);\n    --bg-hover: var(--bui-bg-solid-hover);\n    --bg-active: var(--bui-bg-solid-pressed);\n    --fg: var(--bui-fg-solid);\n\n    &[data-disabled='true'] {\n      --bg: var(--bui-bg-solid-disabled);\n      --bg-hover: var(--bui-bg-solid-disabled);\n      --bg-active: var(--bui-bg-solid-disabled);\n      --fg: var(--bui-fg-solid-disabled);\n    }\n\n    &[data-focus-visible] {\n      outline: 2px solid var(--bui-ring);\n      outline-offset: 2px;\n    }\n  }\n\n  .ButtonLink_bui-ButtonLink__053e4cbdce[data-variant='secondary'] {\n    --bg: var(--bui-bg-neutral-1);\n    --bg-hover: var(--bui-bg-neutral-1-hover);\n    --bg-active: var(--bui-bg-neutral-1-pressed);\n    --fg: var(--bui-fg-primary);\n\n    &[data-on-bg='neutral-1'] {\n      --bg: var(--bui-bg-neutral-2);\n      --bg-hover: var(--bui-bg-neutral-2-hover);\n      --bg-active: var(--bui-bg-neutral-2-pressed);\n    }\n\n    &[data-on-bg='neutral-2'] {\n      --bg: var(--bui-bg-neutral-3);\n      --bg-hover: var(--bui-bg-neutral-3-hover);\n      --bg-active: var(--bui-bg-neutral-3-pressed);\n    }\n\n    &[data-on-bg='neutral-3'] {\n      --bg: var(--bui-bg-neutral-4);\n      --bg-hover: var(--bui-bg-neutral-4-hover);\n      --bg-active: var(--bui-bg-neutral-4-pressed);\n    }\n\n    &[data-disabled='true'] {\n      --bg-hover: var(--bg);\n      --bg-active: var(--bg);\n      --fg: var(--bui-fg-disabled);\n    }\n\n    &[data-focus-visible] {\n      outline: none;\n      transition: none;\n      box-shadow: inset 0 0 0 2px var(--bui-ring);\n    }\n  }\n\n  .ButtonLink_bui-ButtonLink__053e4cbdce[data-variant='tertiary'] {\n    --bg-hover: var(--bui-bg-neutral-1-hover);\n    --bg-active: var(--bui-bg-neutral-1-pressed);\n    --fg: var(--bui-fg-primary);\n\n    &[data-on-bg='neutral-1'] {\n      --bg-hover: var(--bui-bg-neutral-2-hover);\n      --bg-active: var(--bui-bg-neutral-2-pressed);\n    }\n\n    &[data-on-bg='neutral-2'] {\n      --bg-hover: var(--bui-bg-neutral-3-hover);\n      --bg-active: var(--bui-bg-neutral-3-pressed);\n    }\n\n    &[data-on-bg='neutral-3'] {\n      --bg-hover: var(--bui-bg-neutral-4-hover);\n      --bg-active: var(--bui-bg-neutral-4-pressed);\n    }\n\n    &[data-disabled='true'] {\n      --bg-hover: var(--bg);\n      --bg-active: var(--bg);\n      --fg: var(--bui-fg-disabled);\n    }\n\n    &[data-focus-visible] {\n      outline: none;\n      transition: none;\n      box-shadow: inset 0 0 0 2px var(--bui-ring);\n    }\n  }\n\n  .ButtonLink_bui-ButtonLink__053e4cbdce[data-size='small'] {\n    font-size: var(--bui-font-size-3);\n    padding: 0 var(--bui-space-2);\n    height: 2rem;\n\n    svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .ButtonLink_bui-ButtonLink__053e4cbdce[data-size='medium'] {\n    font-size: var(--bui-font-size-4);\n    padding: 0 var(--bui-space-3);\n    height: 2.5rem;\n\n    svg {\n      width: 1.25rem;\n      height: 1.25rem;\n    }\n  }\n\n  .ButtonLink_bui-ButtonLinkContent__053e4cbdce {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--bui-space-1_5);\n    height: 100%;\n    width: 100%;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ButtonLink_bui-ButtonLink__053e4cbdce {\n      transition-duration: 50ms;\n    }\n  }\n}\n";
+var styles = {"bui-ButtonLink":"ButtonLink_bui-ButtonLink__053e4cbdce","bui-ButtonLinkContent":"ButtonLink_bui-ButtonLinkContent__053e4cbdce"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/ButtonLink/definition.esm.js

@@ -3,6 +3,7 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
+import '../../analytics/useAnalytics.esm.js';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './ButtonLink.module.css.esm.js';
 
@@ -13,7 +14,9 @@ const ButtonLinkDefinition = defineComponent()({
     content: "bui-ButtonLinkContent"
   },
   bg: "consumer",
+  analytics: true,
   propDefs: {
+    noTrack: {},
     size: { dataAttribute: true, default: "small" },
     variant: { dataAttribute: true, default: "primary" },
     iconStart: {},

package/dist/components/ButtonLink/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/ButtonLink/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { ButtonLinkOwnProps } from './types';\nimport styles from './ButtonLink.module.css';\n\n/**\n * Component definition for ButtonLink\n * @public\n */\nexport const ButtonLinkDefinition = defineComponent<ButtonLinkOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-ButtonLink',\n    content: 'bui-ButtonLinkContent',\n  },\n  bg: 'consumer',\n  propDefs: {\n    size: { dataAttribute: true, default: 'small' },\n    variant: { dataAttribute: true, default: 'primary' },\n    iconStart: {},\n    iconEnd: {},\n    children: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;AAwBO,MAAM,oBAAA,GAAuB,iBAAoC,CAAE;AAAA,EACxE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,gBAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,OAAA,EAAS,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,SAAA,EAAU;AAAA,IACnD,WAAW,EAAC;AAAA,IACZ,SAAS,EAAC;AAAA,IACV,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/ButtonLink/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { ButtonLinkOwnProps } from './types';\nimport styles from './ButtonLink.module.css';\n\n/**\n * Component definition for ButtonLink\n * @public\n */\nexport const ButtonLinkDefinition = defineComponent<ButtonLinkOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-ButtonLink',\n    content: 'bui-ButtonLinkContent',\n  },\n  bg: 'consumer',\n  analytics: true,\n  propDefs: {\n    noTrack: {},\n    size: { dataAttribute: true, default: 'small' },\n    variant: { dataAttribute: true, default: 'primary' },\n    iconStart: {},\n    iconEnd: {},\n    children: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;AAwBO,MAAM,oBAAA,GAAuB,iBAAoC,CAAE;AAAA,EACxE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,gBAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,EAAA,EAAI,UAAA;AAAA,EACJ,SAAA,EAAW,IAAA;AAAA,EACX,QAAA,EAAU;AAAA,IACR,SAAS,EAAC;AAAA,IACV,IAAA,EAAM,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,OAAA,EAAQ;AAAA,IAC9C,OAAA,EAAS,EAAE,aAAA,EAAe,IAAA,EAAM,SAAS,SAAA,EAAU;AAAA,IACnD,WAAW,EAAC;AAAA,IACZ,SAAS,EAAC;AAAA,IACV,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}

package/dist/components/Card/Card.esm.js

@@ -1,24 +1,85 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef, useCallback } from 'react';
+import { Button } from 'react-aria-components';
 import { useDefinition } from '../../hooks/useDefinition/useDefinition.esm.js';
 import { CardDefinition, CardHeaderDefinition, CardBodyDefinition, CardFooterDefinition } from './definition.esm.js';
 import { Box } from '../Box/Box.esm.js';
+import { Link } from '../Link/Link.esm.js';
+import '../Link/Link.module.css.esm.js';
 
+const INTERACTIVE_ELEMENT_SELECTOR = 'a[href],button,input,select,textarea,[role="button"],[role="link"],[tabindex]:not([tabindex="-1"])';
 const Card = forwardRef((props, ref) => {
   const { ownProps, restProps, dataAttributes } = useDefinition(
     CardDefinition,
     props
   );
-  const { classes, children } = ownProps;
-  return /* @__PURE__ */ jsx(
+  const {
+    classes,
+    children,
+    onPress,
+    href,
+    label,
+    target: linkTarget,
+    rel,
+    download
+  } = ownProps;
+  const isInteractive = !!(onPress || href);
+  const triggerRef = useRef(null);
+  const handleClick = useCallback(
+    (e) => {
+      if (!isInteractive || !triggerRef.current) return;
+      if (triggerRef.current.contains(e.target)) return;
+      const targetNode = e.target;
+      const targetElement = targetNode instanceof Element ? targetNode : targetNode?.parentElement;
+      if (targetElement?.closest(INTERACTIVE_ELEMENT_SELECTOR)) return;
+      if (window.getSelection()?.toString()) return;
+      triggerRef.current.dispatchEvent(
+        new MouseEvent("click", {
+          bubbles: true,
+          cancelable: true,
+          ctrlKey: e.ctrlKey,
+          metaKey: e.metaKey,
+          shiftKey: e.shiftKey
+        })
+      );
+    },
+    [isInteractive]
+  );
+  return /* @__PURE__ */ jsxs(
     Box,
     {
+      as: "article",
       bg: "neutral",
       ref,
       className: classes.root,
+      "data-interactive": isInteractive || void 0,
       ...dataAttributes,
       ...restProps,
-      children
+      onClick: isInteractive ? handleClick : void 0,
+      children: [
+        href && /* @__PURE__ */ jsx(
+          Link,
+          {
+            ref: triggerRef,
+            className: classes.trigger,
+            href,
+            target: linkTarget,
+            rel,
+            download,
+            "aria-label": label
+          }
+        ),
+        onPress && !href && /* @__PURE__ */ jsx(
+          Button,
+          {
+            ref: triggerRef,
+            className: classes.trigger,
+            onPress,
+            "aria-label": label
+          }
+        ),
+        children
+      ]
     }
   );
 });

package/dist/components/Card/Card.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.esm.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef } from 'react';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport {\n  CardDefinition,\n  CardHeaderDefinition,\n  CardBodyDefinition,\n  CardFooterDefinition,\n} from './definition';\nimport type {\n  CardProps,\n  CardHeaderProps,\n  CardBodyProps,\n  CardFooterProps,\n} from './types';\nimport { Box } from '../Box/Box';\n\n/**\n * Card component.\n *\n * @public\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {\n  const { ownProps, restProps, dataAttributes } = useDefinition(\n    CardDefinition,\n    props,\n  );\n  const { classes, children } = ownProps;\n\n  return (\n    <Box\n      bg=\"neutral\"\n      ref={ref}\n      className={classes.root}\n      {...dataAttributes}\n      {...restProps}\n    >\n      {children}\n    </Box>\n  );\n});\n\nCard.displayName = 'Card';\n\n/**\n * CardHeader component.\n *\n * @public\n */\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(\n  (props, ref) => {\n    const { ownProps, restProps } = useDefinition(CardHeaderDefinition, props);\n    const { classes, children } = ownProps;\n\n    return (\n      <div ref={ref} className={classes.root} {...restProps}>\n        {children}\n      </div>\n    );\n  },\n);\n\nCardHeader.displayName = 'CardHeader';\n\n/**\n * CardBody component.\n *\n * @public\n */\nexport const CardBody = forwardRef<HTMLDivElement, CardBodyProps>(\n  (props, ref) => {\n    const { ownProps, restProps } = useDefinition(CardBodyDefinition, props);\n    const { classes, children } = ownProps;\n\n    return (\n      <div ref={ref} className={classes.root} {...restProps}>\n        {children}\n      </div>\n    );\n  },\n);\n\nCardBody.displayName = 'CardBody';\n\n/**\n * CardFooter component.\n *\n * @public\n */\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(\n  (props, ref) => {\n    const { ownProps, restProps } = useDefinition(CardFooterDefinition, props);\n    const { classes, children } = ownProps;\n\n    return (\n      <div ref={ref} className={classes.root} {...restProps}>\n        {children}\n      </div>\n    );\n  },\n);\n\nCardFooter.displayName = 'CardFooter';\n"],"names":[],"mappings":";;;;;;AAqCO,MAAM,IAAA,GAAO,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACxE,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,IAC9C,cAAA;AAAA,IACA;AAAA,GACF;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAS,GAAI,QAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,SAAA;AAAA,MACH,GAAA;AAAA,MACA,WAAW,OAAA,CAAQ,IAAA;AAAA,MAClB,GAAG,cAAA;AAAA,MACH,GAAG,SAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;AAOZ,MAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,aAAA,CAAc,sBAAsB,KAAK,CAAA;AACzE,IAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAS,GAAI,QAAA;AAE9B,IAAA,uBACE,GAAA,CAAC,SAAI,GAAA,EAAU,SAAA,EAAW,QAAQ,IAAA,EAAO,GAAG,WACzC,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;AAOlB,MAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,aAAA,CAAc,oBAAoB,KAAK,CAAA;AACvE,IAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAS,GAAI,QAAA;AAE9B,IAAA,uBACE,GAAA,CAAC,SAAI,GAAA,EAAU,SAAA,EAAW,QAAQ,IAAA,EAAO,GAAG,WACzC,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AAOhB,MAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,aAAA,CAAc,sBAAsB,KAAK,CAAA;AACzE,IAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAS,GAAI,QAAA;AAE9B,IAAA,uBACE,GAAA,CAAC,SAAI,GAAA,EAAU,SAAA,EAAW,QAAQ,IAAA,EAAO,GAAG,WACzC,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}
+{"version":3,"file":"Card.esm.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef, useCallback, useRef } from 'react';\nimport { Button as RAButton } from 'react-aria-components';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport {\n  CardDefinition,\n  CardHeaderDefinition,\n  CardBodyDefinition,\n  CardFooterDefinition,\n} from './definition';\nimport type {\n  CardProps,\n  CardHeaderProps,\n  CardBodyProps,\n  CardFooterProps,\n} from './types';\nimport { Box } from '../Box/Box';\nimport { Link } from '../Link';\n\nconst INTERACTIVE_ELEMENT_SELECTOR =\n  'a[href],button,input,select,textarea,[role=\"button\"],[role=\"link\"],[tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * Card component.\n *\n * @public\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>((props, ref) => {\n  const { ownProps, restProps, dataAttributes } = useDefinition(\n    CardDefinition,\n    props,\n  );\n  const {\n    classes,\n    children,\n    onPress,\n    href,\n    label,\n    target: linkTarget,\n    rel,\n    download,\n  } = ownProps;\n  const isInteractive = !!(onPress || href);\n\n  const triggerRef = useRef<HTMLAnchorElement | HTMLButtonElement>(null);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (!isInteractive || !triggerRef.current) return;\n\n      // Don't delegate if the click target is the trigger itself\n      if (triggerRef.current.contains(e.target as Node)) return;\n\n      // Don't delegate if the user clicked a nested interactive element\n      const targetNode = e.target as Node | null;\n      const targetElement =\n        targetNode instanceof Element ? targetNode : targetNode?.parentElement;\n      if (targetElement?.closest(INTERACTIVE_ELEMENT_SELECTOR)) return;\n\n      // Don't delegate if the user is selecting text\n      if (window.getSelection()?.toString()) return;\n\n      triggerRef.current.dispatchEvent(\n        new MouseEvent('click', {\n          bubbles: true,\n          cancelable: true,\n          ctrlKey: e.ctrlKey,\n          metaKey: e.metaKey,\n          shiftKey: e.shiftKey,\n        }),\n      );\n    },\n    [isInteractive],\n  );\n\n  return (\n    <Box\n      as=\"article\"\n      bg=\"neutral\"\n      ref={ref}\n      className={classes.root}\n      data-interactive={isInteractive || undefined}\n      {...dataAttributes}\n      {...restProps}\n      onClick={isInteractive ? handleClick : undefined}\n    >\n      {href && (\n        <Link\n          ref={triggerRef as React.Ref<HTMLAnchorElement>}\n          className={classes.trigger}\n          href={href}\n          target={linkTarget}\n          rel={rel}\n          download={download}\n          aria-label={label}\n        />\n      )}\n      {onPress && !href && (\n        <RAButton\n          ref={triggerRef as React.Ref<HTMLButtonElement>}\n          className={classes.trigger}\n          onPress={onPress}\n          aria-label={label}\n        />\n      )}\n      {children}\n    </Box>\n  );\n});\n\nCard.displayName = 'Card';\n\n/**\n * CardHeader component.\n *\n * @public\n */\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(\n  (props, ref) => {\n    const { ownProps, restProps } = useDefinition(CardHeaderDefinition, props);\n    const { classes, children } = ownProps;\n\n    return (\n      <div ref={ref} className={classes.root} {...restProps}>\n        {children}\n      </div>\n    );\n  },\n);\n\nCardHeader.displayName = 'CardHeader';\n\n/**\n * CardBody component.\n *\n * @public\n */\nexport const CardBody = forwardRef<HTMLDivElement, CardBodyProps>(\n  (props, ref) => {\n    const { ownProps, restProps } = useDefinition(CardBodyDefinition, props);\n    const { classes, children } = ownProps;\n\n    return (\n      <div ref={ref} className={classes.root} {...restProps}>\n        {children}\n      </div>\n    );\n  },\n);\n\nCardBody.displayName = 'CardBody';\n\n/**\n * CardFooter component.\n *\n * @public\n */\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(\n  (props, ref) => {\n    const { ownProps, restProps } = useDefinition(CardFooterDefinition, props);\n    const { classes, children } = ownProps;\n\n    return (\n      <div ref={ref} className={classes.root} {...restProps}>\n        {children}\n      </div>\n    );\n  },\n);\n\nCardFooter.displayName = 'CardFooter';\n"],"names":["RAButton"],"mappings":"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"}

package/dist/components/Card/Card.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Card_bui-Card__b58d4a84f0 {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-3);\n    border-radius: var(--bui-radius-3);\n    padding-block: var(--bui-space-3);\n    color: var(--bui-fg-primary);\n    overflow: hidden;\n    min-height: 0;\n    width: 100%;\n  }\n\n  .Card_bui-CardBody__b58d4a84f0 {\n    flex: 1;\n    min-height: 0;\n    overflow: auto;\n    padding-inline: var(--bui-space-3);\n  }\n\n  .Card_bui-CardHeader__b58d4a84f0 {\n    padding-inline: var(--bui-space-3);\n  }\n\n  .Card_bui-CardFooter__b58d4a84f0 {\n    padding-inline: var(--bui-space-3);\n  }\n}\n";
-var styles = {"bui-Card":"Card_bui-Card__b58d4a84f0","bui-CardBody":"Card_bui-CardBody__b58d4a84f0","bui-CardHeader":"Card_bui-CardHeader__b58d4a84f0","bui-CardFooter":"Card_bui-CardFooter__b58d4a84f0"};
+var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Card_bui-Card__d4e76c810a {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--bui-radius-3);\n    color: var(--bui-fg-primary);\n    overflow: auto;\n    min-height: 0;\n    width: 100%;\n    position: relative;\n    padding: var(--bui-space-3);\n  }\n\n  .Card_bui-Card__d4e76c810a[data-bg='neutral-1'] {\n    --bui-card-bg: var(--bui-bg-neutral-1);\n  }\n\n  .Card_bui-Card__d4e76c810a[data-bg='neutral-2'] {\n    --bui-card-bg: var(--bui-bg-neutral-2);\n  }\n\n  .Card_bui-Card__d4e76c810a[data-bg='neutral-3'] {\n    --bui-card-bg: var(--bui-bg-neutral-3);\n  }\n\n  .Card_bui-Card__d4e76c810a:has(.Card_bui-CardHeader__d4e76c810a, .Card_bui-CardBody__d4e76c810a, .Card_bui-CardFooter__d4e76c810a) {\n    padding: 0;\n  }\n\n  /*\n   * Cursor and hover tint are applied at the card level so they cover the\n   * entire surface.\n   */\n  .Card_bui-Card__d4e76c810a[data-interactive] {\n    cursor: pointer;\n\n    &::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: color-mix(in srgb, currentColor 5%, transparent);\n      border-radius: inherit;\n      pointer-events: none;\n      z-index: 3;\n      opacity: 0;\n      transition: opacity 200ms ease-in-out;\n    }\n\n    &:hover::after {\n      opacity: 1;\n    }\n  }\n\n  .Card_bui-Card__d4e76c810a[data-interactive]:has(.Card_bui-CardTrigger__d4e76c810a[data-focus-visible]) {\n    outline: 2px solid var(--bui-ring);\n    outline-offset: -2px;\n  }\n\n  .Card_bui-CardTrigger__d4e76c810a {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0 0 0 0);\n    clip-path: inset(100%);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  .Card_bui-CardHeader__d4e76c810a {\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-3);\n  }\n\n  .Card_bui-CardBody__d4e76c810a {\n    flex: 1;\n    min-height: 0;\n    overflow: auto;\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-3);\n  }\n\n  @keyframes Card_bui-card-body-shadow__d4e76c810a {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  .Card_bui-Card__d4e76c810a:has(.Card_bui-CardHeader__d4e76c810a) .Card_bui-CardBody__d4e76c810a {\n    padding-block-start: 0;\n\n    &::before {\n      content: '';\n      position: sticky;\n      top: 0;\n      display: block;\n      height: 1.5rem;\n      margin-bottom: -1.5rem;\n      background: linear-gradient(\n        to bottom,\n        var(--bui-card-bg),\n        rgb(from var(--bui-card-bg) r g b / 0)\n      );\n      pointer-events: none;\n      opacity: 0;\n      animation: Card_bui-card-body-shadow__d4e76c810a linear both;\n      animation-timeline: scroll();\n      animation-range: 0px 2.5rem;\n    }\n  }\n\n  .Card_bui-Card__d4e76c810a:has(.Card_bui-CardFooter__d4e76c810a) .Card_bui-CardBody__d4e76c810a {\n    padding-block-end: 0;\n\n    &::after {\n      content: '';\n      position: sticky;\n      bottom: 0;\n      display: block;\n      height: 1.5rem;\n      margin-top: -1.5rem;\n      background: linear-gradient(\n        to top,\n        var(--bui-card-bg),\n        rgb(from var(--bui-card-bg) r g b / 0)\n      );\n      pointer-events: none;\n      opacity: 0;\n      animation: Card_bui-card-body-shadow__d4e76c810a linear forwards,\n        Card_bui-card-body-shadow__d4e76c810a linear forwards reverse;\n      animation-timeline: scroll(), scroll();\n      animation-range: 0px 1px, calc(100% - 2.5rem) 100%;\n    }\n  }\n\n  .Card_bui-CardFooter__d4e76c810a {\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-3);\n  }\n}\n";
+var styles = {"bui-Card":"Card_bui-Card__d4e76c810a","bui-CardHeader":"Card_bui-CardHeader__d4e76c810a","bui-CardBody":"Card_bui-CardBody__d4e76c810a","bui-CardFooter":"Card_bui-CardFooter__d4e76c810a","bui-CardTrigger":"Card_bui-CardTrigger__d4e76c810a","bui-card-body-shadow":"Card_bui-card-body-shadow__d4e76c810a"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/Card/definition.esm.js

@@ -3,17 +3,25 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
+import '../../analytics/useAnalytics.esm.js';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './Card.module.css.esm.js';
 
 const CardDefinition = defineComponent()({
   styles,
   classNames: {
-    root: "bui-Card"
+    root: "bui-Card",
+    trigger: "bui-CardTrigger"
   },
   propDefs: {
     children: {},
-    className: {}
+    className: {},
+    onPress: {},
+    href: {},
+    label: {},
+    target: {},
+    rel: {},
+    download: {}
   }
 });
 const CardHeaderDefinition = defineComponent()({

package/dist/components/Card/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Card/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type {\n  CardOwnProps,\n  CardHeaderOwnProps,\n  CardBodyOwnProps,\n  CardFooterOwnProps,\n} from './types';\nimport styles from './Card.module.css';\n\n/**\n * Component definition for Card\n * @public\n */\nexport const CardDefinition = defineComponent<CardOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Card',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for CardHeader\n * @public\n */\nexport const CardHeaderDefinition = defineComponent<CardHeaderOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-CardHeader',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for CardBody\n * @public\n */\nexport const CardBodyDefinition = defineComponent<CardBodyOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-CardBody',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for CardFooter\n * @public\n */\nexport const CardFooterDefinition = defineComponent<CardFooterOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-CardFooter',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;AA6BO,MAAM,cAAA,GAAiB,iBAA8B,CAAE;AAAA,EAC5D,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;AAMM,MAAM,oBAAA,GAAuB,iBAAoC,CAAE;AAAA,EACxE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;AAMM,MAAM,kBAAA,GAAqB,iBAAkC,CAAE;AAAA,EACpE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;AAMM,MAAM,oBAAA,GAAuB,iBAAoC,CAAE;AAAA,EACxE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Card/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type {\n  CardOwnProps,\n  CardHeaderOwnProps,\n  CardBodyOwnProps,\n  CardFooterOwnProps,\n} from './types';\nimport styles from './Card.module.css';\n\n/**\n * Component definition for Card\n * @public\n */\nexport const CardDefinition = defineComponent<CardOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Card',\n    trigger: 'bui-CardTrigger',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n    onPress: {},\n    href: {},\n    label: {},\n    target: {},\n    rel: {},\n    download: {},\n  },\n});\n\n/**\n * Component definition for CardHeader\n * @public\n */\nexport const CardHeaderDefinition = defineComponent<CardHeaderOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-CardHeader',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for CardBody\n * @public\n */\nexport const CardBodyDefinition = defineComponent<CardBodyOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-CardBody',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for CardFooter\n * @public\n */\nexport const CardFooterDefinition = defineComponent<CardFooterOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-CardFooter',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;AA6BO,MAAM,cAAA,GAAiB,iBAA8B,CAAE;AAAA,EAC5D,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,UAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW,EAAC;AAAA,IACZ,SAAS,EAAC;AAAA,IACV,MAAM,EAAC;AAAA,IACP,OAAO,EAAC;AAAA,IACR,QAAQ,EAAC;AAAA,IACT,KAAK,EAAC;AAAA,IACN,UAAU;AAAC;AAEf,CAAC;AAMM,MAAM,oBAAA,GAAuB,iBAAoC,CAAE;AAAA,EACxE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;AAMM,MAAM,kBAAA,GAAqB,iBAAkC,CAAE;AAAA,EACpE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;AAMM,MAAM,oBAAA,GAAuB,iBAAoC,CAAE;AAAA,EACxE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { forwardRef, useEffect } from 'react';
 import { Checkbox as Checkbox$1 } from 'react-aria-components';
 import { useDefinition } from '../../hooks/useDefinition/useDefinition.esm.js';
 import { CheckboxDefinition } from './definition.esm.js';
@@ -12,6 +12,15 @@ const Checkbox = forwardRef(
       props
     );
     const { classes, children } = ownProps;
+    const ariaLabel = restProps["aria-label"];
+    const ariaLabelledBy = restProps["aria-labelledby"];
+    useEffect(() => {
+      if (!children && !ariaLabel && !ariaLabelledBy) {
+        console.warn(
+          "Checkbox requires either a visible label, aria-label, or aria-labelledby for accessibility"
+        );
+      }
+    }, [children, ariaLabel, ariaLabelledBy]);
     return /* @__PURE__ */ jsx(
       Checkbox$1,
       {
@@ -20,8 +29,8 @@ const Checkbox = forwardRef(
         ...dataAttributes,
         ...restProps,
         children: ({ isIndeterminate }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: classes.indicator, children: isIndeterminate ? /* @__PURE__ */ jsx(RiSubtractLine, { size: 12 }) : /* @__PURE__ */ jsx(RiCheckLine, { size: 12 }) }),
-          children
+          /* @__PURE__ */ jsx("div", { className: classes.indicator, "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx(RiSubtractLine, { size: 12 }) : /* @__PURE__ */ jsx(RiCheckLine, { size: 12 }) }),
+          children != null && /* @__PURE__ */ jsx("div", { children })
         ] })
       }
     );

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.esm.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef } from 'react';\nimport { Checkbox as RACheckbox } from 'react-aria-components';\nimport type { CheckboxProps } from './types';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { CheckboxDefinition } from './definition';\nimport { RiCheckLine, RiSubtractLine } from '@remixicon/react';\n\n/** @public */\nexport const Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>(\n  (props, ref) => {\n    const { ownProps, restProps, dataAttributes } = useDefinition(\n      CheckboxDefinition,\n      props,\n    );\n    const { classes, children } = ownProps;\n\n    return (\n      <RACheckbox\n        ref={ref}\n        className={classes.root}\n        {...dataAttributes}\n        {...restProps}\n      >\n        {({ isIndeterminate }) => (\n          <>\n            <div className={classes.indicator}>\n              {isIndeterminate ? (\n                <RiSubtractLine size={12} />\n              ) : (\n                <RiCheckLine size={12} />\n              )}\n            </div>\n            {children}\n          </>\n        )}\n      </RACheckbox>\n    );\n  },\n);\n"],"names":["RACheckbox"],"mappings":";;;;;;;AAwBO,MAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,MAC9C,kBAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAS,GAAI,QAAA;AAE9B,IAAA,uBACE,GAAA;AAAA,MAACA,UAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,OAAA,CAAQ,IAAA;AAAA,QAClB,GAAG,cAAA;AAAA,QACH,GAAG,SAAA;AAAA,QAEH,QAAA,EAAA,CAAC,EAAE,eAAA,EAAgB,qBAClB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAA,EACrB,4CACC,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAM,EAAA,EAAI,CAAA,mBAE1B,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAM,IAAI,CAAA,EAE3B,CAAA;AAAA,UACC;AAAA,SAAA,EACH;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;;;;"}
+{"version":3,"file":"Checkbox.esm.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef, useEffect } from 'react';\nimport { Checkbox as RACheckbox } from 'react-aria-components';\nimport type { CheckboxProps } from './types';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport { CheckboxDefinition } from './definition';\nimport { RiCheckLine, RiSubtractLine } from '@remixicon/react';\n\n/** @public */\nexport const Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>(\n  (props, ref) => {\n    const { ownProps, restProps, dataAttributes } = useDefinition(\n      CheckboxDefinition,\n      props,\n    );\n    const { classes, children } = ownProps;\n    const ariaLabel = restProps['aria-label'];\n    const ariaLabelledBy = restProps['aria-labelledby'];\n\n    useEffect(() => {\n      if (!children && !ariaLabel && !ariaLabelledBy) {\n        console.warn(\n          'Checkbox requires either a visible label, aria-label, or aria-labelledby for accessibility',\n        );\n      }\n    }, [children, ariaLabel, ariaLabelledBy]);\n\n    return (\n      <RACheckbox\n        ref={ref}\n        className={classes.root}\n        {...dataAttributes}\n        {...restProps}\n      >\n        {({ isIndeterminate }) => (\n          <>\n            <div className={classes.indicator} aria-hidden=\"true\">\n              {isIndeterminate ? (\n                <RiSubtractLine size={12} />\n              ) : (\n                <RiCheckLine size={12} />\n              )}\n            </div>\n            {children != null && <div>{children}</div>}\n          </>\n        )}\n      </RACheckbox>\n    );\n  },\n);\n"],"names":["RACheckbox"],"mappings":";;;;;;;AAwBO,MAAM,QAAA,GAAW,UAAA;AAAA,EACtB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAe,GAAI,aAAA;AAAA,MAC9C,kBAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,MAAM,EAAE,OAAA,EAAS,QAAA,EAAS,GAAI,QAAA;AAC9B,IAAA,MAAM,SAAA,GAAY,UAAU,YAAY,CAAA;AACxC,IAAA,MAAM,cAAA,GAAiB,UAAU,iBAAiB,CAAA;AAElD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,CAAC,QAAA,IAAY,CAAC,SAAA,IAAa,CAAC,cAAA,EAAgB;AAC9C,QAAA,OAAA,CAAQ,IAAA;AAAA,UACN;AAAA,SACF;AAAA,MACF;AAAA,IACF,CAAA,EAAG,CAAC,QAAA,EAAU,SAAA,EAAW,cAAc,CAAC,CAAA;AAExC,IAAA,uBACE,GAAA;AAAA,MAACA,UAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,OAAA,CAAQ,IAAA;AAAA,QAClB,GAAG,cAAA;AAAA,QACH,GAAG,SAAA;AAAA,QAEH,QAAA,EAAA,CAAC,EAAE,eAAA,EAAgB,qBAClB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAI,SAAA,EAAW,OAAA,CAAQ,SAAA,EAAW,aAAA,EAAY,QAC5C,QAAA,EAAA,eAAA,mBACC,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAM,IAAI,CAAA,mBAE1B,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAM,IAAI,CAAA,EAE3B,CAAA;AAAA,UACC,QAAA,IAAY,IAAA,oBAAQ,GAAA,CAAC,KAAA,EAAA,EAAK,QAAA,EAAS;AAAA,SAAA,EACtC;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;;;;"}

package/dist/components/Checkbox/Checkbox.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Checkbox_bui-Checkbox__2699cf9993 {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-2);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    color: var(--bui-fg-primary);\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .Checkbox_bui-Checkbox__2699cf9993[data-disabled] {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  .Checkbox_bui-CheckboxIndicator__2699cf9993 {\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1rem;\n    height: 1rem;\n    box-shadow: inset 0 0 0 1px var(--bui-border-2);\n    border-radius: 2px;\n    transition: background-color 0.2s ease-in-out;\n    background-color: var(--bui-bg-neutral-1);\n    padding: 0;\n    flex-shrink: 0;\n    color: transparent;\n\n    .Checkbox_bui-Checkbox__2699cf9993[data-focus-visible] & {\n      transition: none;\n      outline: 2px solid var(--bui-ring);\n      outline-offset: 2px;\n    }\n\n    .Checkbox_bui-Checkbox__2699cf9993[data-selected] & {\n      background-color: var(--bui-bg-solid);\n      box-shadow: none;\n      color: var(--bui-fg-solid);\n    }\n\n    .Checkbox_bui-Checkbox__2699cf9993[data-indeterminate] & {\n      background-color: var(--bui-bg-neutral-1);\n      box-shadow: inset 0 0 0 1px var(--bui-border-2);\n      color: var(--bui-fg-primary);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      & {\n        transition: none;\n      }\n    }\n  }\n}\n";
-var styles = {"bui-Checkbox":"Checkbox_bui-Checkbox__2699cf9993","bui-CheckboxIndicator":"Checkbox_bui-CheckboxIndicator__2699cf9993"};
+var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Checkbox_bui-Checkbox__89b03c3ff8 {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    gap: var(--bui-space-2);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    color: var(--bui-fg-primary);\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .Checkbox_bui-Checkbox__89b03c3ff8[data-disabled] {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  .Checkbox_bui-CheckboxIndicator__89b03c3ff8 {\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1rem;\n    height: 1rem;\n    box-shadow: inset 0 0 0 1px var(--bui-border-2);\n    border-radius: 2px;\n    transition: background-color 0.2s ease-in-out;\n    background-color: var(--bui-bg-neutral-1);\n    padding: 0;\n    flex-shrink: 0;\n    color: transparent;\n\n    .Checkbox_bui-Checkbox__89b03c3ff8[data-focus-visible] & {\n      transition: none;\n      outline: 2px solid var(--bui-ring);\n      outline-offset: 2px;\n    }\n\n    .Checkbox_bui-Checkbox__89b03c3ff8[data-selected] & {\n      background-color: var(--bui-bg-solid);\n      box-shadow: none;\n      color: var(--bui-fg-solid);\n    }\n\n    .Checkbox_bui-Checkbox__89b03c3ff8[data-indeterminate] & {\n      background-color: var(--bui-bg-neutral-1);\n      box-shadow: inset 0 0 0 1px var(--bui-border-2);\n      color: var(--bui-fg-primary);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      & {\n        transition: none;\n      }\n    }\n  }\n}\n";
+var styles = {"bui-Checkbox":"Checkbox_bui-Checkbox__89b03c3ff8","bui-CheckboxIndicator":"Checkbox_bui-CheckboxIndicator__89b03c3ff8"};
 styleInject(css_248z);
 
 export { styles as default };

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

@@ -3,6 +3,7 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
+import '../../analytics/useAnalytics.esm.js';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './Checkbox.module.css.esm.js';
 
@@ -13,8 +14,6 @@ const CheckboxDefinition = defineComponent()({
     indicator: "bui-CheckboxIndicator"
   },
   propDefs: {
-    selected: { dataAttribute: true },
-    indeterminate: { dataAttribute: true },
     children: {},
     className: {}
   }

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

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Checkbox/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { CheckboxOwnProps } from './types';\nimport styles from './Checkbox.module.css';\n\n/**\n * Component definition for Checkbox\n * @public\n */\nexport const CheckboxDefinition = defineComponent<CheckboxOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Checkbox',\n    indicator: 'bui-CheckboxIndicator',\n  },\n  propDefs: {\n    selected: { dataAttribute: true },\n    indeterminate: { dataAttribute: true },\n    children: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;AAwBO,MAAM,kBAAA,GAAqB,iBAAkC,CAAE;AAAA,EACpE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,cAAA;AAAA,IACN,SAAA,EAAW;AAAA,GACb;AAAA,EACA,QAAA,EAAU;AAAA,IACR,QAAA,EAAU,EAAE,aAAA,EAAe,IAAA,EAAK;AAAA,IAChC,aAAA,EAAe,EAAE,aAAA,EAAe,IAAA,EAAK;AAAA,IACrC,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Checkbox/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { CheckboxOwnProps } from './types';\nimport styles from './Checkbox.module.css';\n\n/**\n * Component definition for Checkbox\n * @public\n */\nexport const CheckboxDefinition = defineComponent<CheckboxOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Checkbox',\n    indicator: 'bui-CheckboxIndicator',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;AAwBO,MAAM,kBAAA,GAAqB,iBAAkC,CAAE;AAAA,EACpE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,cAAA;AAAA,IACN,SAAA,EAAW;AAAA,GACb;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}

package/dist/components/Container/Container.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Container_bui-Container__6b0c367fdf {\n    max-width: 120rem;\n    padding-inline: var(--bui-space-4);\n    margin-inline: auto;\n    padding-bottom: var(--bui-space-8);\n  }\n\n  @media (min-width: 640px) {\n    .Container_bui-Container__6b0c367fdf {\n      padding-inline: var(--bui-space-5);\n    }\n  }\n}\n";
-var styles = {"bui-Container":"Container_bui-Container__6b0c367fdf"};
+var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Container_bui-Container__2d4773fa86 {\n    max-width: 120rem;\n    padding-inline: var(--bui-space-4);\n    margin-inline: auto;\n    margin-bottom: var(--bui-space-8);\n  }\n\n  @media (min-width: 640px) {\n    .Container_bui-Container__2d4773fa86 {\n      padding-inline: var(--bui-space-5);\n    }\n  }\n}\n";
+var styles = {"bui-Container":"Container_bui-Container__2d4773fa86"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/Container/definition.esm.js

@@ -3,6 +3,7 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
+import '../../analytics/useAnalytics.esm.js';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './Container.module.css.esm.js';
 

package/dist/components/Container/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Container/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { ContainerOwnProps } from './types';\nimport styles from './Container.module.css';\n\n/**\n * Component definition for Container\n * @public\n */\nexport const ContainerDefinition = defineComponent<ContainerOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Container',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n    style: {},\n  },\n  utilityProps: ['my', 'mt', 'mb', 'py', 'pt', 'pb', 'display'],\n});\n"],"names":[],"mappings":";;;;;;;;AAwBO,MAAM,mBAAA,GAAsB,iBAAmC,CAAE;AAAA,EACtE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW,EAAC;AAAA,IACZ,OAAO;AAAC,GACV;AAAA,EACA,YAAA,EAAc,CAAC,IAAA,EAAM,IAAA,EAAM,MAAM,IAAA,EAAM,IAAA,EAAM,MAAM,SAAS;AAC9D,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Container/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type { ContainerOwnProps } from './types';\nimport styles from './Container.module.css';\n\n/**\n * Component definition for Container\n * @public\n */\nexport const ContainerDefinition = defineComponent<ContainerOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-Container',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n    style: {},\n  },\n  utilityProps: ['my', 'mt', 'mb', 'py', 'pt', 'pb', 'display'],\n});\n"],"names":[],"mappings":";;;;;;;;;AAwBO,MAAM,mBAAA,GAAsB,iBAAmC,CAAE;AAAA,EACtE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW,EAAC;AAAA,IACZ,OAAO;AAAC,GACV;AAAA,EACA,YAAA,EAAc,CAAC,IAAA,EAAM,IAAA,EAAM,MAAM,IAAA,EAAM,IAAA,EAAM,MAAM,SAAS;AAC9D,CAAC;;;;"}

package/dist/components/Dialog/Dialog.esm.js

@@ -35,7 +35,9 @@ const Dialog = forwardRef(
             className: classes.dialog,
             style: {
               ["--bui-dialog-min-width"]: typeof width === "number" ? `${width}px` : width || "400px",
-              ["--bui-dialog-min-height"]: height ? typeof height === "number" ? `${height}px` : height : "auto",
+              ...height ? {
+                ["--bui-dialog-height"]: typeof height === "number" ? `${height}px` : height
+              } : {},
               ...style
             },
             children: /* @__PURE__ */ jsx(BgReset, { children: /* @__PURE__ */ jsx(Box, { bg: "neutral", className: classes.content, children }) })

package/dist/components/Dialog/Dialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.esm.js","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef } from 'react';\nimport {\n  Dialog as RADialog,\n  DialogTrigger as RADialogTrigger,\n  Modal,\n  Heading,\n} from 'react-aria-components';\nimport type {\n  DialogTriggerProps,\n  DialogHeaderProps,\n  DialogProps,\n  DialogBodyProps,\n  DialogFooterProps,\n} from './types';\nimport { RiCloseLine } from '@remixicon/react';\nimport { Button } from '../Button';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport {\n  DialogDefinition,\n  DialogHeaderDefinition,\n  DialogBodyDefinition,\n  DialogFooterDefinition,\n} from './definition';\nimport { Box } from '../Box';\nimport { BgReset } from '../../hooks/useBg';\nimport { Flex } from '../Flex';\n\n/** @public */\nexport const DialogTrigger = (props: DialogTriggerProps) => {\n  return <RADialogTrigger {...props} />;\n};\n\n/** @public */\nexport const Dialog = forwardRef<React.ElementRef<typeof Modal>, DialogProps>(\n  (props, ref) => {\n    const { ownProps, restProps } = useDefinition(DialogDefinition, props, {\n      classNameTarget: 'dialog',\n    });\n    const { classes, children, width, height, style } = ownProps;\n\n    return (\n      <Modal\n        ref={ref}\n        className={classes.root}\n        isDismissable\n        isKeyboardDismissDisabled={false}\n        {...restProps}\n      >\n        <RADialog\n          className={classes.dialog}\n          style={{\n            ['--bui-dialog-min-width' as keyof React.CSSProperties]:\n              typeof width === 'number' ? `${width}px` : width || '400px',\n            ['--bui-dialog-min-height' as keyof React.CSSProperties]: height\n              ? typeof height === 'number'\n                ? `${height}px`\n                : height\n              : 'auto',\n            ...style,\n          }}\n        >\n          <BgReset>\n            <Box bg=\"neutral\" className={classes.content}>\n              {children}\n            </Box>\n          </BgReset>\n        </RADialog>\n      </Modal>\n    );\n  },\n);\n\nDialog.displayName = 'Dialog';\n\n/** @public */\nexport const DialogHeader = forwardRef<\n  React.ElementRef<'div'>,\n  DialogHeaderProps\n>((props, ref) => {\n  const { ownProps, restProps } = useDefinition(DialogHeaderDefinition, props);\n  const { classes, children } = ownProps;\n\n  return (\n    <Flex ref={ref} className={classes.root} {...restProps}>\n      <Heading slot=\"title\" className={classes.title}>\n        {children}\n      </Heading>\n      <Button name=\"close\" aria-label=\"Close\" variant=\"tertiary\" slot=\"close\">\n        <RiCloseLine />\n      </Button>\n    </Flex>\n  );\n});\nDialogHeader.displayName = 'DialogHeader';\n\n/** @public */\nexport const DialogBody = forwardRef<React.ElementRef<'div'>, DialogBodyProps>(\n  (props, ref) => {\n    const { ownProps, restProps } = useDefinition(DialogBodyDefinition, props);\n    const { classes, children } = ownProps;\n\n    return (\n      <div className={classes.root} ref={ref} {...restProps}>\n        {children}\n      </div>\n    );\n  },\n);\n\nDialogBody.displayName = 'DialogBody';\n\n/** @public */\nexport const DialogFooter = forwardRef<\n  React.ElementRef<'div'>,\n  DialogFooterProps\n>((props, ref) => {\n  const { ownProps, restProps } = useDefinition(DialogFooterDefinition, props);\n  const { classes, children } = ownProps;\n\n  return (\n    <div ref={ref} className={classes.root} {...restProps}>\n      {children}\n    </div>\n  );\n});\nDialogFooter.displayName = 'DialogFooter';\n"],"names":["RADialogTrigger","RADialog"],"mappings":"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"}
+{"version":3,"file":"Dialog.esm.js","sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { forwardRef } from 'react';\nimport {\n  Dialog as RADialog,\n  DialogTrigger as RADialogTrigger,\n  Modal,\n  Heading,\n} from 'react-aria-components';\nimport type {\n  DialogTriggerProps,\n  DialogHeaderProps,\n  DialogProps,\n  DialogBodyProps,\n  DialogFooterProps,\n} from './types';\nimport { RiCloseLine } from '@remixicon/react';\nimport { Button } from '../Button';\nimport { useDefinition } from '../../hooks/useDefinition';\nimport {\n  DialogDefinition,\n  DialogHeaderDefinition,\n  DialogBodyDefinition,\n  DialogFooterDefinition,\n} from './definition';\nimport { Box } from '../Box';\nimport { BgReset } from '../../hooks/useBg';\nimport { Flex } from '../Flex';\n\n/** @public */\nexport const DialogTrigger = (props: DialogTriggerProps) => {\n  return <RADialogTrigger {...props} />;\n};\n\n/** @public */\nexport const Dialog = forwardRef<React.ElementRef<typeof Modal>, DialogProps>(\n  (props, ref) => {\n    const { ownProps, restProps } = useDefinition(DialogDefinition, props, {\n      classNameTarget: 'dialog',\n    });\n    const { classes, children, width, height, style } = ownProps;\n\n    return (\n      <Modal\n        ref={ref}\n        className={classes.root}\n        isDismissable\n        isKeyboardDismissDisabled={false}\n        {...restProps}\n      >\n        <RADialog\n          className={classes.dialog}\n          style={{\n            ['--bui-dialog-min-width' as keyof React.CSSProperties]:\n              typeof width === 'number' ? `${width}px` : width || '400px',\n            ...(height\n              ? {\n                  ['--bui-dialog-height' as keyof React.CSSProperties]:\n                    typeof height === 'number' ? `${height}px` : height,\n                }\n              : {}),\n            ...style,\n          }}\n        >\n          <BgReset>\n            <Box bg=\"neutral\" className={classes.content}>\n              {children}\n            </Box>\n          </BgReset>\n        </RADialog>\n      </Modal>\n    );\n  },\n);\n\nDialog.displayName = 'Dialog';\n\n/** @public */\nexport const DialogHeader = forwardRef<\n  React.ElementRef<'div'>,\n  DialogHeaderProps\n>((props, ref) => {\n  const { ownProps, restProps } = useDefinition(DialogHeaderDefinition, props);\n  const { classes, children } = ownProps;\n\n  return (\n    <Flex ref={ref} className={classes.root} {...restProps}>\n      <Heading slot=\"title\" className={classes.title}>\n        {children}\n      </Heading>\n      <Button name=\"close\" aria-label=\"Close\" variant=\"tertiary\" slot=\"close\">\n        <RiCloseLine />\n      </Button>\n    </Flex>\n  );\n});\nDialogHeader.displayName = 'DialogHeader';\n\n/** @public */\nexport const DialogBody = forwardRef<React.ElementRef<'div'>, DialogBodyProps>(\n  (props, ref) => {\n    const { ownProps, restProps } = useDefinition(DialogBodyDefinition, props);\n    const { classes, children } = ownProps;\n\n    return (\n      <div className={classes.root} ref={ref} {...restProps}>\n        {children}\n      </div>\n    );\n  },\n);\n\nDialogBody.displayName = 'DialogBody';\n\n/** @public */\nexport const DialogFooter = forwardRef<\n  React.ElementRef<'div'>,\n  DialogFooterProps\n>((props, ref) => {\n  const { ownProps, restProps } = useDefinition(DialogFooterDefinition, props);\n  const { classes, children } = ownProps;\n\n  return (\n    <div ref={ref} className={classes.root} {...restProps}>\n      {children}\n    </div>\n  );\n});\nDialogFooter.displayName = 'DialogFooter';\n"],"names":["RADialogTrigger","RADialog"],"mappings":"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"}

package/dist/components/Dialog/Dialog.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Dialog_bui-DialogOverlay__dedd12875c {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: color-mix(in srgb, var(--bui-bg-neutral-2) 80%, transparent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n  }\n\n  [data-theme='dark'] .Dialog_bui-Dialog__dedd12875c {\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .Dialog_bui-DialogOverlay__dedd12875c[data-entering] {\n    animation: Dialog_fade-in__dedd12875c 200ms ease-out forwards;\n  }\n\n  .Dialog_bui-DialogOverlay__dedd12875c[data-exiting] {\n    animation: Dialog_fade-out__dedd12875c 150ms ease-out forwards;\n  }\n\n  .Dialog_bui-Dialog__dedd12875c {\n    --dialog-border-radius: 0.5rem;\n    background: var(--bui-bg-app);\n    box-shadow: var(--bui-shadow);\n    border-radius: var(--dialog-border-radius);\n    border: 1px solid var(--bui-border-1);\n    color: var(--bui-fg-primary);\n    position: relative;\n    width: min(var(--bui-dialog-min-width, 400px), calc(100vw - 3rem));\n    max-width: calc(100vw - 3rem);\n    height: min(var(--bui-dialog-min-height, auto), calc(100vh - 3rem));\n    max-height: calc(100vh - 3rem);\n    outline: none;\n  }\n\n  .Dialog_bui-DialogContent__dedd12875c {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--dialog-border-radius);\n    height: 100%;\n  }\n\n  /* Dialog entering animation */\n  .Dialog_bui-DialogOverlay__dedd12875c[data-entering] .Dialog_bui-Dialog__dedd12875c {\n    animation: Dialog_dialog-enter__dedd12875c 150ms ease-out forwards;\n  }\n\n  /* Dialog exiting animation */\n  .Dialog_bui-DialogOverlay__dedd12875c[data-exiting] .Dialog_bui-Dialog__dedd12875c {\n    animation: Dialog_dialog-exit__dedd12875c 150ms ease-out forwards;\n  }\n\n  .Dialog_bui-DialogHeader__dedd12875c {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-2);\n    border-bottom: 1px solid var(--bui-border-1);\n  }\n\n  .Dialog_bui-DialogHeaderTitle__dedd12875c {\n    font-size: var(--bui-font-size-3);\n    font-weight: var(--bui-font-weight-bold);\n    margin: 0;\n  }\n\n  .Dialog_bui-DialogFooter__dedd12875c {\n    display: flex;\n    align-items: center;\n    justify-content: end;\n    gap: var(--bui-space-2);\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-3);\n    border-top: 1px solid var(--bui-border-1);\n  }\n\n  .Dialog_bui-DialogBody__dedd12875c {\n    padding: var(--bui-space-3);\n    flex: 1;\n    overflow-y: auto;\n  }\n\n  /* Keyframe animations */\n  @keyframes Dialog_fade-in__dedd12875c {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes Dialog_fade-out__dedd12875c {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n\n  @keyframes Dialog_dialog-enter__dedd12875c {\n    from {\n      opacity: 0.5;\n      transform: scale(0.8);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes Dialog_dialog-exit__dedd12875c {\n    from {\n      opacity: 1;\n      transform: scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n  }\n}\n";
-var styles = {"bui-DialogOverlay":"Dialog_bui-DialogOverlay__dedd12875c","bui-Dialog":"Dialog_bui-Dialog__dedd12875c","fade-in":"Dialog_fade-in__dedd12875c","fade-out":"Dialog_fade-out__dedd12875c","bui-DialogContent":"Dialog_bui-DialogContent__dedd12875c","dialog-enter":"Dialog_dialog-enter__dedd12875c","dialog-exit":"Dialog_dialog-exit__dedd12875c","bui-DialogHeader":"Dialog_bui-DialogHeader__dedd12875c","bui-DialogHeaderTitle":"Dialog_bui-DialogHeaderTitle__dedd12875c","bui-DialogFooter":"Dialog_bui-DialogFooter__dedd12875c","bui-DialogBody":"Dialog_bui-DialogBody__dedd12875c"};
+var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .Dialog_bui-DialogOverlay__03d1df2d81 {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: color-mix(in srgb, var(--bui-bg-neutral-2) 80%, transparent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n  }\n\n  [data-theme='dark'] .Dialog_bui-Dialog__03d1df2d81 {\n    background: rgba(0, 0, 0, 0.5);\n  }\n\n  .Dialog_bui-DialogOverlay__03d1df2d81[data-entering] {\n    animation: Dialog_fade-in__03d1df2d81 200ms ease-out forwards;\n  }\n\n  .Dialog_bui-DialogOverlay__03d1df2d81[data-exiting] {\n    animation: Dialog_fade-out__03d1df2d81 150ms ease-out forwards;\n  }\n\n  .Dialog_bui-Dialog__03d1df2d81 {\n    --dialog-border-radius: 0.5rem;\n    background: var(--bui-bg-app);\n    box-shadow: var(--bui-shadow);\n    border-radius: var(--dialog-border-radius);\n    border: 1px solid var(--bui-border-1);\n    color: var(--bui-fg-primary);\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: min(var(--bui-dialog-min-width, 400px), calc(100vw - 3rem));\n    max-width: calc(100vw - 3rem);\n    height: var(--bui-dialog-height, auto);\n    max-height: calc(100vh - 3rem);\n    outline: none;\n  }\n\n  .Dialog_bui-DialogContent__03d1df2d81 {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--dialog-border-radius);\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n  }\n\n  /* Dialog entering animation */\n  .Dialog_bui-DialogOverlay__03d1df2d81[data-entering] .Dialog_bui-Dialog__03d1df2d81 {\n    animation: Dialog_dialog-enter__03d1df2d81 150ms ease-out forwards;\n  }\n\n  /* Dialog exiting animation */\n  .Dialog_bui-DialogOverlay__03d1df2d81[data-exiting] .Dialog_bui-Dialog__03d1df2d81 {\n    animation: Dialog_dialog-exit__03d1df2d81 150ms ease-out forwards;\n  }\n\n  .Dialog_bui-DialogHeader__03d1df2d81 {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-2);\n    border-bottom: 1px solid var(--bui-border-1);\n  }\n\n  .Dialog_bui-DialogHeaderTitle__03d1df2d81 {\n    font-size: var(--bui-font-size-3);\n    font-weight: var(--bui-font-weight-bold);\n    margin: 0;\n  }\n\n  .Dialog_bui-DialogFooter__03d1df2d81 {\n    display: flex;\n    align-items: center;\n    justify-content: end;\n    gap: var(--bui-space-2);\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-3);\n    border-top: 1px solid var(--bui-border-1);\n  }\n\n  .Dialog_bui-DialogBody__03d1df2d81 {\n    padding: var(--bui-space-3);\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n  }\n\n  /* Keyframe animations */\n  @keyframes Dialog_fade-in__03d1df2d81 {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes Dialog_fade-out__03d1df2d81 {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n\n  @keyframes Dialog_dialog-enter__03d1df2d81 {\n    from {\n      opacity: 0.5;\n      transform: scale(0.8);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  @keyframes Dialog_dialog-exit__03d1df2d81 {\n    from {\n      opacity: 1;\n      transform: scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n  }\n}\n";
+var styles = {"bui-DialogOverlay":"Dialog_bui-DialogOverlay__03d1df2d81","bui-Dialog":"Dialog_bui-Dialog__03d1df2d81","fade-in":"Dialog_fade-in__03d1df2d81","fade-out":"Dialog_fade-out__03d1df2d81","bui-DialogContent":"Dialog_bui-DialogContent__03d1df2d81","dialog-enter":"Dialog_dialog-enter__03d1df2d81","dialog-exit":"Dialog_dialog-exit__03d1df2d81","bui-DialogHeader":"Dialog_bui-DialogHeader__03d1df2d81","bui-DialogHeaderTitle":"Dialog_bui-DialogHeaderTitle__03d1df2d81","bui-DialogFooter":"Dialog_bui-DialogFooter__03d1df2d81","bui-DialogBody":"Dialog_bui-DialogBody__03d1df2d81"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/Dialog/definition.esm.js

@@ -3,6 +3,7 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
+import '../../analytics/useAnalytics.esm.js';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './Dialog.module.css.esm.js';
 

package/dist/components/Dialog/definition.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Dialog/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type {\n  DialogOwnProps,\n  DialogHeaderOwnProps,\n  DialogBodyOwnProps,\n  DialogFooterOwnProps,\n} from './types';\nimport styles from './Dialog.module.css';\n\n/**\n * Component definition for Dialog\n * @public\n */\nexport const DialogDefinition = defineComponent<DialogOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-DialogOverlay',\n    dialog: 'bui-Dialog',\n    content: 'bui-DialogContent',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n    width: {},\n    height: {},\n    style: {},\n  },\n});\n\n/**\n * Component definition for DialogHeader\n * @public\n */\nexport const DialogHeaderDefinition = defineComponent<DialogHeaderOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-DialogHeader',\n    title: 'bui-DialogHeaderTitle',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for DialogBody\n * @public\n */\nexport const DialogBodyDefinition = defineComponent<DialogBodyOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-DialogBody',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for DialogFooter\n * @public\n */\nexport const DialogFooterDefinition = defineComponent<DialogFooterOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-DialogFooter',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;AA6BO,MAAM,gBAAA,GAAmB,iBAAgC,CAAE;AAAA,EAChE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,mBAAA;AAAA,IACN,MAAA,EAAQ,YAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW,EAAC;AAAA,IACZ,OAAO,EAAC;AAAA,IACR,QAAQ,EAAC;AAAA,IACT,OAAO;AAAC;AAEZ,CAAC;AAMM,MAAM,sBAAA,GAAyB,iBAAsC,CAAE;AAAA,EAC5E,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,kBAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACT;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;AAMM,MAAM,oBAAA,GAAuB,iBAAoC,CAAE;AAAA,EACxE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;AAMM,MAAM,sBAAA,GAAyB,iBAAsC,CAAE;AAAA,EAC5E,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}
+{"version":3,"file":"definition.esm.js","sources":["../../../src/components/Dialog/definition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { defineComponent } from '../../hooks/useDefinition';\nimport type {\n  DialogOwnProps,\n  DialogHeaderOwnProps,\n  DialogBodyOwnProps,\n  DialogFooterOwnProps,\n} from './types';\nimport styles from './Dialog.module.css';\n\n/**\n * Component definition for Dialog\n * @public\n */\nexport const DialogDefinition = defineComponent<DialogOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-DialogOverlay',\n    dialog: 'bui-Dialog',\n    content: 'bui-DialogContent',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n    width: {},\n    height: {},\n    style: {},\n  },\n});\n\n/**\n * Component definition for DialogHeader\n * @public\n */\nexport const DialogHeaderDefinition = defineComponent<DialogHeaderOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-DialogHeader',\n    title: 'bui-DialogHeaderTitle',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for DialogBody\n * @public\n */\nexport const DialogBodyDefinition = defineComponent<DialogBodyOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-DialogBody',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n\n/**\n * Component definition for DialogFooter\n * @public\n */\nexport const DialogFooterDefinition = defineComponent<DialogFooterOwnProps>()({\n  styles,\n  classNames: {\n    root: 'bui-DialogFooter',\n  },\n  propDefs: {\n    children: {},\n    className: {},\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;AA6BO,MAAM,gBAAA,GAAmB,iBAAgC,CAAE;AAAA,EAChE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,mBAAA;AAAA,IACN,MAAA,EAAQ,YAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW,EAAC;AAAA,IACZ,OAAO,EAAC;AAAA,IACR,QAAQ,EAAC;AAAA,IACT,OAAO;AAAC;AAEZ,CAAC;AAMM,MAAM,sBAAA,GAAyB,iBAAsC,CAAE;AAAA,EAC5E,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,kBAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACT;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;AAMM,MAAM,oBAAA,GAAuB,iBAAoC,CAAE;AAAA,EACxE,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;AAMM,MAAM,sBAAA,GAAyB,iBAAsC,CAAE;AAAA,EAC5E,MAAA;AAAA,EACA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAU,EAAC;AAAA,IACX,WAAW;AAAC;AAEhB,CAAC;;;;"}

package/dist/components/FieldError/definition.esm.js

@@ -3,6 +3,7 @@ import 'clsx';
 import '../../hooks/useBreakpoint.esm.js';
 import '../../hooks/useBg.esm.js';
 import '../../hooks/useDefinition/helpers.esm.js';
+import '../../analytics/useAnalytics.esm.js';
 import { defineComponent } from '../../hooks/useDefinition/defineComponent.esm.js';
 import styles from './FieldError.module.css.esm.js';