@public-ui/components 4.5.0-rc.4 → 4.5.0-rc.5

package/dist/kolibri/{component-GqGXpjMZ.js.map → component-Cy_xOMLd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-GqGXpjMZ.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":[],"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,IACV,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAE,aAAa,EAC7C,EAAA,WAAW,CACN,IACJ;;;;"}
+{"version":3,"file":"component-Cy_xOMLd.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":[],"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,IACV,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,iBAAiB,EAAC,EAAE,EAAE,aAAa,EAC7C,EAAA,WAAW,CACN,IACJ;;;;"}

package/dist/kolibri/component-DCK-2RQ3.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as o}from"./index-CyLMYdnq.js";import{b as n}from"./bem-registry-Bma6U-JA.js";const s=n.forBlock("kol-click-button");const t=s();const l=s("label");const c=({label:n,handleClick:s,refButton:c})=>o("button",{class:t,ref:c,onClick:s,onKeyDown:o=>o.preventDefault()},o("span",{class:l},n));export{c as C};
+//# sourceMappingURL=component-DCK-2RQ3.js.map

package/dist/kolibri/{component-6cLprNJZ.js.map → component-DCK-2RQ3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-6cLprNJZ.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":[],"mappings":";;;;;;AAOA,MAAM,cAAc,GAAG,GAAG,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,MAC5G,cAAQ,KAAK,EAAE,sBAAsB,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,cAAc,EAAE,EAAA,EACxH,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EAAG,KAAK,CAAQ,CAClD;;;;"}
+{"version":3,"file":"component-DCK-2RQ3.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":[],"mappings":";;;;;;AAOA,MAAM,cAAc,GAAG,GAAG,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,MAC5G,cAAQ,KAAK,EAAE,sBAAsB,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,cAAc,EAAE,EAAA,EACxH,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EAAG,KAAK,CAAQ,CAClD;;;;"}

package/dist/kolibri/{component-D0Coq_zE.js → component-DRUoRfdO.js}

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as o}from"./index-BtYjJomD.js";import{b as s}from"./bem-registry-Bma6U-JA.js";import{B as t}from"./component-CoN6ZwTo.js";import{S as n}from"./component-DbsunX7x.js";const l=s.forBlock("kol-badge");const r=l("label");const a=l("smart-button");const e=({color:s,icons:e,label:c,smartButton:i})=>o("div",{class:l({"has-smart-button":i!==undefined}),style:{backgroundColor:s.backgroundColor,color:s.foregroundColor}},o(n,{class:r,id:i===null||i===void 0?void 0:i.labelId,allowMarkdown:true,icons:e,label:c}),i&&o(t,Object.assign({},i.resolvedButton,{class:a,ariaDescriptionId:i.ariaDescriptionId,handleBlur:i.handleBlur,handleClick:i.handleClick,handleFocus:i.handleFocus,handleMouseDown:i.handleMouseDown,refButton:i.refSmartButton,refTooltip:i.refTooltip})),o("br",null));export{e as B};
-//# sourceMappingURL=component-D0Coq_zE.js.map
+import{h as o}from"./index-CyLMYdnq.js";import{b as s}from"./bem-registry-Bma6U-JA.js";import{B as l}from"./component-CQJ_jIZm.js";import{S as n}from"./component-D_xOkOl6.js";const t=s.forBlock("kol-badge");const r=t("label");const a=t("smart-button");const e=({color:s,icons:e,label:c,smartButton:i})=>o("div",{class:t({"has-smart-button":i!==undefined}),style:{backgroundColor:s.backgroundColor,color:s.foregroundColor}},o(n,{class:r,id:i===null||i===void 0?void 0:i.labelId,allowMarkdown:true,icons:e,label:c}),i&&o(l,Object.assign({},i.resolvedButton,{class:a,ariaDescriptionId:i.ariaDescriptionId,handleBlur:i.handleBlur,handleClick:i.handleClick,handleFocus:i.handleFocus,handleMouseDown:i.handleMouseDown,refButton:i.refSmartButton,refTooltip:i.refTooltip})),o("br",null));export{e as B};
+//# sourceMappingURL=component-DRUoRfdO.js.map

package/dist/{esm/component-D0Coq_zE.js.map → kolibri/component-DRUoRfdO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-D0Coq_zE.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":[],"mappings":";;;;;;;;AAUA,MAAM,QAAQ,GAAG,GAAG,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,QACC,CACC,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,EAED,CAAC,CAAA,MAAM,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,KACX,CAAA,CAAC,QAAQ,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,EAED,CAAM,CAAA,IAAA,EAAA,IAAA,CAAA,CACD;AAER;;;;"}
+{"version":3,"file":"component-DRUoRfdO.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":[],"mappings":";;;;;;;;AAUA,MAAM,QAAQ,GAAG,GAAG,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,QACC,CACC,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,EAED,CAAC,CAAA,MAAM,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,KACX,CAAA,CAAC,QAAQ,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,EAED,CAAM,CAAA,IAAA,EAAA,IAAA,CAAA,CACD;AAER;;;;"}