@public-ui/components 4.5.0-rc.6 → 4.5.0-rc.8

package/dist/cjs/{component-uHDfV5D8.js.map → component-BUCx7i5o.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-uHDfV5D8.js","sources":["src/internal/functional-components/alert/icon.tsx","src/internal/functional-components/alert/component.tsx"],"sourcesContent":["import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\n\nimport { translate } from '../../../i18n';\nimport type { AlertType } from '../../../schema';\nimport { bem } from '../../../schema/bem-registry';\nimport { IconFC } from '../icon/component';\n\nconst alertBem = bem.forBlock('kol-alert');\nconst BEM_CLASS_ALERT__ICON = alertBem('icon');\n\n/**\n * The icon uses a visually-hidden span instead of an aria-label because the Alert might be referenced as content for aria-describedby.\n * In this scenario, Firefox with NVDA does not properly read the aria-label, so the visually-hidden span ensures correct screen reader behavior.\n * @see https://github.com/public-ui/kolibri/issues/7119\n */\nconst ALERT_ICON_CONFIG: Record<AlertType | 'default', { label: string; icon: string }> = {\n\terror: {\n\t\tlabel: translate('kol-error'),\n\t\ticon: 'kolicon-alert-error',\n\t},\n\tinfo: {\n\t\tlabel: translate('kol-info'),\n\t\ticon: 'kolicon-alert-info',\n\t},\n\twarning: {\n\t\tlabel: translate('kol-warning'),\n\t\ticon: 'kolicon-alert-warning',\n\t},\n\tsuccess: {\n\t\tlabel: translate('kol-success'),\n\t\ticon: 'kolicon-alert-success',\n\t},\n\tdefault: {\n\t\tlabel: translate('kol-message'),\n\t\ticon: 'kolicon-alert-info',\n\t},\n};\n\nexport const AlertIconFC: FC<{ type?: AlertType }> = ({ type = 'default' }) => {\n\tconst config = ALERT_ICON_CONFIG[type || 'default'];\n\treturn (\n\t\t<>\n\t\t\t<span class=\"visually-hidden\">{config.label}</span>\n\t\t\t<IconFC class={BEM_CLASS_ALERT__ICON} label=\"\" icons={config.icon} />\n\t\t</>\n\t);\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { getHeadlineTag } from '../../../functional-components/Heading/Heading';\nimport { translate } from '../../../i18n';\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport { ButtonFC } from '../button/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { AlertApi } from './api';\nimport { AlertIconFC } from './icon';\n\nconst alertBem = bem.forBlock('kol-alert');\nconst BEM_CLASS_ALERT__CLOSER = alertBem('closer');\nconst BEM_CLASS_ALERT__CONTENT = alertBem('content');\n\n/**\n * The closer is a plain button: no role override, and an unset tabindex must not render as\n * `tabindex=\"0\"` — buttons are natively tabbable and the attribute would pin them into the tab\n * order. `kol-button` reaches the same undefined render props via `unsetRenderProp`.\n */\nconst UNSET_BUTTON_PROP = undefined as never;\n\n/**\n * Renders the alert as a single BEM root: icon, optional heading, optional closer button and the\n * content region.\n *\n * The closer is rendered as `ButtonFC` directly — its BEM root carries both `kol-button` and\n * `kol-alert__closer` on the same element, so theme styles that targeted the closer through a\n * descendant `.kol-button` (or `.kol-button--normal`) now target the compound selector instead.\n * The tooltip behavior for the closer (show on hover/focus) is composed by the web component,\n * which owns `refCloserButton`/`refCloserTooltip` — a plain functional component has no lifecycle\n * to sync the listeners in.\n *\n * All remaining HTML attributes (`id`, `role`, `aria-*`, `ref`, …) are forwarded onto the root\n * node — internal consumers (form, form-field-msg, toast-item) rely on that passthrough.\n */\n/** The consumer's callbacks stay with the web component, which invokes them in its closer handler. */\nexport type AlertFCProps = Omit<FunctionalComponentProps<AlertApi>, 'on'>;\n\nexport const AlertFC: FC<AlertFCProps> = (props, children) => {\n\tconst {\n\t\talert,\n\t\tclass: classNames,\n\t\tcloserAriaDescriptionId,\n\t\thandleCloserClick,\n\t\thasCloser,\n\t\theadingId,\n\t\tlabel,\n\t\tlevel,\n\t\trefCloserButton,\n\t\trefCloserTooltip,\n\t\ttype,\n\t\tvariant,\n\t\t...other\n\t} = props;\n\n\tconst translateCloseAlert = translate('kol-close-alert');\n\tconst HeadlineTag = getHeadlineTag(level);\n\n\treturn (\n\t\t<BemRootNodeFC\n\t\t\tblock=\"kol-alert\"\n\t\t\tclass={classNames}\n\t\t\tmodifiers={{\n\t\t\t\thasCloser: hasCloser === true,\n\t\t\t\t[`type-${type}`]: true,\n\t\t\t\t[`variant-${variant}`]: true,\n\t\t\t}}\n\t\t\trole={alert ? 'alert' : undefined}\n\t\t\t{...other}\n\t\t>\n\t\t\t<AlertIconFC type={type} />\n\n\t\t\t{label.length > 0 && (\n\t\t\t\t<HeadlineTag\n\t\t\t\t\tclass={clsx('kol-headline', `kol-headline--${HeadlineTag}`, alertBem('heading', { [`h${level}`]: true }), 'kol-headline--single')}\n\t\t\t\t\tid={headingId}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</HeadlineTag>\n\t\t\t)}\n\n\t\t\t{hasCloser && (\n\t\t\t\t<ButtonFC\n\t\t\t\t\taccessKey=\"\"\n\t\t\t\t\tariaControls=\"\"\n\t\t\t\t\tariaDescription={label.trim()}\n\t\t\t\t\tariaDescriptionId={closerAriaDescriptionId}\n\t\t\t\t\tariaExpanded={UNSET_BUTTON_PROP}\n\t\t\t\t\tariaHasPopup=\"\"\n\t\t\t\t\tariaSelected={UNSET_BUTTON_PROP}\n\t\t\t\t\tclass={clsx(BEM_CLASS_ALERT__CLOSER, 'kol-close-button')}\n\t\t\t\t\tcustomClass=\"\"\n\t\t\t\t\tdisabled={false}\n\t\t\t\t\thandleBlur={() => undefined}\n\t\t\t\t\thandleClick={handleCloserClick}\n\t\t\t\t\thandleFocus={() => undefined}\n\t\t\t\t\thandleMouseDown={() => undefined}\n\t\t\t\t\thideLabel\n\t\t\t\t\ticons={{\n\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\ticon: 'kolicon-cross',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tid=\"\"\n\t\t\t\t\tinline={false}\n\t\t\t\t\tlabel={translateCloseAlert}\n\t\t\t\t\tname=\"\"\n\t\t\t\t\ton={{}}\n\t\t\t\t\trefButton={refCloserButton}\n\t\t\t\t\trefTooltip={refCloserTooltip}\n\t\t\t\t\trole={UNSET_BUTTON_PROP}\n\t\t\t\t\tshortKey=\"\"\n\t\t\t\t\ttabIndex={UNSET_BUTTON_PROP}\n\t\t\t\t\ttooltipAlign=\"left\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant={['normal']}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<div aria-describedby={label.length > 0 ? headingId : undefined} class={BEM_CLASS_ALERT__CONTENT}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":["alertBem","bem","translate","h","Fragment","IconFC","__rest","getHeadlineTag","BemRootNodeFC","clsx","ButtonFC"],"mappings":";;;;;;;;;;;;;;;AAOA,MAAMA,UAAQ,GAAGC,eAAG,CAAC,QAAQ,CAAC,WAAW,CAAC;AAC1C,MAAM,qBAAqB,GAAGD,UAAQ,CAAC,MAAM,CAAC;AAO9C,MAAM,iBAAiB,GAAmE;AACzF,IAAA,KAAK,EAAE;AACN,QAAA,KAAK,EAAEE,cAAS,CAAC,WAAW,CAAC;AAC7B,QAAA,IAAI,EAAE,qBAAqB;AAC3B,KAAA;AACD,IAAA,IAAI,EAAE;AACL,QAAA,KAAK,EAAEA,cAAS,CAAC,UAAU,CAAC;AAC5B,QAAA,IAAI,EAAE,oBAAoB;AAC1B,KAAA;AACD,IAAA,OAAO,EAAE;AACR,QAAA,KAAK,EAAEA,cAAS,CAAC,aAAa,CAAC;AAC/B,QAAA,IAAI,EAAE,uBAAuB;AAC7B,KAAA;AACD,IAAA,OAAO,EAAE;AACR,QAAA,KAAK,EAAEA,cAAS,CAAC,aAAa,CAAC;AAC/B,QAAA,IAAI,EAAE,uBAAuB;AAC7B,KAAA;AACD,IAAA,OAAO,EAAE;AACR,QAAA,KAAK,EAAEA,cAAS,CAAC,aAAa,CAAC;AAC/B,QAAA,IAAI,EAAE,oBAAoB;AAC1B,KAAA;CACD;AAEM,MAAM,WAAW,GAA6B,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,KAAI;IAC7E,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,IAAI,SAAS,CAAC;IACnD,QACCC,OAAA,CAAAC,cAAA,EAAA,IAAA,EACCD,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,iBAAiB,IAAE,MAAM,CAAC,KAAK,CAAQ,EACnDA,OAAA,CAACE,gBAAM,EAAC,EAAA,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAC,EAAE,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAI,CAAA,CACnE;AAEL,CAAC;;ACjCD,MAAM,QAAQ,GAAGJ,eAAG,CAAC,QAAQ,CAAC,WAAW,CAAC;AAC1C,MAAM,uBAAuB,GAAG,QAAQ,CAAC,QAAQ,CAAC;AAClD,MAAM,wBAAwB,GAAG,QAAQ,CAAC,SAAS,CAAC;AAOpD,MAAM,iBAAiB,GAAG,SAAkB;MAmB/B,OAAO,GAAqB,CAAC,KAAK,EAAE,QAAQ,KAAI;AAC5D,IAAA,MAAM,EACL,KAAK,EACL,KAAK,EAAE,UAAU,EACjB,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,KAAK,EACL,KAAK,EACL,eAAe,EACf,gBAAgB,EAChB,IAAI,EACJ,OAAO,EAAA,GAEJ,KAAK,EADL,KAAK,GACLK,gBAAA,CAAA,KAAK,EAdH,CAAA,OAAA,EAAA,OAAA,EAAA,yBAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,OAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,SAAA,CAcL,CAAQ;AAET,IAAA,MAAM,mBAAmB,GAAGJ,cAAS,CAAC,iBAAiB,CAAC;AACxD,IAAA,MAAM,WAAW,GAAGK,sBAAc,CAAC,KAAK,CAAC;AAEzC,IAAA,QACCJ,OAAA,CAACK,yBAAa,EAAA,MAAA,CAAA,MAAA,CAAA,EACb,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE;YACV,SAAS,EAAE,SAAS,KAAK,IAAI;AAC7B,YAAA,CAAC,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AACtB,YAAA,CAAC,CAAW,QAAA,EAAA,OAAO,CAAE,CAAA,GAAG,IAAI;AAC5B,SAAA,EACD,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,SAAS,EAAA,EAC7B,KAAK,CAAA,EAETL,OAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,IAAI,EAAI,CAAA,EAE1B,KAAK,CAAC,MAAM,GAAG,CAAC,KAChBA,QAAC,WAAW,EAAA,EACX,KAAK,EAAEM,SAAI,CAAC,cAAc,EAAE,CAAA,cAAA,EAAiB,WAAW,CAAE,CAAA,EAAE,QAAQ,CAAC,SAAS,EAAE,EAAE,CAAC,CAAI,CAAA,EAAA,KAAK,EAAE,GAAG,IAAI,EAAE,CAAC,EAAE,sBAAsB,CAAC,EACjI,EAAE,EAAE,SAAS,EAEZ,EAAA,KAAK,CACO,CACd,EAEA,SAAS,KACTN,OAAA,CAACO,oBAAQ,EAAA,EACR,SAAS,EAAC,EAAE,EACZ,YAAY,EAAC,EAAE,EACf,eAAe,EAAE,KAAK,CAAC,IAAI,EAAE,EAC7B,iBAAiB,EAAE,uBAAuB,EAC1C,YAAY,EAAE,iBAAiB,EAC/B,YAAY,EAAC,EAAE,EACf,YAAY,EAAE,iBAAiB,EAC/B,KAAK,EAAED,SAAI,CAAC,uBAAuB,EAAE,kBAAkB,CAAC,EACxD,WAAW,EAAC,EAAE,EACd,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,MAAM,SAAS,EAC3B,WAAW,EAAE,iBAAiB,EAC9B,WAAW,EAAE,MAAM,SAAS,EAC5B,eAAe,EAAE,MAAM,SAAS,EAChC,SAAS,EAAA,IAAA,EACT,KAAK,EAAE;AACN,YAAA,IAAI,EAAE;AACL,gBAAA,IAAI,EAAE,eAAe;AACrB,aAAA;AACD,SAAA,EACD,EAAE,EAAC,EAAE,EACL,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,mBAAmB,EAC1B,IAAI,EAAC,EAAE,EACP,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,gBAAgB,EAC5B,IAAI,EAAE,iBAAiB,EACvB,QAAQ,EAAC,EAAE,EACX,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAC,MAAM,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,QAAQ,CAAC,EAAA,CAClB,CACF,EAEDN,OAAuB,CAAA,KAAA,EAAA,EAAA,kBAAA,EAAA,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,wBAAwB,IAC9F,QAAQ,CACJ,CACS;AAElB;;;;"}
+{"version":3,"file":"component-BUCx7i5o.js","sources":["src/internal/functional-components/alert/icon.tsx","src/internal/functional-components/alert/component.tsx"],"sourcesContent":["import { Fragment, h, type FunctionalComponent as FC } from '@stencil/core';\n\nimport { translate } from '../../../i18n';\nimport type { AlertType } from '../../../schema';\nimport { bem } from '../../../schema/bem-registry';\nimport { IconFC } from '../icon/component';\n\nconst alertBem = bem.forBlock('kol-alert');\nconst BEM_CLASS_ALERT__ICON = alertBem('icon');\n\n/**\n * The icon uses a visually-hidden span instead of an aria-label because the Alert might be referenced as content for aria-describedby.\n * In this scenario, Firefox with NVDA does not properly read the aria-label, so the visually-hidden span ensures correct screen reader behavior.\n * @see https://github.com/public-ui/kolibri/issues/7119\n */\nconst ALERT_ICON_CONFIG: Record<AlertType | 'default', { label: string; icon: string }> = {\n\terror: {\n\t\tlabel: translate('kol-error'),\n\t\ticon: 'kolicon-alert-error',\n\t},\n\tinfo: {\n\t\tlabel: translate('kol-info'),\n\t\ticon: 'kolicon-alert-info',\n\t},\n\twarning: {\n\t\tlabel: translate('kol-warning'),\n\t\ticon: 'kolicon-alert-warning',\n\t},\n\tsuccess: {\n\t\tlabel: translate('kol-success'),\n\t\ticon: 'kolicon-alert-success',\n\t},\n\tdefault: {\n\t\tlabel: translate('kol-message'),\n\t\ticon: 'kolicon-alert-info',\n\t},\n};\n\nexport const AlertIconFC: FC<{ type?: AlertType }> = ({ type = 'default' }) => {\n\tconst config = ALERT_ICON_CONFIG[type || 'default'];\n\treturn (\n\t\t<>\n\t\t\t<span class=\"visually-hidden\">{config.label}</span>\n\t\t\t<IconFC class={BEM_CLASS_ALERT__ICON} label=\"\" icons={config.icon} />\n\t\t</>\n\t);\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { getHeadlineTag } from '../../../functional-components/Heading/Heading';\nimport { translate } from '../../../i18n';\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport { ButtonFC } from '../button/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { AlertApi } from './api';\nimport { AlertIconFC } from './icon';\n\nconst alertBem = bem.forBlock('kol-alert');\nconst BEM_CLASS_ALERT__CLOSER = alertBem('closer');\nconst BEM_CLASS_ALERT__CONTENT = alertBem('content');\n\n/**\n * The closer is a plain button: no role override, and an unset tabindex must not render as\n * `tabindex=\"0\"` — buttons are natively tabbable and the attribute would pin them into the tab\n * order. `kol-button` reaches the same undefined render props via `unsetRenderProp`.\n */\nconst UNSET_BUTTON_PROP = undefined as never;\n\n/**\n * Renders the alert as a single BEM root: icon, optional heading, optional closer button and the\n * content region.\n *\n * The closer is rendered as `ButtonFC` directly — its BEM root carries both `kol-button` and\n * `kol-alert__closer` on the same element, so theme styles that targeted the closer through a\n * descendant `.kol-button` (or `.kol-button--normal`) now target the compound selector instead.\n * The tooltip behavior for the closer (show on hover/focus) is composed by the web component,\n * which owns `refCloserButton`/`refCloserTooltip` — a plain functional component has no lifecycle\n * to sync the listeners in.\n *\n * All remaining HTML attributes (`id`, `role`, `aria-*`, `ref`, …) are forwarded onto the root\n * node — internal consumers (form, form-field-msg, toast-item) rely on that passthrough.\n */\n/** The consumer's callbacks stay with the web component, which invokes them in its closer handler. */\nexport type AlertFCProps = Omit<FunctionalComponentProps<AlertApi>, 'on'>;\n\nexport const AlertFC: FC<AlertFCProps> = (props, children) => {\n\tconst {\n\t\talert,\n\t\tclass: classNames,\n\t\tcloserAriaDescriptionId,\n\t\thandleCloserClick,\n\t\thasCloser,\n\t\theadingId,\n\t\tlabel,\n\t\tlevel,\n\t\trefCloserButton,\n\t\trefCloserTooltip,\n\t\ttype,\n\t\tvariant,\n\t\t...other\n\t} = props;\n\n\tconst translateCloseAlert = translate('kol-close-alert');\n\tconst HeadlineTag = getHeadlineTag(level);\n\n\treturn (\n\t\t<BemRootNodeFC\n\t\t\tblock=\"kol-alert\"\n\t\t\tclass={classNames}\n\t\t\tmodifiers={{\n\t\t\t\thasCloser: hasCloser === true,\n\t\t\t\t[`type-${type}`]: true,\n\t\t\t\t[`variant-${variant}`]: true,\n\t\t\t}}\n\t\t\trole={alert ? 'alert' : undefined}\n\t\t\t{...other}\n\t\t>\n\t\t\t<AlertIconFC type={type} />\n\n\t\t\t{label.length > 0 && (\n\t\t\t\t<HeadlineTag\n\t\t\t\t\tclass={clsx('kol-headline', `kol-headline--${HeadlineTag}`, alertBem('heading', { [`h${level}`]: true }), 'kol-headline--single')}\n\t\t\t\t\tid={headingId}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</HeadlineTag>\n\t\t\t)}\n\n\t\t\t{hasCloser && (\n\t\t\t\t<ButtonFC\n\t\t\t\t\taccessKey=\"\"\n\t\t\t\t\tariaControls=\"\"\n\t\t\t\t\tariaDescription={label.trim()}\n\t\t\t\t\tariaDescriptionId={closerAriaDescriptionId}\n\t\t\t\t\tariaExpanded={UNSET_BUTTON_PROP}\n\t\t\t\t\tariaHasPopup=\"\"\n\t\t\t\t\tariaSelected={UNSET_BUTTON_PROP}\n\t\t\t\t\tclass={clsx(BEM_CLASS_ALERT__CLOSER, 'kol-close-button')}\n\t\t\t\t\tcustomClass=\"\"\n\t\t\t\t\tdisabled={false}\n\t\t\t\t\thandleBlur={() => undefined}\n\t\t\t\t\thandleClick={handleCloserClick}\n\t\t\t\t\thandleFocus={() => undefined}\n\t\t\t\t\thandleMouseDown={() => undefined}\n\t\t\t\t\thideLabel\n\t\t\t\t\ticons={{\n\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\ticon: 'kolicon-cross',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tid=\"\"\n\t\t\t\t\tinline={false}\n\t\t\t\t\tlabel={translateCloseAlert}\n\t\t\t\t\tname=\"\"\n\t\t\t\t\ton={{}}\n\t\t\t\t\trefButton={refCloserButton}\n\t\t\t\t\trefTooltip={refCloserTooltip}\n\t\t\t\t\trole={UNSET_BUTTON_PROP}\n\t\t\t\t\tshortKey=\"\"\n\t\t\t\t\ttabIndex={UNSET_BUTTON_PROP}\n\t\t\t\t\ttooltipAlign=\"left\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant={['normal']}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<div aria-describedby={label.length > 0 ? headingId : undefined} class={BEM_CLASS_ALERT__CONTENT}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":["alertBem","bem","translate","h","Fragment","IconFC","__rest","getHeadlineTag","BemRootNodeFC","clsx","ButtonFC"],"mappings":";;;;;;;;;;;;;;;AAOA,MAAMA,UAAQ,GAAGC,eAAG,CAAC,QAAQ,CAAC,WAAW,CAAC;AAC1C,MAAM,qBAAqB,GAAGD,UAAQ,CAAC,MAAM,CAAC;AAO9C,MAAM,iBAAiB,GAAmE;AACzF,IAAA,KAAK,EAAE;AACN,QAAA,KAAK,EAAEE,cAAS,CAAC,WAAW,CAAC;AAC7B,QAAA,IAAI,EAAE,qBAAqB;AAC3B,KAAA;AACD,IAAA,IAAI,EAAE;AACL,QAAA,KAAK,EAAEA,cAAS,CAAC,UAAU,CAAC;AAC5B,QAAA,IAAI,EAAE,oBAAoB;AAC1B,KAAA;AACD,IAAA,OAAO,EAAE;AACR,QAAA,KAAK,EAAEA,cAAS,CAAC,aAAa,CAAC;AAC/B,QAAA,IAAI,EAAE,uBAAuB;AAC7B,KAAA;AACD,IAAA,OAAO,EAAE;AACR,QAAA,KAAK,EAAEA,cAAS,CAAC,aAAa,CAAC;AAC/B,QAAA,IAAI,EAAE,uBAAuB;AAC7B,KAAA;AACD,IAAA,OAAO,EAAE;AACR,QAAA,KAAK,EAAEA,cAAS,CAAC,aAAa,CAAC;AAC/B,QAAA,IAAI,EAAE,oBAAoB;AAC1B,KAAA;CACD;AAEM,MAAM,WAAW,GAA6B,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,KAAI;IAC7E,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,IAAI,SAAS,CAAC;IACnD,QACCC,OAAA,CAAAC,cAAA,EAAA,IAAA,EACCD,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,iBAAiB,IAAE,MAAM,CAAC,KAAK,CAAQ,EACnDA,OAAA,CAACE,gBAAM,EAAC,EAAA,KAAK,EAAE,qBAAqB,EAAE,KAAK,EAAC,EAAE,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAI,CAAA,CACnE;AAEL,CAAC;;ACjCD,MAAM,QAAQ,GAAGJ,eAAG,CAAC,QAAQ,CAAC,WAAW,CAAC;AAC1C,MAAM,uBAAuB,GAAG,QAAQ,CAAC,QAAQ,CAAC;AAClD,MAAM,wBAAwB,GAAG,QAAQ,CAAC,SAAS,CAAC;AAOpD,MAAM,iBAAiB,GAAG,SAAkB;MAmB/B,OAAO,GAAqB,CAAC,KAAK,EAAE,QAAQ,KAAI;AAC5D,IAAA,MAAM,EACL,KAAK,EACL,KAAK,EAAE,UAAU,EACjB,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,KAAK,EACL,KAAK,EACL,eAAe,EACf,gBAAgB,EAChB,IAAI,EACJ,OAAO,EAAA,GAEJ,KAAK,EADL,KAAK,GACLK,gBAAA,CAAA,KAAK,EAdH,CAAA,OAAA,EAAA,OAAA,EAAA,yBAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,OAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,SAAA,CAcL,CAAQ;AAET,IAAA,MAAM,mBAAmB,GAAGJ,cAAS,CAAC,iBAAiB,CAAC;AACxD,IAAA,MAAM,WAAW,GAAGK,sBAAc,CAAC,KAAK,CAAC;AAEzC,IAAA,QACCJ,OAAA,CAACK,yBAAa,EAAA,MAAA,CAAA,MAAA,CAAA,EACb,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE;YACV,SAAS,EAAE,SAAS,KAAK,IAAI;AAC7B,YAAA,CAAC,CAAQ,KAAA,EAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AACtB,YAAA,CAAC,CAAW,QAAA,EAAA,OAAO,CAAE,CAAA,GAAG,IAAI;AAC5B,SAAA,EACD,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,SAAS,EAAA,EAC7B,KAAK,CAAA,EAETL,OAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,IAAI,EAAI,CAAA,EAE1B,KAAK,CAAC,MAAM,GAAG,CAAC,KAChBA,QAAC,WAAW,EAAA,EACX,KAAK,EAAEM,SAAI,CAAC,cAAc,EAAE,CAAA,cAAA,EAAiB,WAAW,CAAE,CAAA,EAAE,QAAQ,CAAC,SAAS,EAAE,EAAE,CAAC,CAAI,CAAA,EAAA,KAAK,EAAE,GAAG,IAAI,EAAE,CAAC,EAAE,sBAAsB,CAAC,EACjI,EAAE,EAAE,SAAS,EAEZ,EAAA,KAAK,CACO,CACd,EAEA,SAAS,KACTN,OAAA,CAACO,oBAAQ,EAAA,EACR,SAAS,EAAC,EAAE,EACZ,YAAY,EAAC,EAAE,EACf,eAAe,EAAE,KAAK,CAAC,IAAI,EAAE,EAC7B,iBAAiB,EAAE,uBAAuB,EAC1C,YAAY,EAAE,iBAAiB,EAC/B,YAAY,EAAC,EAAE,EACf,YAAY,EAAE,iBAAiB,EAC/B,KAAK,EAAED,SAAI,CAAC,uBAAuB,EAAE,kBAAkB,CAAC,EACxD,WAAW,EAAC,EAAE,EACd,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,MAAM,SAAS,EAC3B,WAAW,EAAE,iBAAiB,EAC9B,WAAW,EAAE,MAAM,SAAS,EAC5B,eAAe,EAAE,MAAM,SAAS,EAChC,SAAS,EAAA,IAAA,EACT,KAAK,EAAE;AACN,YAAA,IAAI,EAAE;AACL,gBAAA,IAAI,EAAE,eAAe;AACrB,aAAA;AACD,SAAA,EACD,EAAE,EAAC,EAAE,EACL,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,mBAAmB,EAC1B,IAAI,EAAC,EAAE,EACP,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,gBAAgB,EAC5B,IAAI,EAAE,iBAAiB,EACvB,QAAQ,EAAC,EAAE,EACX,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAC,MAAM,EACnB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,QAAQ,CAAC,EAAA,CAClB,CACF,EAEDN,OAAuB,CAAA,KAAA,EAAA,EAAA,kBAAA,EAAA,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,wBAAwB,IAC9F,QAAQ,CACJ,CACS;AAElB;;;;"}

package/dist/cjs/{component-DNDfYzXZ.js → component-Bc8fDajy.js}

@@ -5,11 +5,11 @@
 
 var i18n = require('./i18n-UGaB-Dwg.js');
 var resolveProps = require('./resolve-props-DciidH7w.js');
-var index = require('./index-BnEus4Y9.js');
-var Heading = require('./Heading-Bck3PFpH.js');
+var index = require('./index-RAfZF5x0.js');
+var Heading = require('./Heading-yiwXjRrz.js');
 var bemRegistry = require('./bem-registry-BDVdt6ar.js');
 var clsx = require('./clsx-Bm_HQUnh.js');
-var component = require('./component-1NrcvQzp.js');
+var component = require('./component-CPVFCnaN.js');
 
 function resolveCardCloseButtonProps(host) {
     return resolveProps.resolveButtonProps({
@@ -34,6 +34,6 @@ const CardFC = (props, children) => {
 
 exports.CardFC = CardFC;
 exports.resolveCardCloseButtonProps = resolveCardCloseButtonProps;
-//# sourceMappingURL=component-DNDfYzXZ.js.map
+//# sourceMappingURL=component-Bc8fDajy.js.map
 
-//# sourceMappingURL=component-DNDfYzXZ.js.map
+//# sourceMappingURL=component-Bc8fDajy.js.map

package/dist/cjs/{component-DNDfYzXZ.js.map → component-Bc8fDajy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-DNDfYzXZ.js","sources":["src/internal/functional-components/card/close-button.ts","src/internal/functional-components/card/component.tsx"],"sourcesContent":["import { translate } from '../../../i18n';\nimport type { ResolvedButtonProps } from '../button/resolve-props';\nimport { resolveButtonProps } from '../button/resolve-props';\n\n/**\n * Normalizes the card's close button into the render props `ButtonFC` expects.\n *\n * The configuration is fixed — an icon-only button whose label lives in its tooltip — so every\n * component rendering `CardFC` resolves it the same way. It is a function rather than a constant\n * because `translate` must run after the i18n bundle is in place.\n *\n * Props only: the tooltip behavior, the click handler and the button ref belong to the composing\n * web component.\n *\n * @param host - The host element, used for the per-theme `buttonVariantDefault` feature flag.\n */\nexport function resolveCardCloseButtonProps(host?: HTMLElement): ResolvedButtonProps {\n\treturn resolveButtonProps(\n\t\t{\n\t\t\t_hideLabel: true,\n\t\t\t_icons: { left: { icon: 'kolicon-cross' } },\n\t\t\t_label: translate('kol-close'),\n\t\t\t_tooltipAlign: 'left',\n\t\t},\n\t\thost,\n\t);\n}\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport KolHeadingFc from '../../../functional-components/Heading/Heading';\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport { ButtonFC } from '../button/component';\nimport type { ResolvedButtonProps } from '../button/resolve-props';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { CardApi } from './api';\n\nconst cardBem = bem.forBlock('kol-card');\nconst BEM_CLASS_CARD__CLOSE_BUTTON = cardBem('close-button');\nconst BEM_CLASS_CARD__CONTENT = cardBem('content');\nconst BEM_CLASS_CARD__HEADER = cardBem('header');\nconst BEM_CLASS_CARD__LINK = cardBem('link');\n\n/**\n * The close button reports only its click. `ButtonFC` requires a handler per callback, and the\n * card's `_on` callbacks describe its heading link, not this button.\n */\nconst NOOP = (): void => {};\n\n/** The heading renders either on its own or wrapped in the link, so it lives in its own FC. */\nconst CardHeadingFC: FC<Pick<FunctionalComponentProps<CardApi>, 'headingId' | 'label' | 'level'>> = ({ headingId, label, level }) => (\n\t<KolHeadingFc class={BEM_CLASS_CARD__HEADER} id={headingId} level={level}>\n\t\t{label}\n\t</KolHeadingFc>\n);\n\nexport type CardFCProps = FunctionalComponentProps<CardApi> & {\n\t/** The close button's normalized `ButtonFC` render props, resolved once by the web component. */\n\tcloseButtonProps: ResolvedButtonProps;\n};\n\n/**\n * Root from `bem.forBlock('kol-card')`, not `BemRootNodeFC`: the card's root is the semantic\n * `<article>` that carries `aria-labelledby`, and `BemRootNodeFC` always renders a `<div>`.\n *\n * The content area renders `children`, not a `<slot />` of its own: Stencil derives its light-DOM\n * slot relocation from the JSX in the element file, so the `<slot />` has to be written there.\n *\n * `.kol-close-button` is a theme hook shared with the alert, and every theme addresses it as an\n * ancestor of `.kol-button`. It therefore stays on a wrapper around `ButtonFC` rather than merging\n * into the button's own root — drop the wrapper once the hook itself moves onto the button root.\n *\n * A forwarded `class` lands on the root, so a consumer that wants its own hook on the card itself\n * can add one. A hook that themes address as an *ancestor* of `.kol-card` must not go here — it\n * belongs on a wrapper around `CardFC`, the way the drawer keeps `.kol-drawer__wrapper`.\n */\nexport const CardFC: FC<CardFCProps> = (props, children) => {\n\tconst {\n\t\tariaDescriptionId,\n\t\tclass: hostClass,\n\t\tcloseButtonProps,\n\t\thandleBlur,\n\t\thandleClose,\n\t\thandleFocus,\n\t\thasCloser,\n\t\theadingId,\n\t\thref,\n\t\tlabel,\n\t\tlevel,\n\t\trefCloseButton,\n\t\trefCta,\n\t\trefTooltip,\n\t\ttarget,\n\t} = props;\n\n\treturn (\n\t\t<article aria-labelledby={headingId} class={clsx(cardBem(), hostClass)}>\n\t\t\t{href.length > 0 ? (\n\t\t\t\t<a class={BEM_CLASS_CARD__LINK} href={href} target={target || undefined} onBlur={handleBlur} onFocus={handleFocus} ref={refCta}>\n\t\t\t\t\t<CardHeadingFC headingId={headingId} label={label} level={level} />\n\t\t\t\t</a>\n\t\t\t) : (\n\t\t\t\t<CardHeadingFC headingId={headingId} label={label} level={level} />\n\t\t\t)}\n\t\t\t<div class={BEM_CLASS_CARD__CONTENT}>{children}</div>\n\t\t\t{hasCloser && (\n\t\t\t\t<div class={clsx(BEM_CLASS_CARD__CLOSE_BUTTON, 'kol-close-button')}>\n\t\t\t\t\t<ButtonFC\n\t\t\t\t\t\t{...closeButtonProps}\n\t\t\t\t\t\tariaDescriptionId={ariaDescriptionId}\n\t\t\t\t\t\thandleBlur={NOOP}\n\t\t\t\t\t\thandleClick={handleClose}\n\t\t\t\t\t\thandleFocus={NOOP}\n\t\t\t\t\t\thandleMouseDown={NOOP}\n\t\t\t\t\t\trefButton={refCloseButton}\n\t\t\t\t\t\trefTooltip={refTooltip}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</article>\n\t);\n};\n"],"names":["resolveButtonProps","translate","bem","h","KolHeadingFc","clsx","ButtonFC"],"mappings":";;;;;;;;;;;;;AAgBM,SAAU,2BAA2B,CAAC,IAAkB,EAAA;AAC7D,IAAA,OAAOA,+BAAkB,CACxB;AACC,QAAA,UAAU,EAAE,IAAI;QAChB,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE;AAC3C,QAAA,MAAM,EAAEC,cAAS,CAAC,WAAW,CAAC;AAC9B,QAAA,aAAa,EAAE,MAAM;KACrB,EACD,IAAI,CACJ;AACF;;ACfA,MAAM,OAAO,GAAGC,eAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,4BAA4B,GAAG,OAAO,CAAC,cAAc,CAAC;AAC5D,MAAM,uBAAuB,GAAG,OAAO,CAAC,SAAS,CAAC;AAClD,MAAM,sBAAsB,GAAG,OAAO,CAAC,QAAQ,CAAC;AAChD,MAAM,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC;AAM5C,MAAM,IAAI,GAAG,MAAW,GAAG;AAG3B,MAAM,aAAa,GAAiF,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,MAC/HC,OAAC,CAAAC,oBAAY,EAAC,EAAA,KAAK,EAAE,sBAAsB,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAA,EACtE,KAAK,CACQ,CACf;MAsBY,MAAM,GAAoB,CAAC,KAAK,EAAE,QAAQ,KAAI;AAC1D,IAAA,MAAM,EACL,iBAAiB,EACjB,KAAK,EAAE,SAAS,EAChB,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,WAAW,EACX,SAAS,EACT,SAAS,EACT,IAAI,EACJ,KAAK,EACL,KAAK,EACL,cAAc,EACd,MAAM,EACN,UAAU,EACV,MAAM,GACN,GAAG,KAAK;AAET,IAAA,QACCD,OAAA,CAAA,SAAA,EAAA,EAAA,iBAAA,EAA0B,SAAS,EAAE,KAAK,EAAEE,SAAI,CAAC,OAAO,EAAE,EAAE,SAAS,CAAC,EAAA,EACpE,IAAI,CAAC,MAAM,GAAG,CAAC,IACfF,OAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAA,EAC7HA,OAAA,CAAC,aAAa,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAA,CAAI,CAChE,KAEJA,OAAC,CAAA,aAAa,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACnE,EACDA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,uBAAuB,EAAA,EAAG,QAAQ,CAAO,EACpD,SAAS,KACTA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAEE,SAAI,CAAC,4BAA4B,EAAE,kBAAkB,CAAC,EAAA,EACjEF,OAAA,CAACG,kBAAQ,EACJ,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,gBAAgB,EACpB,EAAA,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,IAAI,EACjB,eAAe,EAAE,IAAI,EACrB,SAAS,EAAE,cAAc,EACzB,UAAU,EAAE,UAAU,EACrB,CAAA,CAAA,CACG,CACN,CACQ;AAEZ;;;;;"}
+{"version":3,"file":"component-Bc8fDajy.js","sources":["src/internal/functional-components/card/close-button.ts","src/internal/functional-components/card/component.tsx"],"sourcesContent":["import { translate } from '../../../i18n';\nimport type { ResolvedButtonProps } from '../button/resolve-props';\nimport { resolveButtonProps } from '../button/resolve-props';\n\n/**\n * Normalizes the card's close button into the render props `ButtonFC` expects.\n *\n * The configuration is fixed — an icon-only button whose label lives in its tooltip — so every\n * component rendering `CardFC` resolves it the same way. It is a function rather than a constant\n * because `translate` must run after the i18n bundle is in place.\n *\n * Props only: the tooltip behavior, the click handler and the button ref belong to the composing\n * web component.\n *\n * @param host - The host element, used for the per-theme `buttonVariantDefault` feature flag.\n */\nexport function resolveCardCloseButtonProps(host?: HTMLElement): ResolvedButtonProps {\n\treturn resolveButtonProps(\n\t\t{\n\t\t\t_hideLabel: true,\n\t\t\t_icons: { left: { icon: 'kolicon-cross' } },\n\t\t\t_label: translate('kol-close'),\n\t\t\t_tooltipAlign: 'left',\n\t\t},\n\t\thost,\n\t);\n}\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport KolHeadingFc from '../../../functional-components/Heading/Heading';\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport { ButtonFC } from '../button/component';\nimport type { ResolvedButtonProps } from '../button/resolve-props';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { CardApi } from './api';\n\nconst cardBem = bem.forBlock('kol-card');\nconst BEM_CLASS_CARD__CLOSE_BUTTON = cardBem('close-button');\nconst BEM_CLASS_CARD__CONTENT = cardBem('content');\nconst BEM_CLASS_CARD__HEADER = cardBem('header');\nconst BEM_CLASS_CARD__LINK = cardBem('link');\n\n/**\n * The close button reports only its click. `ButtonFC` requires a handler per callback, and the\n * card's `_on` callbacks describe its heading link, not this button.\n */\nconst NOOP = (): void => {};\n\n/** The heading renders either on its own or wrapped in the link, so it lives in its own FC. */\nconst CardHeadingFC: FC<Pick<FunctionalComponentProps<CardApi>, 'headingId' | 'label' | 'level'>> = ({ headingId, label, level }) => (\n\t<KolHeadingFc class={BEM_CLASS_CARD__HEADER} id={headingId} level={level}>\n\t\t{label}\n\t</KolHeadingFc>\n);\n\nexport type CardFCProps = FunctionalComponentProps<CardApi> & {\n\t/** The close button's normalized `ButtonFC` render props, resolved once by the web component. */\n\tcloseButtonProps: ResolvedButtonProps;\n};\n\n/**\n * Root from `bem.forBlock('kol-card')`, not `BemRootNodeFC`: the card's root is the semantic\n * `<article>` that carries `aria-labelledby`, and `BemRootNodeFC` always renders a `<div>`.\n *\n * The content area renders `children`, not a `<slot />` of its own: Stencil derives its light-DOM\n * slot relocation from the JSX in the element file, so the `<slot />` has to be written there.\n *\n * `.kol-close-button` is a theme hook shared with the alert, and every theme addresses it as an\n * ancestor of `.kol-button`. It therefore stays on a wrapper around `ButtonFC` rather than merging\n * into the button's own root — drop the wrapper once the hook itself moves onto the button root.\n *\n * A forwarded `class` lands on the root, so a consumer that wants its own hook on the card itself\n * can add one. A hook that themes address as an *ancestor* of `.kol-card` must not go here — it\n * belongs on a wrapper around `CardFC`, the way the drawer keeps `.kol-drawer__wrapper`.\n */\nexport const CardFC: FC<CardFCProps> = (props, children) => {\n\tconst {\n\t\tariaDescriptionId,\n\t\tclass: hostClass,\n\t\tcloseButtonProps,\n\t\thandleBlur,\n\t\thandleClose,\n\t\thandleFocus,\n\t\thasCloser,\n\t\theadingId,\n\t\thref,\n\t\tlabel,\n\t\tlevel,\n\t\trefCloseButton,\n\t\trefCta,\n\t\trefTooltip,\n\t\ttarget,\n\t} = props;\n\n\treturn (\n\t\t<article aria-labelledby={headingId} class={clsx(cardBem(), hostClass)}>\n\t\t\t{href.length > 0 ? (\n\t\t\t\t<a class={BEM_CLASS_CARD__LINK} href={href} target={target || undefined} onBlur={handleBlur} onFocus={handleFocus} ref={refCta}>\n\t\t\t\t\t<CardHeadingFC headingId={headingId} label={label} level={level} />\n\t\t\t\t</a>\n\t\t\t) : (\n\t\t\t\t<CardHeadingFC headingId={headingId} label={label} level={level} />\n\t\t\t)}\n\t\t\t<div class={BEM_CLASS_CARD__CONTENT}>{children}</div>\n\t\t\t{hasCloser && (\n\t\t\t\t<div class={clsx(BEM_CLASS_CARD__CLOSE_BUTTON, 'kol-close-button')}>\n\t\t\t\t\t<ButtonFC\n\t\t\t\t\t\t{...closeButtonProps}\n\t\t\t\t\t\tariaDescriptionId={ariaDescriptionId}\n\t\t\t\t\t\thandleBlur={NOOP}\n\t\t\t\t\t\thandleClick={handleClose}\n\t\t\t\t\t\thandleFocus={NOOP}\n\t\t\t\t\t\thandleMouseDown={NOOP}\n\t\t\t\t\t\trefButton={refCloseButton}\n\t\t\t\t\t\trefTooltip={refTooltip}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</article>\n\t);\n};\n"],"names":["resolveButtonProps","translate","bem","h","KolHeadingFc","clsx","ButtonFC"],"mappings":";;;;;;;;;;;;;AAgBM,SAAU,2BAA2B,CAAC,IAAkB,EAAA;AAC7D,IAAA,OAAOA,+BAAkB,CACxB;AACC,QAAA,UAAU,EAAE,IAAI;QAChB,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE;AAC3C,QAAA,MAAM,EAAEC,cAAS,CAAC,WAAW,CAAC;AAC9B,QAAA,aAAa,EAAE,MAAM;KACrB,EACD,IAAI,CACJ;AACF;;ACfA,MAAM,OAAO,GAAGC,eAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,4BAA4B,GAAG,OAAO,CAAC,cAAc,CAAC;AAC5D,MAAM,uBAAuB,GAAG,OAAO,CAAC,SAAS,CAAC;AAClD,MAAM,sBAAsB,GAAG,OAAO,CAAC,QAAQ,CAAC;AAChD,MAAM,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC;AAM5C,MAAM,IAAI,GAAG,MAAW,GAAG;AAG3B,MAAM,aAAa,GAAiF,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,MAC/HC,OAAC,CAAAC,oBAAY,EAAC,EAAA,KAAK,EAAE,sBAAsB,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAA,EACtE,KAAK,CACQ,CACf;MAsBY,MAAM,GAAoB,CAAC,KAAK,EAAE,QAAQ,KAAI;AAC1D,IAAA,MAAM,EACL,iBAAiB,EACjB,KAAK,EAAE,SAAS,EAChB,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,WAAW,EACX,SAAS,EACT,SAAS,EACT,IAAI,EACJ,KAAK,EACL,KAAK,EACL,cAAc,EACd,MAAM,EACN,UAAU,EACV,MAAM,GACN,GAAG,KAAK;AAET,IAAA,QACCD,OAAA,CAAA,SAAA,EAAA,EAAA,iBAAA,EAA0B,SAAS,EAAE,KAAK,EAAEE,SAAI,CAAC,OAAO,EAAE,EAAE,SAAS,CAAC,EAAA,EACpE,IAAI,CAAC,MAAM,GAAG,CAAC,IACfF,OAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAA,EAC7HA,OAAA,CAAC,aAAa,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAA,CAAI,CAChE,KAEJA,OAAC,CAAA,aAAa,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACnE,EACDA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,uBAAuB,EAAA,EAAG,QAAQ,CAAO,EACpD,SAAS,KACTA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAEE,SAAI,CAAC,4BAA4B,EAAE,kBAAkB,CAAC,EAAA,EACjEF,OAAA,CAACG,kBAAQ,EACJ,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,gBAAgB,EACpB,EAAA,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,IAAI,EACjB,eAAe,EAAE,IAAI,EACrB,SAAS,EAAE,cAAc,EACzB,UAAU,EAAE,UAAU,EACrB,CAAA,CAAA,CACG,CACN,CACQ;AAEZ;;;;;"}

package/dist/cjs/{component-CmvG-auD.js → component-Be3QHUyC.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BnEus4Y9.js');
+var index = require('./index-RAfZF5x0.js');
 var bemRegistry = require('./bem-registry-BDVdt6ar.js');
 
 const clickButtonBem = bemRegistry.bem.forBlock('kol-click-button');
@@ -12,6 +12,6 @@ const BEM_CLASS_CLICK_BUTTON__LABEL = clickButtonBem('label');
 const ClickButtonFC = ({ label, handleClick, refButton }) => (index.h("button", { class: BEM_CLASS_CLICK_BUTTON, ref: refButton, onClick: handleClick, onKeyDown: (event) => event.preventDefault() }, index.h("span", { class: BEM_CLASS_CLICK_BUTTON__LABEL }, label)));
 
 exports.ClickButtonFC = ClickButtonFC;
-//# sourceMappingURL=component-CmvG-auD.js.map
+//# sourceMappingURL=component-Be3QHUyC.js.map
 
-//# sourceMappingURL=component-CmvG-auD.js.map
+//# sourceMappingURL=component-Be3QHUyC.js.map

package/dist/cjs/{component-CmvG-auD.js.map → component-Be3QHUyC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-CmvG-auD.js","sources":["src/internal/functional-components/click-button/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { ClickButtonApi } from './api';\n\nconst clickButtonBem = bem.forBlock('kol-click-button');\nconst BEM_CLASS_CLICK_BUTTON = clickButtonBem();\nconst BEM_CLASS_CLICK_BUTTON__LABEL = clickButtonBem('label');\n\nexport const ClickButtonFC: FC<FunctionalComponentProps<ClickButtonApi>> = ({ label, handleClick, refButton }) => (\n\t<button class={BEM_CLASS_CLICK_BUTTON} ref={refButton} onClick={handleClick} onKeyDown={(event) => event.preventDefault()}>\n\t\t<span class={BEM_CLASS_CLICK_BUTTON__LABEL}>{label}</span>\n\t</button>\n);\n"],"names":["bem","h"],"mappings":";;;;;;;;AAOA,MAAM,cAAc,GAAGA,eAAG,CAAC,QAAQ,CAAC,kBAAkB,CAAC;AACvD,MAAM,sBAAsB,GAAG,cAAc,EAAE;AAC/C,MAAM,6BAA6B,GAAG,cAAc,CAAC,OAAO,CAAC;AAEtD,MAAM,aAAa,GAAiD,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAC5GC,oBAAQ,KAAK,EAAE,sBAAsB,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,cAAc,EAAE,EAAA,EACxHA,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EAAG,KAAK,CAAQ,CAClD;;;;"}
+{"version":3,"file":"component-Be3QHUyC.js","sources":["src/internal/functional-components/click-button/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { ClickButtonApi } from './api';\n\nconst clickButtonBem = bem.forBlock('kol-click-button');\nconst BEM_CLASS_CLICK_BUTTON = clickButtonBem();\nconst BEM_CLASS_CLICK_BUTTON__LABEL = clickButtonBem('label');\n\nexport const ClickButtonFC: FC<FunctionalComponentProps<ClickButtonApi>> = ({ label, handleClick, refButton }) => (\n\t<button class={BEM_CLASS_CLICK_BUTTON} ref={refButton} onClick={handleClick} onKeyDown={(event) => event.preventDefault()}>\n\t\t<span class={BEM_CLASS_CLICK_BUTTON__LABEL}>{label}</span>\n\t</button>\n);\n"],"names":["bem","h"],"mappings":";;;;;;;;AAOA,MAAM,cAAc,GAAGA,eAAG,CAAC,QAAQ,CAAC,kBAAkB,CAAC;AACvD,MAAM,sBAAsB,GAAG,cAAc,EAAE;AAC/C,MAAM,6BAA6B,GAAG,cAAc,CAAC,OAAO,CAAC;AAEtD,MAAM,aAAa,GAAiD,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAC5GC,oBAAQ,KAAK,EAAE,sBAAsB,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,cAAc,EAAE,EAAA,EACxHA,OAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EAAG,KAAK,CAAQ,CAClD;;;;"}

package/dist/cjs/{component-BT86Nj6R.js → component-Bj4QdlXm.js}

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-BnEus4Y9.js');
+var index = require('./index-RAfZF5x0.js');
 var bemRegistry = require('./bem-registry-BDVdt6ar.js');
-var component = require('./component-1NrcvQzp.js');
-var component$1 = require('./component-o3s7XplI.js');
+var component = require('./component-CPVFCnaN.js');
+var component$1 = require('./component-Dd-PS3jp.js');
 
 const badgeBem = bemRegistry.bem.forBlock('kol-badge');
 const BEM_CLASS_BADGE__LABEL = badgeBem('label');
@@ -19,6 +19,6 @@ const BadgeFC = ({ color, icons, label, smartButton }) => {
 };
 
 exports.BadgeFC = BadgeFC;
-//# sourceMappingURL=component-BT86Nj6R.js.map
+//# sourceMappingURL=component-Bj4QdlXm.js.map
 
-//# sourceMappingURL=component-BT86Nj6R.js.map
+//# sourceMappingURL=component-Bj4QdlXm.js.map

package/dist/cjs/{component-BT86Nj6R.js.map → component-Bj4QdlXm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-BT86Nj6R.js","sources":["src/internal/functional-components/badge/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport { ButtonFC } from '../button/component';\nimport type { ResolvedButtonProps } from '../button/resolve-props';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { SpanFC } from '../span/component';\nimport type { BadgeApi } from './api';\n\nconst badgeBem = bem.forBlock('kol-badge');\nconst BEM_CLASS_BADGE__LABEL = badgeBem('label');\nconst BEM_CLASS_BADGE__SMART_BUTTON = badgeBem('smart-button');\n\n/**\n * Everything `BadgeFC` needs for the smart button, as one optional unit: its ids, refs and handlers\n * exist only when a button is configured. A consumer that renders a plain badge — `kol-version` —\n * passes nothing and has no orchestration to invent.\n */\nexport type BadgeSmartButtonFCProps = Pick<\n\tFunctionalComponentProps<BadgeApi>,\n\t'ariaDescriptionId' | 'handleBlur' | 'handleClick' | 'handleFocus' | 'handleMouseDown' | 'labelId' | 'refSmartButton' | 'refTooltip'\n> & {\n\t/** The button props resolved by the web component, spread onto `ButtonFC`. */\n\tresolvedButton: ResolvedButtonProps;\n};\n\n/**\n * `Pick`, not `Omit`: `Omit` over `FunctionalComponentProps` widens every remaining prop, because\n * subtracting from the intersection collapses the precise types into the optional HTML attributes\n * it is intersected with.\n */\ntype BadgeFCProps = Pick<FunctionalComponentProps<BadgeApi>, 'color' | 'icons' | 'label'> & {\n\tsmartButton?: BadgeSmartButtonFCProps;\n};\n\n/**\n * Root from `bem.forBlock('kol-badge')`, not `BemRootNodeFC`: the badge needs an inline `style`\n * for its colours, and `BemRootNodeFC` forwards only `class` (ARC42 § \"BemRootNodeFC Pattern\").\n *\n * The trailing `<br />` makes NVDA's read mode treat each badge as one element. The smart button\n * stays before it in the DOM for tab order and is moved to the end visually by `order: 3`.\n * `kol-badge-styles()` excludes it from text selection so it does not add a blank line to copied\n * text - in every shadow root that renders this component, not just the badge's own.\n */\nexport const BadgeFC: FC<BadgeFCProps> = ({ color, icons, label, smartButton }) => {\n\treturn (\n\t\t<div\n\t\t\tclass={badgeBem({ 'has-smart-button': smartButton !== undefined })}\n\t\t\tstyle={{\n\t\t\t\tbackgroundColor: color.backgroundColor,\n\t\t\t\tcolor: color.foregroundColor,\n\t\t\t}}\n\t\t>\n\t\t\t<SpanFC class={BEM_CLASS_BADGE__LABEL} id={smartButton?.labelId} allowMarkdown icons={icons} label={label} />\n\t\t\t{smartButton && (\n\t\t\t\t<ButtonFC\n\t\t\t\t\t{...smartButton.resolvedButton}\n\t\t\t\t\tclass={BEM_CLASS_BADGE__SMART_BUTTON}\n\t\t\t\t\tariaDescriptionId={smartButton.ariaDescriptionId}\n\t\t\t\t\thandleBlur={smartButton.handleBlur}\n\t\t\t\t\thandleClick={smartButton.handleClick}\n\t\t\t\t\thandleFocus={smartButton.handleFocus}\n\t\t\t\t\thandleMouseDown={smartButton.handleMouseDown}\n\t\t\t\t\trefButton={smartButton.refSmartButton}\n\t\t\t\t\trefTooltip={smartButton.refTooltip}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<br />\n\t\t</div>\n\t);\n};\n"],"names":["bem","h","SpanFC","ButtonFC"],"mappings":";;;;;;;;;;AAUA,MAAM,QAAQ,GAAGA,eAAG,CAAC,QAAQ,CAAC,WAAW,CAAC;AAC1C,MAAM,sBAAsB,GAAG,QAAQ,CAAC,OAAO,CAAC;AAChD,MAAM,6BAA6B,GAAG,QAAQ,CAAC,cAAc,CAAC;AAiCvD,MAAM,OAAO,GAAqB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAI;IACjF,QACCC,OACC,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,QAAQ,CAAC,EAAE,kBAAkB,EAAE,WAAW,KAAK,SAAS,EAAE,CAAC,EAClE,KAAK,EAAE;YACN,eAAe,EAAE,KAAK,CAAC,eAAe;YACtC,KAAK,EAAE,KAAK,CAAC,eAAe;SAC5B,EAAA,EAEDA,OAAC,CAAAC,kBAAM,EAAC,EAAA,KAAK,EAAE,sBAAsB,EAAE,EAAE,EAAE,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,OAAO,EAAE,aAAa,EAAC,IAAA,EAAA,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAI,CAAA,EAC5G,WAAW,KACXD,OAAA,CAACE,kBAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACJ,WAAW,CAAC,cAAc,EAC9B,EAAA,KAAK,EAAE,6BAA6B,EACpC,iBAAiB,EAAE,WAAW,CAAC,iBAAiB,EAChD,UAAU,EAAE,WAAW,CAAC,UAAU,EAClC,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,eAAe,EAAE,WAAW,CAAC,eAAe,EAC5C,SAAS,EAAE,WAAW,CAAC,cAAc,EACrC,UAAU,EAAE,WAAW,CAAC,UAAU,EAAA,CAAA,CACjC,CACF,EAEDF,OAAM,CAAA,IAAA,EAAA,IAAA,CAAA,CACD;AAER;;;;"}
+{"version":3,"file":"component-Bj4QdlXm.js","sources":["src/internal/functional-components/badge/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport { ButtonFC } from '../button/component';\nimport type { ResolvedButtonProps } from '../button/resolve-props';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { SpanFC } from '../span/component';\nimport type { BadgeApi } from './api';\n\nconst badgeBem = bem.forBlock('kol-badge');\nconst BEM_CLASS_BADGE__LABEL = badgeBem('label');\nconst BEM_CLASS_BADGE__SMART_BUTTON = badgeBem('smart-button');\n\n/**\n * Everything `BadgeFC` needs for the smart button, as one optional unit: its ids, refs and handlers\n * exist only when a button is configured. A consumer that renders a plain badge — `kol-version` —\n * passes nothing and has no orchestration to invent.\n */\nexport type BadgeSmartButtonFCProps = Pick<\n\tFunctionalComponentProps<BadgeApi>,\n\t'ariaDescriptionId' | 'handleBlur' | 'handleClick' | 'handleFocus' | 'handleMouseDown' | 'labelId' | 'refSmartButton' | 'refTooltip'\n> & {\n\t/** The button props resolved by the web component, spread onto `ButtonFC`. */\n\tresolvedButton: ResolvedButtonProps;\n};\n\n/**\n * `Pick`, not `Omit`: `Omit` over `FunctionalComponentProps` widens every remaining prop, because\n * subtracting from the intersection collapses the precise types into the optional HTML attributes\n * it is intersected with.\n */\ntype BadgeFCProps = Pick<FunctionalComponentProps<BadgeApi>, 'color' | 'icons' | 'label'> & {\n\tsmartButton?: BadgeSmartButtonFCProps;\n};\n\n/**\n * Root from `bem.forBlock('kol-badge')`, not `BemRootNodeFC`: the badge needs an inline `style`\n * for its colours, and `BemRootNodeFC` forwards only `class` (ARC42 § \"BemRootNodeFC Pattern\").\n *\n * The trailing `<br />` makes NVDA's read mode treat each badge as one element. The smart button\n * stays before it in the DOM for tab order and is moved to the end visually by `order: 3`.\n * `kol-badge-styles()` excludes it from text selection so it does not add a blank line to copied\n * text - in every shadow root that renders this component, not just the badge's own.\n */\nexport const BadgeFC: FC<BadgeFCProps> = ({ color, icons, label, smartButton }) => {\n\treturn (\n\t\t<div\n\t\t\tclass={badgeBem({ 'has-smart-button': smartButton !== undefined })}\n\t\t\tstyle={{\n\t\t\t\tbackgroundColor: color.backgroundColor,\n\t\t\t\tcolor: color.foregroundColor,\n\t\t\t}}\n\t\t>\n\t\t\t<SpanFC class={BEM_CLASS_BADGE__LABEL} id={smartButton?.labelId} allowMarkdown icons={icons} label={label} />\n\t\t\t{smartButton && (\n\t\t\t\t<ButtonFC\n\t\t\t\t\t{...smartButton.resolvedButton}\n\t\t\t\t\tclass={BEM_CLASS_BADGE__SMART_BUTTON}\n\t\t\t\t\tariaDescriptionId={smartButton.ariaDescriptionId}\n\t\t\t\t\thandleBlur={smartButton.handleBlur}\n\t\t\t\t\thandleClick={smartButton.handleClick}\n\t\t\t\t\thandleFocus={smartButton.handleFocus}\n\t\t\t\t\thandleMouseDown={smartButton.handleMouseDown}\n\t\t\t\t\trefButton={smartButton.refSmartButton}\n\t\t\t\t\trefTooltip={smartButton.refTooltip}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<br />\n\t\t</div>\n\t);\n};\n"],"names":["bem","h","SpanFC","ButtonFC"],"mappings":";;;;;;;;;;AAUA,MAAM,QAAQ,GAAGA,eAAG,CAAC,QAAQ,CAAC,WAAW,CAAC;AAC1C,MAAM,sBAAsB,GAAG,QAAQ,CAAC,OAAO,CAAC;AAChD,MAAM,6BAA6B,GAAG,QAAQ,CAAC,cAAc,CAAC;AAiCvD,MAAM,OAAO,GAAqB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAI;IACjF,QACCC,OACC,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,QAAQ,CAAC,EAAE,kBAAkB,EAAE,WAAW,KAAK,SAAS,EAAE,CAAC,EAClE,KAAK,EAAE;YACN,eAAe,EAAE,KAAK,CAAC,eAAe;YACtC,KAAK,EAAE,KAAK,CAAC,eAAe;SAC5B,EAAA,EAEDA,OAAC,CAAAC,kBAAM,EAAC,EAAA,KAAK,EAAE,sBAAsB,EAAE,EAAE,EAAE,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,OAAO,EAAE,aAAa,EAAC,IAAA,EAAA,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAI,CAAA,EAC5G,WAAW,KACXD,OAAA,CAACE,kBAAQ,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACJ,WAAW,CAAC,cAAc,EAC9B,EAAA,KAAK,EAAE,6BAA6B,EACpC,iBAAiB,EAAE,WAAW,CAAC,iBAAiB,EAChD,UAAU,EAAE,WAAW,CAAC,UAAU,EAClC,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,eAAe,EAAE,WAAW,CAAC,eAAe,EAC5C,SAAS,EAAE,WAAW,CAAC,cAAc,EACrC,UAAU,EAAE,WAAW,CAAC,UAAU,EAAA,CAAA,CACjC,CACF,EAEDF,OAAM,CAAA,IAAA,EAAA,IAAA,CAAA,CACD;AAER;;;;"}

package/dist/cjs/{component-xIM903qi.js → component-CAkixzEQ.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 require('./common-B9-LvLNa.js');
-var index = require('./index-BnEus4Y9.js');
+var index = require('./index-RAfZF5x0.js');
 
 const classNameFromVariant = (variants, componentName) => {
     let className = '';
@@ -20,6 +20,6 @@ const AriaDescriptionSpanFC = ({ description, descriptionId }) => description ?
 
 exports.AriaDescriptionSpanFC = AriaDescriptionSpanFC;
 exports.classNameFromVariant = classNameFromVariant;
-//# sourceMappingURL=component-xIM903qi.js.map
+//# sourceMappingURL=component-CAkixzEQ.js.map
 
-//# sourceMappingURL=component-xIM903qi.js.map
+//# sourceMappingURL=component-CAkixzEQ.js.map

package/dist/cjs/{component-xIM903qi.js.map → component-CAkixzEQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-xIM903qi.js","sources":["src/schema/props/variant-class-name.ts","src/internal/functional-components/aria-description-span/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchOptions } from '../utils';\nimport { watchValidator } from '../utils';\nimport { isString } from '../validators';\n\nexport type VariantClassNamePropType = string | string[];\n\nexport type PropVariantClassName = {\n\tvariant: VariantClassNamePropType;\n};\n\nconst SAFE_CLASS_NAME_RE = /^[a-zA-Z][a-zA-Z0-9_-]{3,60}$/;\nconst isValidArrayOrString = (value: unknown) =>\n\t(Array.isArray(value) && value.every(isSafeClassName)) || (isString(value, 1) && (value as string).split(' ').every(isSafeClassName));\nconst isSafeClassName = (value: unknown) => typeof value === 'string' && SAFE_CLASS_NAME_RE.test(value);\nconst SAFE_CLASS_NAME_ALLOWED = new Set([SAFE_CLASS_NAME_RE.source]);\n\nconst beforePatchString = (component: Generic.Element.Component): void => {\n\tif (component.nextState?.has('_variant')) {\n\t\tconst variants = component.nextState?.get('_variant');\n\t\tlet nextStateVariants: VariantClassNamePropType = [];\n\t\tif (isString(variants, 1)) {\n\t\t\tnextStateVariants = (variants as string).split(' ');\n\t\t} else if (Array.isArray(variants)) {\n\t\t\tnextStateVariants = variants;\n\t\t}\n\t\tcomponent.nextState?.set('_variant', nextStateVariants);\n\t}\n};\n\nexport const validateVariantClassName = (component: Generic.Element.Component, value?: VariantClassNamePropType, options: WatchOptions = {}): void => {\n\twatchValidator(component, '_variant', isValidArrayOrString, SAFE_CLASS_NAME_ALLOWED, value, {\n\t\t...options,\n\t\tdefaultValue: [],\n\t\thooks: {\n\t\t\tafterPatch: options.hooks?.afterPatch,\n\t\t\tbeforePatch: (nextValue, nextState, component, key) => {\n\t\t\t\tif (typeof options.hooks?.beforePatch === 'function') {\n\t\t\t\t\toptions.hooks?.beforePatch(nextValue, nextState, component, key);\n\t\t\t\t}\n\t\t\t\tbeforePatchString(component);\n\t\t\t},\n\t\t},\n\t});\n};\n\nexport const classNameFromVariant = (variants: VariantClassNamePropType | undefined, componentName: string): string => {\n\tlet className = '';\n\n\tif (Array.isArray(variants)) {\n\t\tvariants.forEach((variant) => {\n\t\t\tclassName += 'kol-' + componentName + '--' + variant + ' ';\n\t\t});\n\t}\n\treturn className;\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\ntype AriaDescriptionSpanFCProps = {\n\t/**\n\t * The (already trimmed) description text. Falsy renders nothing — the description is\n\t * optional, and an empty `aria-describedby` target would be pointless.\n\t */\n\tdescription: string | undefined;\n\t/**\n\t * The id referenced by the interactive element's `aria-describedby`.\n\t */\n\tdescriptionId: string;\n};\n\n/**\n * Visually-hidden `aria-describedby` target, shared by `ButtonFC` and `LinkFC`.\n *\n * Must be a sibling of the interactive element, not a child of it — the description is\n * referenced from outside via `aria-describedby`, not folded into the accessible name.\n */\nexport const AriaDescriptionSpanFC: FC<AriaDescriptionSpanFCProps> = ({ description, descriptionId }) =>\n\tdescription ? (\n\t\t<span class=\"visually-hidden\" id={descriptionId}>\n\t\t\t{description}\n\t\t</span>\n\t) : null;\n"],"names":["h"],"mappings":";;;;;;;;MA+Ca,oBAAoB,GAAG,CAAC,QAA8C,EAAE,aAAqB,KAAY;IACrH,IAAI,SAAS,GAAG,EAAE;AAElB,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;AAC5B,QAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;YAC5B,SAAS,IAAI,MAAM,GAAG,aAAa,GAAG,IAAI,GAAG,OAAO,GAAG,GAAG;AAC3D,SAAC,CAAC;;AAEH,IAAA,OAAO,SAAS;AACjB;;ACnCa,MAAA,qBAAqB,GAAmC,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,KACnG,WAAW,IACVA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAE,aAAa,EAC7C,EAAA,WAAW,CACN,IACJ;;;;;"}
+{"version":3,"file":"component-CAkixzEQ.js","sources":["src/schema/props/variant-class-name.ts","src/internal/functional-components/aria-description-span/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { WatchOptions } from '../utils';\nimport { watchValidator } from '../utils';\nimport { isString } from '../validators';\n\nexport type VariantClassNamePropType = string | string[];\n\nexport type PropVariantClassName = {\n\tvariant: VariantClassNamePropType;\n};\n\nconst SAFE_CLASS_NAME_RE = /^[a-zA-Z][a-zA-Z0-9_-]{3,60}$/;\nconst isValidArrayOrString = (value: unknown) =>\n\t(Array.isArray(value) && value.every(isSafeClassName)) || (isString(value, 1) && (value as string).split(' ').every(isSafeClassName));\nconst isSafeClassName = (value: unknown) => typeof value === 'string' && SAFE_CLASS_NAME_RE.test(value);\nconst SAFE_CLASS_NAME_ALLOWED = new Set([SAFE_CLASS_NAME_RE.source]);\n\nconst beforePatchString = (component: Generic.Element.Component): void => {\n\tif (component.nextState?.has('_variant')) {\n\t\tconst variants = component.nextState?.get('_variant');\n\t\tlet nextStateVariants: VariantClassNamePropType = [];\n\t\tif (isString(variants, 1)) {\n\t\t\tnextStateVariants = (variants as string).split(' ');\n\t\t} else if (Array.isArray(variants)) {\n\t\t\tnextStateVariants = variants;\n\t\t}\n\t\tcomponent.nextState?.set('_variant', nextStateVariants);\n\t}\n};\n\nexport const validateVariantClassName = (component: Generic.Element.Component, value?: VariantClassNamePropType, options: WatchOptions = {}): void => {\n\twatchValidator(component, '_variant', isValidArrayOrString, SAFE_CLASS_NAME_ALLOWED, value, {\n\t\t...options,\n\t\tdefaultValue: [],\n\t\thooks: {\n\t\t\tafterPatch: options.hooks?.afterPatch,\n\t\t\tbeforePatch: (nextValue, nextState, component, key) => {\n\t\t\t\tif (typeof options.hooks?.beforePatch === 'function') {\n\t\t\t\t\toptions.hooks?.beforePatch(nextValue, nextState, component, key);\n\t\t\t\t}\n\t\t\t\tbeforePatchString(component);\n\t\t\t},\n\t\t},\n\t});\n};\n\nexport const classNameFromVariant = (variants: VariantClassNamePropType | undefined, componentName: string): string => {\n\tlet className = '';\n\n\tif (Array.isArray(variants)) {\n\t\tvariants.forEach((variant) => {\n\t\t\tclassName += 'kol-' + componentName + '--' + variant + ' ';\n\t\t});\n\t}\n\treturn className;\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\ntype AriaDescriptionSpanFCProps = {\n\t/**\n\t * The (already trimmed) description text. Falsy renders nothing — the description is\n\t * optional, and an empty `aria-describedby` target would be pointless.\n\t */\n\tdescription: string | undefined;\n\t/**\n\t * The id referenced by the interactive element's `aria-describedby`.\n\t */\n\tdescriptionId: string;\n};\n\n/**\n * Visually-hidden `aria-describedby` target, shared by `ButtonFC` and `LinkFC`.\n *\n * Must be a sibling of the interactive element, not a child of it — the description is\n * referenced from outside via `aria-describedby`, not folded into the accessible name.\n */\nexport const AriaDescriptionSpanFC: FC<AriaDescriptionSpanFCProps> = ({ description, descriptionId }) =>\n\tdescription ? (\n\t\t<span class=\"visually-hidden\" id={descriptionId}>\n\t\t\t{description}\n\t\t</span>\n\t) : null;\n"],"names":["h"],"mappings":";;;;;;;;MA+Ca,oBAAoB,GAAG,CAAC,QAA8C,EAAE,aAAqB,KAAY;IACrH,IAAI,SAAS,GAAG,EAAE;AAElB,IAAA,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;AAC5B,QAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;YAC5B,SAAS,IAAI,MAAM,GAAG,aAAa,GAAG,IAAI,GAAG,OAAO,GAAG,GAAG;AAC3D,SAAC,CAAC;;AAEH,IAAA,OAAO,SAAS;AACjB;;ACnCa,MAAA,qBAAqB,GAAmC,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,KACnG,WAAW,IACVA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAE,aAAa,EAC7C,EAAA,WAAW,CACN,IACJ;;;;;"}

package/dist/cjs/{component-1NrcvQzp.js → component-CPVFCnaN.js}

@@ -4,14 +4,14 @@
 'use strict';
 
 var tslib_es6 = require('./tslib.es6-Cm0ytgPY.js');
-var index = require('./index-BnEus4Y9.js');
+var index = require('./index-RAfZF5x0.js');
 require('./common-B9-LvLNa.js');
-var component = require('./component-xIM903qi.js');
+var component = require('./component-CAkixzEQ.js');
 var bemRegistry = require('./bem-registry-BDVdt6ar.js');
 var clsx = require('./clsx-Bm_HQUnh.js');
-var component$3 = require('./component-X_thXnkE.js');
-var component$2 = require('./component-o3s7XplI.js');
-var component$1 = require('./component-GfDUM7Um.js');
+var component$3 = require('./component-Du98sklA.js');
+var component$2 = require('./component-Dd-PS3jp.js');
+var component$1 = require('./component-Dw6Tq7Wb.js');
 
 const buttonBem = bemRegistry.bem.forBlock('kol-button');
 const BEM_CLASS_BUTTON__INTERACTIVE_ELEMENT = buttonBem('interactive-element');
@@ -34,6 +34,6 @@ const ButtonFC = (props) => {
 };
 
 exports.ButtonFC = ButtonFC;
-//# sourceMappingURL=component-1NrcvQzp.js.map
+//# sourceMappingURL=component-CPVFCnaN.js.map
 
-//# sourceMappingURL=component-1NrcvQzp.js.map
+//# sourceMappingURL=component-CPVFCnaN.js.map

package/dist/cjs/{component-1NrcvQzp.js.map → component-CPVFCnaN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-1NrcvQzp.js","sources":["src/internal/functional-components/button/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { classNameFromVariant } from '../../../schema';\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport { AriaDescriptionSpanFC } from '../aria-description-span/component';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { SpanFC } from '../span/component';\nimport { TooltipFC } from '../tooltip/component';\nimport type { ButtonApi } from './api';\n\nconst buttonBem = bem.forBlock('kol-button');\nconst BEM_CLASS_BUTTON__INTERACTIVE_ELEMENT = buttonBem('interactive-element');\nconst BEM_CLASS_BUTTON__TEXT = buttonBem('text');\nconst BEM_CLASS_BUTTON__TOOLTIP = buttonBem('tooltip');\n\n/**\n * Renders the button, its floating tooltip and its visually-hidden description inside a single\n * BEM root, the same shape `LinkFC` uses.\n *\n * The tooltip and the description span cannot live inside the `<button>` — a nested tooltip would\n * become part of the accessible name, and the description is referenced by `aria-describedby`\n * from outside. They are therefore siblings of the `<button>` within the `BemRootNodeFC` wrapper.\n */\nexport const ButtonFC: FC<FunctionalComponentProps<ButtonApi>> = (props) => {\n\tconst {\n\t\taccessKey,\n\t\tariaControls,\n\t\tariaDescription,\n\t\tariaDescriptionId,\n\t\tariaExpanded,\n\t\tariaHasPopup,\n\t\tariaSelected,\n\t\tclass: hostClass,\n\t\tcustomClass,\n\t\tdisabled,\n\t\thandleBlur,\n\t\thandleClick,\n\t\thandleFocus,\n\t\thandleMouseDown,\n\t\thideLabel,\n\t\ticons,\n\t\tid,\n\t\tinline,\n\t\tlabel,\n\t\tname,\n\t\trefButton,\n\t\trefTooltip,\n\t\trole,\n\t\tshortKey,\n\t\ttabIndex,\n\t\ttype,\n\t\tvariant,\n\t\t/* Not rendered as attributes: `on` is kept for the StrictFields contract, `tooltipAlign`\n\t\t   is consumed by the tooltip behavior of the web component. */\n\t\ton,\n\t\ttooltipAlign,\n\t\t...rest\n\t} = props;\n\n\t// Marking both as intentionally read keeps them out of the forwarded rest attributes without\n\t// tripping `no-unused-vars`.\n\tvoid on;\n\tvoid tooltipAlign;\n\n\tconst badgeText = accessKey || shortKey;\n\tconst hasLabelText = label.length > 0;\n\tconst hasAriaDescription = ariaDescription.trim().length > 0;\n\n\treturn (\n\t\t<BemRootNodeFC\n\t\t\tblock=\"kol-button\"\n\t\t\tclass={clsx(\n\t\t\t\t// Forwarded 1:1 from the FC tag, so a component embedding a button inside its own\n\t\t\t\t// boundary can mark it — e.g. the badge's `kol-badge__smart-button`.\n\t\t\t\thostClass,\n\t\t\t\t{\n\t\t\t\t\t[classNameFromVariant(variant, 'button')]: variant.length > 0,\n\t\t\t\t\t[customClass]: customClass.length > 0,\n\t\t\t\t},\n\t\t\t)}\n\t\t\tmodifiers={{\n\t\t\t\tdisabled,\n\t\t\t\t'hide-label': hideLabel,\n\t\t\t\tinline: inline === true,\n\t\t\t\tstandalone: inline === false,\n\t\t\t}}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<button\n\t\t\t\tref={refButton}\n\t\t\t\taccessKey={accessKey || undefined}\n\t\t\t\taria-controls={ariaControls || undefined}\n\t\t\t\taria-describedby={hasAriaDescription ? ariaDescriptionId : undefined}\n\t\t\t\taria-expanded={ariaExpanded || undefined}\n\t\t\t\taria-haspopup={ariaHasPopup || undefined}\n\t\t\t\taria-keyshortcuts={shortKey || undefined}\n\t\t\t\taria-label={hideLabel && hasLabelText ? label : undefined}\n\t\t\t\taria-selected={ariaSelected || undefined}\n\t\t\t\tclass={BEM_CLASS_BUTTON__INTERACTIVE_ELEMENT}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tid={id || undefined}\n\t\t\t\tname={name || undefined}\n\t\t\t\tonBlur={handleBlur}\n\t\t\t\tonClick={handleClick}\n\t\t\t\tonFocus={handleFocus}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\trole={role || undefined}\n\t\t\t\ttabIndex={tabIndex}\n\t\t\t\ttype={type}\n\t\t\t>\n\t\t\t\t<SpanFC class={BEM_CLASS_BUTTON__TEXT} badgeText={badgeText} icons={icons} hideLabel={hideLabel} label={label}>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</SpanFC>\n\t\t\t</button>\n\t\t\t{hideLabel && hasLabelText && (\n\t\t\t\t<div class={BEM_CLASS_BUTTON__TOOLTIP}>\n\t\t\t\t\t<TooltipFC badgeText={badgeText} label={label} refFloating={refTooltip} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{hasAriaDescription && <AriaDescriptionSpanFC description={ariaDescription} descriptionId={ariaDescriptionId} />}\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":["bem","__rest","h","BemRootNodeFC","clsx","classNameFromVariant","SpanFC","TooltipFC","AriaDescriptionSpanFC"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAM,SAAS,GAAGA,eAAG,CAAC,QAAQ,CAAC,YAAY,CAAC;AAC5C,MAAM,qCAAqC,GAAG,SAAS,CAAC,qBAAqB,CAAC;AAC9E,MAAM,sBAAsB,GAAG,SAAS,CAAC,MAAM,CAAC;AAChD,MAAM,yBAAyB,GAAG,SAAS,CAAC,SAAS,CAAC;AAUzC,MAAA,QAAQ,GAA4C,CAAC,KAAK,KAAI;AAC1E,IAAA,MAAM,EACL,SAAS,EACT,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,KAAK,EAAE,SAAS,EAChB,WAAW,EACX,QAAQ,EACR,UAAU,EACV,WAAW,EACX,WAAW,EACX,eAAe,EACf,SAAS,EACT,KAAK,EACL,EAAE,EACF,MAAM,EACN,KAAK,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,OAIY,CAAA,GAET,KAAK,EADL,IAAI,GACJC,gBAAA,CAAA,KAAK,EAjCH,CAAA,WAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,cAAA,EAAA,cAAA,EAAA,cAAA,EAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,OAAA,EAAA,IAAA,EAAA,QAAA,EAAA,OAAA,EAAA,MAAA,EAAA,WAAA,EAAA,YAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAA,CAiCL,CAAQ;AAOT,IAAA,MAAM,SAAS,GAAG,SAAS,IAAI,QAAQ;AACvC,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;IACrC,MAAM,kBAAkB,GAAG,eAAe,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;AAE5D,IAAA,QACCC,OAAA,CAACC,yBAAa,EAAA,MAAA,CAAA,MAAA,CAAA,EACb,KAAK,EAAC,YAAY,EAClB,KAAK,EAAEC,SAAI,CAGV,SAAS,EACT;AACC,YAAA,CAACC,8BAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC;AAC7D,YAAA,CAAC,WAAW,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC;SACrC,CACD,EACD,SAAS,EAAE;YACV,QAAQ;AACR,YAAA,YAAY,EAAE,SAAS;YACvB,MAAM,EAAE,MAAM,KAAK,IAAI;YACvB,UAAU,EAAE,MAAM,KAAK,KAAK;SAC5B,EAAA,EACG,IAAI,CAAA,EAERH,OACC,CAAA,QAAA,EAAA,EAAA,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,IAAI,SAAS,EAClB,eAAA,EAAA,YAAY,IAAI,SAAS,EAAA,kBAAA,EACtB,kBAAkB,GAAG,iBAAiB,GAAG,SAAS,EAAA,eAAA,EACrD,YAAY,IAAI,SAAS,mBACzB,YAAY,IAAI,SAAS,EACrB,mBAAA,EAAA,QAAQ,IAAI,SAAS,EAC5B,YAAA,EAAA,SAAS,IAAI,YAAY,GAAG,KAAK,GAAG,SAAS,EAAA,eAAA,EAC1C,YAAY,IAAI,SAAS,EACxC,KAAK,EAAE,qCAAqC,EAC5C,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,IAAI,SAAS,EACnB,IAAI,EAAE,IAAI,IAAI,SAAS,EACvB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,eAAe,EAC5B,IAAI,EAAE,IAAI,IAAI,SAAS,EACvB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EAAA,EAEVA,OAAC,CAAAI,kBAAM,IAAC,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAA,EAC5GJ,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAQ,CAAA,CACjC,CACD,EACR,SAAS,IAAI,YAAY,KACzBA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,yBAAyB,EAAA,EACpCA,OAAA,CAACK,qBAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAA,CAAI,CACrE,CACN,EACA,kBAAkB,IAAIL,OAAA,CAACM,+BAAqB,EAAA,EAAC,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,iBAAiB,EAAI,CAAA,CACjG;AAElB;;;;"}
+{"version":3,"file":"component-CPVFCnaN.js","sources":["src/internal/functional-components/button/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { classNameFromVariant } from '../../../schema';\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport { AriaDescriptionSpanFC } from '../aria-description-span/component';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { SpanFC } from '../span/component';\nimport { TooltipFC } from '../tooltip/component';\nimport type { ButtonApi } from './api';\n\nconst buttonBem = bem.forBlock('kol-button');\nconst BEM_CLASS_BUTTON__INTERACTIVE_ELEMENT = buttonBem('interactive-element');\nconst BEM_CLASS_BUTTON__TEXT = buttonBem('text');\nconst BEM_CLASS_BUTTON__TOOLTIP = buttonBem('tooltip');\n\n/**\n * Renders the button, its floating tooltip and its visually-hidden description inside a single\n * BEM root, the same shape `LinkFC` uses.\n *\n * The tooltip and the description span cannot live inside the `<button>` — a nested tooltip would\n * become part of the accessible name, and the description is referenced by `aria-describedby`\n * from outside. They are therefore siblings of the `<button>` within the `BemRootNodeFC` wrapper.\n */\nexport const ButtonFC: FC<FunctionalComponentProps<ButtonApi>> = (props) => {\n\tconst {\n\t\taccessKey,\n\t\tariaControls,\n\t\tariaDescription,\n\t\tariaDescriptionId,\n\t\tariaExpanded,\n\t\tariaHasPopup,\n\t\tariaSelected,\n\t\tclass: hostClass,\n\t\tcustomClass,\n\t\tdisabled,\n\t\thandleBlur,\n\t\thandleClick,\n\t\thandleFocus,\n\t\thandleMouseDown,\n\t\thideLabel,\n\t\ticons,\n\t\tid,\n\t\tinline,\n\t\tlabel,\n\t\tname,\n\t\trefButton,\n\t\trefTooltip,\n\t\trole,\n\t\tshortKey,\n\t\ttabIndex,\n\t\ttype,\n\t\tvariant,\n\t\t/* Not rendered as attributes: `on` is kept for the StrictFields contract, `tooltipAlign`\n\t\t   is consumed by the tooltip behavior of the web component. */\n\t\ton,\n\t\ttooltipAlign,\n\t\t...rest\n\t} = props;\n\n\t// Marking both as intentionally read keeps them out of the forwarded rest attributes without\n\t// tripping `no-unused-vars`.\n\tvoid on;\n\tvoid tooltipAlign;\n\n\tconst badgeText = accessKey || shortKey;\n\tconst hasLabelText = label.length > 0;\n\tconst hasAriaDescription = ariaDescription.trim().length > 0;\n\n\treturn (\n\t\t<BemRootNodeFC\n\t\t\tblock=\"kol-button\"\n\t\t\tclass={clsx(\n\t\t\t\t// Forwarded 1:1 from the FC tag, so a component embedding a button inside its own\n\t\t\t\t// boundary can mark it — e.g. the badge's `kol-badge__smart-button`.\n\t\t\t\thostClass,\n\t\t\t\t{\n\t\t\t\t\t[classNameFromVariant(variant, 'button')]: variant.length > 0,\n\t\t\t\t\t[customClass]: customClass.length > 0,\n\t\t\t\t},\n\t\t\t)}\n\t\t\tmodifiers={{\n\t\t\t\tdisabled,\n\t\t\t\t'hide-label': hideLabel,\n\t\t\t\tinline: inline === true,\n\t\t\t\tstandalone: inline === false,\n\t\t\t}}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<button\n\t\t\t\tref={refButton}\n\t\t\t\taccessKey={accessKey || undefined}\n\t\t\t\taria-controls={ariaControls || undefined}\n\t\t\t\taria-describedby={hasAriaDescription ? ariaDescriptionId : undefined}\n\t\t\t\taria-expanded={ariaExpanded || undefined}\n\t\t\t\taria-haspopup={ariaHasPopup || undefined}\n\t\t\t\taria-keyshortcuts={shortKey || undefined}\n\t\t\t\taria-label={hideLabel && hasLabelText ? label : undefined}\n\t\t\t\taria-selected={ariaSelected || undefined}\n\t\t\t\tclass={BEM_CLASS_BUTTON__INTERACTIVE_ELEMENT}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tid={id || undefined}\n\t\t\t\tname={name || undefined}\n\t\t\t\tonBlur={handleBlur}\n\t\t\t\tonClick={handleClick}\n\t\t\t\tonFocus={handleFocus}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\trole={role || undefined}\n\t\t\t\ttabIndex={tabIndex}\n\t\t\t\ttype={type}\n\t\t\t>\n\t\t\t\t<SpanFC class={BEM_CLASS_BUTTON__TEXT} badgeText={badgeText} icons={icons} hideLabel={hideLabel} label={label}>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</SpanFC>\n\t\t\t</button>\n\t\t\t{hideLabel && hasLabelText && (\n\t\t\t\t<div class={BEM_CLASS_BUTTON__TOOLTIP}>\n\t\t\t\t\t<TooltipFC badgeText={badgeText} label={label} refFloating={refTooltip} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{hasAriaDescription && <AriaDescriptionSpanFC description={ariaDescription} descriptionId={ariaDescriptionId} />}\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":["bem","__rest","h","BemRootNodeFC","clsx","classNameFromVariant","SpanFC","TooltipFC","AriaDescriptionSpanFC"],"mappings":"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"}

package/dist/cjs/{component-o3s7XplI.js → component-Dd-PS3jp.js}

@@ -4,11 +4,11 @@
 'use strict';
 
 var tslib_es6 = require('./tslib.es6-Cm0ytgPY.js');
-var index = require('./index-BnEus4Y9.js');
+var index = require('./index-RAfZF5x0.js');
 var common = require('./common-B9-LvLNa.js');
 var bemRegistry = require('./bem-registry-BDVdt6ar.js');
 var clsx = require('./clsx-Bm_HQUnh.js');
-var component = require('./component-ZPvcKmPR.js');
+var component = require('./component-3EZdZbDH.js');
 var isArray = require('./isArray-BOIOdEQh.js');
 
 function _mergeNamespaces(n, m) {
@@ -9221,6 +9221,6 @@ const SpanFC = (props, children) => {
 exports.SpanFC = SpanFC;
 exports.buildBadgeTextString = buildBadgeTextString;
 exports.showExpertSlot = showExpertSlot;
-//# sourceMappingURL=component-o3s7XplI.js.map
+//# sourceMappingURL=component-Dd-PS3jp.js.map
 
-//# sourceMappingURL=component-o3s7XplI.js.map
+//# sourceMappingURL=component-Dd-PS3jp.js.map