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

package/dist/kolibri/{component-Bd7PXqOG.js.map → component-Ch6fss2f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-Bd7PXqOG.js","sources":["src/internal/props/popover-align.ts","src/internal/functional-components/popover/api.tsx","src/internal/functional-components/popover/behavior.ts","src/internal/functional-components/popover/component.tsx","src/internal/functional-components/popover-button/component.tsx"],"sourcesContent":["import type { AlignPropType } from '../../schema/props/align-options';\nimport { createAlignPropDefinition } from './helpers/align';\nimport type { SimpleProp } from './helpers/factory';\n\n/**\n * Popover align prop.\n *\n * Same valid values as {@link alignProp} ('top' | 'right' | 'bottom' | 'left'); the default is\n * `'bottom'`, the documented default of `_popoverAlign`.\n */\nexport type PopoverAlignProp = SimpleProp<'popoverAlign', AlignPropType>;\n\nexport const popoverAlignProp = createAlignPropDefinition<PopoverAlignProp>('popoverAlign', 'bottom');\n","import { alignProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const popoverPropsConfig = {\n\toptional: [alignProp],\n} as const satisfies PropsConfigShape;\n\nexport type PopoverApi = ApiFromConfig<typeof popoverPropsConfig>;\n","import { autoUpdate } from '@floating-ui/dom';\nimport { alignFloatingElements } from '../../../utils/align-floating-elements';\nimport { alignProp } from '../../props';\nimport { BaseBehavior } from '../base-behavior';\nimport type { BehaviorInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { PopoverApi } from './api';\nimport { popoverPropsConfig } from './api';\n\n/**\n * Shows and hides a native popover (`popover=\"auto\"`) and keeps it aligned to its trigger element\n * while it is open.\n *\n * The open state is not kept here: the native popover reports it through its `toggle` event, which\n * the composing web component listens to, so a light dismiss (Escape, click outside) is reflected\n * as well.\n */\nexport class PopoverBehavior extends BaseBehavior<PopoverApi> implements BehaviorInterface<PopoverApi> {\n\tprivate show = false;\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate triggerElement?: HTMLElement;\n\tprivate cleanupAutoUpdate?: () => void;\n\n\tpublic constructor(stateAccess: StateAccess<PopoverApi>) {\n\t\tsuper(stateAccess, popoverPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<PopoverApi>): void {\n\t\tthis.watchAlign(props.align);\n\t}\n\n\tpublic watchAlign(value?: string): void {\n\t\talignProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('align', v);\n\t\t});\n\t}\n\n\t/**\n\t * Opens or closes the popover. A popover element that is not connected yet is toggled in the next\n\t * animation frame, after the first render has attached it.\n\t */\n\tpublic setShow(value: boolean): void {\n\t\tthis.show = value;\n\t\tif (!this.popoverElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.popoverElement.isConnected) {\n\t\t\tthis.toggleVisibility();\n\t\t} else {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tthis.toggleVisibility();\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic setPopoverElementRef = (element?: HTMLDivElement): void => {\n\t\tthis.popoverElement = element;\n\t\tthis.arrowElement = element?.querySelector('.kol-popover__arrow') as HTMLDivElement | undefined;\n\t};\n\n\tpublic setTriggerElement = (element?: HTMLElement): void => {\n\t\tthis.triggerElement = element;\n\t};\n\n\tpublic destroy(): void {\n\t\tthis.cleanupAutoUpdate?.();\n\t\tthis.cleanupAutoUpdate = undefined;\n\t\tthis.popoverElement = undefined;\n\t\tthis.arrowElement = undefined;\n\t\tthis.triggerElement = undefined;\n\t}\n\n\tprivate toggleVisibility(): void {\n\t\tif (!this.popoverElement) {\n\t\t\treturn;\n\t\t}\n\t\tconst isOpen = this.popoverElement.matches(':popover-open');\n\t\tif (this.show) {\n\t\t\tif (!isOpen) {\n\t\t\t\ttry {\n\t\t\t\t\tthis.popoverElement.showPopover();\n\t\t\t\t\tthis.setupAutoUpdate();\n\t\t\t\t\tvoid this.alignPopover();\n\t\t\t\t} catch {\n\t\t\t\t\t// Ignore DOMException if already open\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (isOpen) {\n\t\t\ttry {\n\t\t\t\tthis.popoverElement.hidePopover();\n\t\t\t\tthis.cleanupAutoUpdate?.();\n\t\t\t\tthis.cleanupAutoUpdate = undefined;\n\t\t\t} catch {\n\t\t\t\t// Ignore DOMException if already closed\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate alignPopover = async (): Promise<void> => {\n\t\tif (!this.popoverElement || !this.triggerElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tawait alignFloatingElements({\n\t\t\talign: this.getRenderProp('align'),\n\t\t\treferenceElement: this.triggerElement,\n\t\t\tarrowElement: this.arrowElement,\n\t\t\tfloatingElement: this.popoverElement,\n\t\t});\n\t};\n\n\tprivate setupAutoUpdate = (): void => {\n\t\tif (!this.popoverElement || !this.triggerElement || this.cleanupAutoUpdate) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.cleanupAutoUpdate = autoUpdate(this.triggerElement, this.popoverElement, () => {\n\t\t\tvoid this.alignPopover();\n\t\t});\n\t};\n}\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { PopoverApi } from './api';\n\nexport type PopoverFCProps = FunctionalComponentProps<PopoverApi> &\n\tJSXBase.HTMLAttributes<HTMLDivElement> & {\n\t\tpopoverRef?: (el?: HTMLDivElement) => void;\n\t\tarrowRef?: (el?: HTMLDivElement) => void;\n\t};\n\n/**\n * The popover content is the given children; without children, the default slot distributes the\n * light DOM of the surrounding web component.\n */\nexport const PopoverFC: FC<PopoverFCProps> = (props, children) => {\n\tconst { align = 'bottom', popoverRef, arrowRef, class: classNames, ...rest } = props;\n\n\treturn (\n\t\t<div {...rest} class={clsx('kol-popover', classNames)} ref={popoverRef} popover=\"auto\">\n\t\t\t<div class={clsx('kol-popover__arrow', `kol-popover__arrow--${align}`)} ref={arrowRef} />\n\t\t\t{children.length > 0 ? children : <slot />}\n\t\t</div>\n\t);\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport { ButtonFC } from '../button/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { PopoverFC } from '../popover/component';\nimport type { PopoverButtonApi } from './api';\n\nexport type PopoverButtonFCProps = FunctionalComponentProps<PopoverButtonApi> & {\n\t/** Ref of the `.kol-popover-button` root. */\n\tref?: (element?: HTMLElement) => void;\n};\n\n/**\n * Renders the popover toggle button and the popover as siblings inside a single BEM root.\n *\n * The root must stay an **ancestor** of the button: base and theme styles size the embedded\n * button and style the popover via descendant selectors (`.kol-popover-button--inline\n * .kol-button …`), so the classes cannot merge onto the `kol-button` node itself.\n *\n * The children become the popover content. Without children, the popover's default slot\n * distributes the light DOM of the surrounding web component.\n */\nexport const PopoverButtonFC: FC<PopoverButtonFCProps> = (props, children) => {\n\tconst {\n\t\taccessKey,\n\t\tariaDescription,\n\t\tariaDescriptionId,\n\t\tariaHasPopup,\n\t\tariaSelected,\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\ton,\n\t\tpopoverAlign,\n\t\tpopoverOpen,\n\t\tpopoverId,\n\t\tref,\n\t\trefButton,\n\t\trefPopover,\n\t\trefTooltip,\n\t\trole,\n\t\tshortKey,\n\t\ttabIndex,\n\t\ttooltipAlign,\n\t\ttype,\n\t\tvariant,\n\t} = props;\n\n\treturn (\n\t\t<BemRootNodeFC\n\t\t\tblock=\"kol-popover-button\"\n\t\t\tclass={props.class}\n\t\t\tref={ref}\n\t\t\tmodifiers={{\n\t\t\t\topen: popoverOpen,\n\t\t\t\tinline: inline === true,\n\t\t\t}}\n\t\t>\n\t\t\t<ButtonFC\n\t\t\t\taccessKey={accessKey}\n\t\t\t\tariaControls={popoverId}\n\t\t\t\tariaDescription={ariaDescription}\n\t\t\t\tariaDescriptionId={ariaDescriptionId}\n\t\t\t\tariaExpanded={popoverOpen ? 'true' : 'false'}\n\t\t\t\tariaHasPopup={ariaHasPopup}\n\t\t\t\tariaSelected={ariaSelected}\n\t\t\t\tcustomClass={customClass}\n\t\t\t\tdisabled={disabled}\n\t\t\t\thandleBlur={handleBlur}\n\t\t\t\thandleClick={handleClick}\n\t\t\t\thandleFocus={handleFocus}\n\t\t\t\thandleMouseDown={handleMouseDown}\n\t\t\t\thideLabel={hideLabel}\n\t\t\t\ticons={icons}\n\t\t\t\tid={id}\n\t\t\t\tinline={inline}\n\t\t\t\tlabel={label}\n\t\t\t\tname={name}\n\t\t\t\ton={on}\n\t\t\t\trefButton={refButton}\n\t\t\t\trefTooltip={refTooltip}\n\t\t\t\trole={role}\n\t\t\t\tshortKey={shortKey}\n\t\t\t\ttabIndex={tabIndex}\n\t\t\t\ttooltipAlign={tooltipAlign}\n\t\t\t\ttype={type}\n\t\t\t\tvariant={variant}\n\t\t\t/>\n\t\t\t<PopoverFC align={popoverAlign} class=\"kol-popover-button__popover\" id={popoverId} popoverRef={refPopover}>\n\t\t\t\t{children}\n\t\t\t</PopoverFC>\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"component-Ch6fss2f.js","sources":["src/internal/props/popover-align.ts","src/internal/functional-components/popover/api.tsx","src/internal/functional-components/popover/behavior.ts","src/internal/functional-components/popover/component.tsx","src/internal/functional-components/popover-button/component.tsx"],"sourcesContent":["import type { AlignPropType } from '../../schema/props/align-options';\nimport { createAlignPropDefinition } from './helpers/align';\nimport type { SimpleProp } from './helpers/factory';\n\n/**\n * Popover align prop.\n *\n * Same valid values as {@link alignProp} ('top' | 'right' | 'bottom' | 'left'); the default is\n * `'bottom'`, the documented default of `_popoverAlign`.\n */\nexport type PopoverAlignProp = SimpleProp<'popoverAlign', AlignPropType>;\n\nexport const popoverAlignProp = createAlignPropDefinition<PopoverAlignProp>('popoverAlign', 'bottom');\n","import { alignProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\nexport const popoverPropsConfig = {\n\toptional: [alignProp],\n} as const satisfies PropsConfigShape;\n\nexport type PopoverApi = ApiFromConfig<typeof popoverPropsConfig>;\n","import { autoUpdate } from '@floating-ui/dom';\nimport { alignFloatingElements } from '../../../utils/align-floating-elements';\nimport { alignProp } from '../../props';\nimport { BaseBehavior } from '../base-behavior';\nimport type { BehaviorInterface, ResolvedInputProps, StateAccess } from '../generic-types';\nimport type { PopoverApi } from './api';\nimport { popoverPropsConfig } from './api';\n\n/**\n * Shows and hides a native popover (`popover=\"auto\"`) and keeps it aligned to its trigger element\n * while it is open.\n *\n * The open state is not kept here: the native popover reports it through its `toggle` event, which\n * the composing web component listens to, so a light dismiss (Escape, click outside) is reflected\n * as well.\n */\nexport class PopoverBehavior extends BaseBehavior<PopoverApi> implements BehaviorInterface<PopoverApi> {\n\tprivate show = false;\n\tprivate popoverElement?: HTMLDivElement;\n\tprivate arrowElement?: HTMLDivElement;\n\tprivate triggerElement?: HTMLElement;\n\tprivate cleanupAutoUpdate?: () => void;\n\n\tpublic constructor(stateAccess: StateAccess<PopoverApi>) {\n\t\tsuper(stateAccess, popoverPropsConfig);\n\t}\n\n\tpublic componentWillLoad(props: ResolvedInputProps<PopoverApi>): void {\n\t\tthis.watchAlign(props.align);\n\t}\n\n\tpublic watchAlign(value?: string): void {\n\t\talignProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('align', v);\n\t\t});\n\t}\n\n\t/**\n\t * Opens or closes the popover. A popover element that is not connected yet is toggled in the next\n\t * animation frame, after the first render has attached it.\n\t */\n\tpublic setShow(value: boolean): void {\n\t\tthis.show = value;\n\t\tif (!this.popoverElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.popoverElement.isConnected) {\n\t\t\tthis.toggleVisibility();\n\t\t} else {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tthis.toggleVisibility();\n\t\t\t});\n\t\t}\n\t}\n\n\tpublic setPopoverElementRef = (element?: HTMLDivElement): void => {\n\t\tthis.popoverElement = element;\n\t\tthis.arrowElement = element?.querySelector('.kol-popover__arrow') as HTMLDivElement | undefined;\n\t};\n\n\tpublic setTriggerElement = (element?: HTMLElement): void => {\n\t\tthis.triggerElement = element;\n\t};\n\n\tpublic destroy(): void {\n\t\tthis.cleanupAutoUpdate?.();\n\t\tthis.cleanupAutoUpdate = undefined;\n\t\tthis.popoverElement = undefined;\n\t\tthis.arrowElement = undefined;\n\t\tthis.triggerElement = undefined;\n\t}\n\n\tprivate toggleVisibility(): void {\n\t\tif (!this.popoverElement) {\n\t\t\treturn;\n\t\t}\n\t\tconst isOpen = this.popoverElement.matches(':popover-open');\n\t\tif (this.show) {\n\t\t\tif (!isOpen) {\n\t\t\t\ttry {\n\t\t\t\t\tthis.popoverElement.showPopover();\n\t\t\t\t\tthis.setupAutoUpdate();\n\t\t\t\t\tvoid this.alignPopover();\n\t\t\t\t} catch {\n\t\t\t\t\t// Ignore DOMException if already open\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (isOpen) {\n\t\t\ttry {\n\t\t\t\tthis.popoverElement.hidePopover();\n\t\t\t\tthis.cleanupAutoUpdate?.();\n\t\t\t\tthis.cleanupAutoUpdate = undefined;\n\t\t\t} catch {\n\t\t\t\t// Ignore DOMException if already closed\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate alignPopover = async (): Promise<void> => {\n\t\tif (!this.popoverElement || !this.triggerElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tawait alignFloatingElements({\n\t\t\talign: this.getRenderProp('align'),\n\t\t\treferenceElement: this.triggerElement,\n\t\t\tarrowElement: this.arrowElement,\n\t\t\tfloatingElement: this.popoverElement,\n\t\t});\n\t};\n\n\tprivate setupAutoUpdate = (): void => {\n\t\tif (!this.popoverElement || !this.triggerElement || this.cleanupAutoUpdate) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.cleanupAutoUpdate = autoUpdate(this.triggerElement, this.popoverElement, () => {\n\t\t\tvoid this.alignPopover();\n\t\t});\n\t};\n}\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { PopoverApi } from './api';\n\nexport type PopoverFCProps = FunctionalComponentProps<PopoverApi> &\n\tJSXBase.HTMLAttributes<HTMLDivElement> & {\n\t\tpopoverRef?: (el?: HTMLDivElement) => void;\n\t\tarrowRef?: (el?: HTMLDivElement) => void;\n\t};\n\n/**\n * The popover content is the given children; without children, the default slot distributes the\n * light DOM of the surrounding web component.\n */\nexport const PopoverFC: FC<PopoverFCProps> = (props, children) => {\n\tconst { align = 'bottom', popoverRef, arrowRef, class: classNames, ...rest } = props;\n\n\treturn (\n\t\t<div {...rest} class={clsx('kol-popover', classNames)} ref={popoverRef} popover=\"auto\">\n\t\t\t<div class={clsx('kol-popover__arrow', `kol-popover__arrow--${align}`)} ref={arrowRef} />\n\t\t\t{children.length > 0 ? children : <slot />}\n\t\t</div>\n\t);\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport { ButtonFC } from '../button/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { PopoverFC } from '../popover/component';\nimport type { PopoverButtonApi } from './api';\n\nexport type PopoverButtonFCProps = FunctionalComponentProps<PopoverButtonApi> & {\n\t/** Ref of the `.kol-popover-button` root. */\n\tref?: (element?: HTMLElement) => void;\n};\n\n/**\n * Renders the popover toggle button and the popover as siblings inside a single BEM root.\n *\n * The root must stay an **ancestor** of the button: base and theme styles size the embedded\n * button and style the popover via descendant selectors (`.kol-popover-button--inline\n * .kol-button …`), so the classes cannot merge onto the `kol-button` node itself.\n *\n * The children become the popover content. Without children, the popover's default slot\n * distributes the light DOM of the surrounding web component.\n */\nexport const PopoverButtonFC: FC<PopoverButtonFCProps> = (props, children) => {\n\tconst {\n\t\taccessKey,\n\t\tariaDescription,\n\t\tariaDescriptionId,\n\t\tariaHasPopup,\n\t\tariaSelected,\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\ton,\n\t\tpopoverAlign,\n\t\tpopoverOpen,\n\t\tpopoverId,\n\t\tref,\n\t\trefButton,\n\t\trefPopover,\n\t\trefTooltip,\n\t\trole,\n\t\tshortKey,\n\t\ttabIndex,\n\t\ttooltipAlign,\n\t\ttype,\n\t\tvariant,\n\t} = props;\n\n\treturn (\n\t\t<BemRootNodeFC\n\t\t\tblock=\"kol-popover-button\"\n\t\t\tclass={props.class}\n\t\t\tref={ref}\n\t\t\tmodifiers={{\n\t\t\t\topen: popoverOpen,\n\t\t\t\tinline: inline === true,\n\t\t\t}}\n\t\t>\n\t\t\t<ButtonFC\n\t\t\t\taccessKey={accessKey}\n\t\t\t\tariaControls={popoverId}\n\t\t\t\tariaDescription={ariaDescription}\n\t\t\t\tariaDescriptionId={ariaDescriptionId}\n\t\t\t\tariaExpanded={popoverOpen ? 'true' : 'false'}\n\t\t\t\tariaHasPopup={ariaHasPopup}\n\t\t\t\tariaSelected={ariaSelected}\n\t\t\t\tcustomClass={customClass}\n\t\t\t\tdisabled={disabled}\n\t\t\t\thandleBlur={handleBlur}\n\t\t\t\thandleClick={handleClick}\n\t\t\t\thandleFocus={handleFocus}\n\t\t\t\thandleMouseDown={handleMouseDown}\n\t\t\t\thideLabel={hideLabel}\n\t\t\t\ticons={icons}\n\t\t\t\tid={id}\n\t\t\t\tinline={inline}\n\t\t\t\tlabel={label}\n\t\t\t\tname={name}\n\t\t\t\ton={on}\n\t\t\t\trefButton={refButton}\n\t\t\t\trefTooltip={refTooltip}\n\t\t\t\trole={role}\n\t\t\t\tshortKey={shortKey}\n\t\t\t\ttabIndex={tabIndex}\n\t\t\t\ttooltipAlign={tooltipAlign}\n\t\t\t\ttype={type}\n\t\t\t\tvariant={variant}\n\t\t\t/>\n\t\t\t<PopoverFC align={popoverAlign} class=\"kol-popover-button__popover\" id={popoverId} popoverRef={refPopover}>\n\t\t\t\t{children}\n\t\t\t</PopoverFC>\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":[],"mappings":"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"}

package/dist/kolibri/component-CmBM-Y1C.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a as e}from"./tslib.es6-QNbPBOk5.js";import{h as a}from"./index-DAKQV03B.js";import"./common-BqpMtheU.js";import{A as n,c as o}from"./component-sf_0WjJF.js";import{b as s}from"./bem-registry-CX5kvaqt.js";import{c as i}from"./clsx-COFh-Vc8.js";import{B as t}from"./component-DhBTawyT.js";import{S as r}from"./component-QCFfSS76.js";import{T as d}from"./component-CvhmYY4a.js";const l=s.forBlock("kol-button");const c=l("interactive-element");const p=l("text");const u=l("tooltip");const m=s=>{const{accessKey:l,ariaControls:m,ariaDescription:b,ariaDescriptionId:f,ariaExpanded:h,ariaHasPopup:x,ariaSelected:y,class:j,customClass:B,disabled:C,handleBlur:k,handleClick:D,handleFocus:F,handleMouseDown:T,hideLabel:v,icons:I,id:K,inline:g,label:S,name:w,refButton:M,refTooltip:A,role:L,shortKey:O,tabIndex:P,type:Q,variant:q}=s,E=e(s,["accessKey","ariaControls","ariaDescription","ariaDescriptionId","ariaExpanded","ariaHasPopup","ariaSelected","class","customClass","disabled","handleBlur","handleClick","handleFocus","handleMouseDown","hideLabel","icons","id","inline","label","name","refButton","refTooltip","role","shortKey","tabIndex","type","variant","on","tooltipAlign"]);const H=l||O;const V=S.length>0;const Y=b.trim().length>0;return a(t,Object.assign({block:"kol-button",class:i(j,{[o(q,"button")]:q.length>0,[B]:B.length>0}),modifiers:{disabled:C,"hide-label":v,inline:g===true,standalone:g===false}},E),a("button",{ref:M,accessKey:l||undefined,"aria-controls":m||undefined,"aria-describedby":Y?f:undefined,"aria-expanded":h||undefined,"aria-haspopup":x||undefined,"aria-keyshortcuts":O||undefined,"aria-label":v&&V?S:undefined,"aria-selected":y||undefined,class:c,disabled:C,id:K||undefined,name:w||undefined,onBlur:k,onClick:D,onFocus:F,onMouseDown:T,role:L||undefined,tabIndex:P,type:Q},a(r,{class:p,badgeText:H,icons:I,hideLabel:v,label:S},a("slot",{name:"expert",slot:"expert"}))),v&&V&&a("div",{class:u},a(d,{badgeText:H,label:S,refFloating:A})),Y&&a(n,{description:b,descriptionId:f}))};export{m as B};
+//# sourceMappingURL=component-CmBM-Y1C.js.map

package/dist/kolibri/{component-C3aqLFK2.js.map → component-CmBM-Y1C.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-C3aqLFK2.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":[],"mappings":";;;;;;;;;;;;;AAaA,MAAM,SAAS,GAAG,GAAG,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,GACJ,MAAA,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,QACC,CAAA,CAAC,aAAa,EAAA,MAAA,CAAA,MAAA,CAAA,EACb,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,IAAI,CAGV,SAAS,EACT;AACC,YAAA,CAAC,oBAAoB,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,EAER,CACC,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,EAEV,CAAC,CAAA,MAAM,IAAC,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAA,EAC5G,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAQ,CAAA,CACjC,CACD,EACR,SAAS,IAAI,YAAY,KACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,yBAAyB,EAAA,EACpC,CAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAA,CAAI,CACrE,CACN,EACA,kBAAkB,IAAI,CAAA,CAAC,qBAAqB,EAAA,EAAC,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,iBAAiB,EAAI,CAAA,CACjG;AAElB;;;;"}
+{"version":3,"file":"component-CmBM-Y1C.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":[],"mappings":";;;;;;;;;;;;;AAaA,MAAM,SAAS,GAAG,GAAG,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,GACJ,MAAA,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,QACC,CAAA,CAAC,aAAa,EAAA,MAAA,CAAA,MAAA,CAAA,EACb,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,IAAI,CAGV,SAAS,EACT;AACC,YAAA,CAAC,oBAAoB,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,EAER,CACC,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,EAEV,CAAC,CAAA,MAAM,IAAC,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAA,EAC5G,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAQ,CAAA,CACjC,CACD,EACR,SAAS,IAAI,YAAY,KACzB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,yBAAyB,EAAA,EACpC,CAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAA,CAAI,CACrE,CACN,EACA,kBAAkB,IAAI,CAAA,CAAC,qBAAqB,EAAA,EAAC,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,iBAAiB,EAAI,CAAA,CACjG;AAElB;;;;"}

package/dist/kolibri/component-CvhmYY4a.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as o}from"./index-DAKQV03B.js";import{S as t}from"./component-QCFfSS76.js";const l=({label:l,badgeText:e,id:i,refFloating:a})=>o("div",{class:"kol-tooltip__floating",hidden:l.length===0,ref:a},o("div",{class:"kol-tooltip__arrow"}),o(t,{class:"kol-tooltip__content",badgeText:e,id:i,label:l}));export{l as T};
+//# sourceMappingURL=component-CvhmYY4a.js.map

package/dist/kolibri/{component-xrrwVuiI.js.map → component-CvhmYY4a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-xrrwVuiI.js","sources":["src/internal/functional-components/tooltip/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport type { TooltipAlignPropType } from '../../../schema';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { SpanFC } from '../span/component';\nimport type { TooltipApi } from './api';\n\ntype TooltipFCProps = Pick<FunctionalComponentProps<TooltipApi>, 'label'> & {\n\tbadgeText?: string;\n\tid?: string;\n\talign?: TooltipAlignPropType;\n\trefFloating: (el?: HTMLDivElement) => void;\n};\n\nexport const TooltipFC: FC<TooltipFCProps> = ({ label, badgeText, id, refFloating }) => {\n\treturn (\n\t\t<div class=\"kol-tooltip__floating\" hidden={label.length === 0} ref={refFloating}>\n\t\t\t<div class=\"kol-tooltip__arrow\" />\n\t\t\t<SpanFC class=\"kol-tooltip__content\" badgeText={badgeText} id={id} label={label} />\n\t\t</div>\n\t);\n};\n"],"names":[],"mappings":";;;;;;AAeO,MAAM,SAAS,GAAuB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,KAAI;IACtF,QACC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,GAAG,EAAE,WAAW,EAAA,EAC9E,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAG,CAAA,EAClC,CAAC,CAAA,MAAM,IAAC,KAAK,EAAC,sBAAsB,EAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAI,CAAA,CAC9E;AAER;;;;"}
+{"version":3,"file":"component-CvhmYY4a.js","sources":["src/internal/functional-components/tooltip/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport type { TooltipAlignPropType } from '../../../schema';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { SpanFC } from '../span/component';\nimport type { TooltipApi } from './api';\n\ntype TooltipFCProps = Pick<FunctionalComponentProps<TooltipApi>, 'label'> & {\n\tbadgeText?: string;\n\tid?: string;\n\talign?: TooltipAlignPropType;\n\trefFloating: (el?: HTMLDivElement) => void;\n};\n\nexport const TooltipFC: FC<TooltipFCProps> = ({ label, badgeText, id, refFloating }) => {\n\treturn (\n\t\t<div class=\"kol-tooltip__floating\" hidden={label.length === 0} ref={refFloating}>\n\t\t\t<div class=\"kol-tooltip__arrow\" />\n\t\t\t<SpanFC class=\"kol-tooltip__content\" badgeText={badgeText} id={id} label={label} />\n\t\t</div>\n\t);\n};\n"],"names":[],"mappings":";;;;;;AAeO,MAAM,SAAS,GAAuB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,KAAI;IACtF,QACC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,GAAG,EAAE,WAAW,EAAA,EAC9E,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAG,CAAA,EAClC,CAAC,CAAA,MAAM,IAAC,KAAK,EAAC,sBAAsB,EAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAI,CAAA,CAC9E;AAER;;;;"}

package/dist/kolibri/component-D0iTurA_.js

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

package/dist/kolibri/{component-De6Do_gt.js.map → component-D0iTurA_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-De6Do_gt.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-D0iTurA_.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-BjH8s4-t.js → component-DKS73hKY.js}

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{a as s}from"./tslib.es6-QNbPBOk5.js";import{h as o}from"./index-DsCeQ9Ys.js";import{b as i}from"./bem-registry-CX5kvaqt.js";import{c as e}from"./clsx-COFh-Vc8.js";const n=i.forBlock("kol-icon");const r=n();const a=n("icon");const t=i=>{var{class:n,icons:t,label:c}=i,l=s(i,["class","icons","label"]);const m=(c===null||c===void 0?void 0:c.length)>0;return o("i",Object.assign({},l,{"aria-hidden":m?undefined:"true","aria-label":m?c:undefined,class:e(r,a,t,n),role:m?"img":"presentation"}))};export{t as I};
-//# sourceMappingURL=component-BjH8s4-t.js.map
+import{a as s}from"./tslib.es6-QNbPBOk5.js";import{h as o}from"./index-DAKQV03B.js";import{b as i}from"./bem-registry-CX5kvaqt.js";import{c as e}from"./clsx-COFh-Vc8.js";const n=i.forBlock("kol-icon");const r=n();const a=n("icon");const t=i=>{var{class:n,icons:t,label:c}=i,l=s(i,["class","icons","label"]);const m=(c===null||c===void 0?void 0:c.length)>0;return o("i",Object.assign({},l,{"aria-hidden":m?undefined:"true","aria-label":m?c:undefined,class:e(r,a,t,n),role:m?"img":"presentation"}))};export{t as I};
+//# sourceMappingURL=component-DKS73hKY.js.map

package/dist/{esm/component-BjH8s4-t.js.map → kolibri/component-DKS73hKY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-BjH8s4-t.js","sources":["src/internal/functional-components/icon/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { IconApi } from './api';\n\nconst iconBem = bem.forBlock('kol-icon');\nconst BEM_CLASS_ICON = iconBem();\nconst BEM_CLASS_ICON__ICON = iconBem('icon');\n\nexport const IconFC: FC<FunctionalComponentProps<IconApi>> = ({ class: classNames, icons, label, ...htmlAttributes }) => {\n\t// label is always a normalized string ('' when unset — see labelProp definition)\n\tconst hasAriaLabel = label?.length > 0;\n\treturn (\n\t\t<i\n\t\t\t{...htmlAttributes}\n\t\t\t/**\n\t\t\t * Die Auszeichnung `aria-hidden` ist eigentlich nicht erforderlich, da die aktuellen\n\t\t\t * Screenreader, wie NVDA und JAWS, es auch ohne `aria-hidden` nicht vorlesen.\n\t\t\t *\n\t\t\t * Referenz: https://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden\n\t\t\t */\n\t\t\taria-hidden={hasAriaLabel ? undefined : 'true'}\n\t\t\taria-label={hasAriaLabel ? label : undefined}\n\t\t\tclass={clsx(BEM_CLASS_ICON, BEM_CLASS_ICON__ICON, icons, classNames)}\n\t\t\trole={hasAriaLabel ? 'img' : 'presentation'}\n\t\t/>\n\t);\n};\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,cAAc,GAAG,OAAO,EAAE;AAChC,MAAM,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC;AAE/B,MAAA,MAAM,GAA0C,CAAC,EAAsD,KAAI;IAA1D,IAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAA,GAAA,EAAqB,EAAhB,cAAc,GAApD,MAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,OAAA,CAAsD,CAAF;IAEjH,MAAM,YAAY,GAAG,CAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,MAAA,GAAA,MAAA,GAAA,KAAK,CAAE,MAAM,IAAG,CAAC;AACtC,IAAA,QACC,yBACK,cAAc,EAAA,EAAA,aAAA,EAOL,YAAY,GAAG,SAAS,GAAG,MAAM,EAAA,YAAA,EAClC,YAAY,GAAG,KAAK,GAAG,SAAS,EAC5C,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,oBAAoB,EAAE,KAAK,EAAE,UAAU,CAAC,EACpE,IAAI,EAAE,YAAY,GAAG,KAAK,GAAG,cAAc,EAC1C,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"component-DKS73hKY.js","sources":["src/internal/functional-components/icon/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { IconApi } from './api';\n\nconst iconBem = bem.forBlock('kol-icon');\nconst BEM_CLASS_ICON = iconBem();\nconst BEM_CLASS_ICON__ICON = iconBem('icon');\n\nexport const IconFC: FC<FunctionalComponentProps<IconApi>> = ({ class: classNames, icons, label, ...htmlAttributes }) => {\n\t// label is always a normalized string ('' when unset — see labelProp definition)\n\tconst hasAriaLabel = label?.length > 0;\n\treturn (\n\t\t<i\n\t\t\t{...htmlAttributes}\n\t\t\t/**\n\t\t\t * Die Auszeichnung `aria-hidden` ist eigentlich nicht erforderlich, da die aktuellen\n\t\t\t * Screenreader, wie NVDA und JAWS, es auch ohne `aria-hidden` nicht vorlesen.\n\t\t\t *\n\t\t\t * Referenz: https://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden\n\t\t\t */\n\t\t\taria-hidden={hasAriaLabel ? undefined : 'true'}\n\t\t\taria-label={hasAriaLabel ? label : undefined}\n\t\t\tclass={clsx(BEM_CLASS_ICON, BEM_CLASS_ICON__ICON, icons, classNames)}\n\t\t\trole={hasAriaLabel ? 'img' : 'presentation'}\n\t\t/>\n\t);\n};\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,cAAc,GAAG,OAAO,EAAE;AAChC,MAAM,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC;AAE/B,MAAA,MAAM,GAA0C,CAAC,EAAsD,KAAI;IAA1D,IAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAA,GAAA,EAAqB,EAAhB,cAAc,GAApD,MAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,OAAA,CAAsD,CAAF;IAEjH,MAAM,YAAY,GAAG,CAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,MAAA,GAAA,MAAA,GAAA,KAAK,CAAE,MAAM,IAAG,CAAC;AACtC,IAAA,QACC,yBACK,cAAc,EAAA,EAAA,aAAA,EAOL,YAAY,GAAG,SAAS,GAAG,MAAM,EAAA,YAAA,EAClC,YAAY,GAAG,KAAK,GAAG,SAAS,EAC5C,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,oBAAoB,EAAE,KAAK,EAAE,UAAU,CAAC,EACpE,IAAI,EAAE,YAAY,GAAG,KAAK,GAAG,cAAc,EAC1C,CAAA,CAAA;AAEJ;;;;"}

package/dist/kolibri/component-DhBTawyT.js

@@ -0,0 +1,5 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a as s}from"./tslib.es6-QNbPBOk5.js";import{h as o}from"./index-DAKQV03B.js";import{c}from"./clsx-COFh-Vc8.js";import{g as r}from"./block-bem-DxQXsOt3.js";const t=(t,m)=>{var{block:i,modifiers:e,class:a,component:n="div"}=t,l=s(t,["block","modifiers","class","component"]);const b=r(i);const p=n;return o(p,Object.assign({class:c(b(e),a)},l),m)};export{t as B};
+//# sourceMappingURL=component-DhBTawyT.js.map

package/dist/kolibri/{component-BxKN0JbT.js.map → component-DhBTawyT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-BxKN0JbT.js","sources":["src/internal/functional-components/bem-root-node/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\n\nimport type { KoliBriComponentsBemSchema } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport type { BlockModifiers } from './block-bem';\nimport { getBlockBem } from './block-bem';\n\ntype FCChildren = Parameters<FC>[1];\n\ntype BemRootNodeFCProps<TBlock extends keyof KoliBriComponentsBemSchema> = {\n\t/**\n\t * BEM block name — must be a key registered in `KoliBriComponentsBemSchema`.\n\t * Constrains `modifiers` to the exact modifier set defined in `bem-registry.ts`.\n\t */\n\tblock: TBlock;\n\t/**\n\t * BEM block modifiers. Keys are validated against the schema (e.g. `'disabled'`, `'inline'`).\n\t * No `kol-link--` prefix needed — typed-bem adds it automatically.\n\t */\n\tmodifiers?: BlockModifiers<TBlock>;\n\t/**\n\t * Additional classes forwarded 1:1 from the FC tag onto the root node.\n\t * Typically the `class` prop received by the surrounding Functional Component\n\t * (i.e. the `class` attribute set by a parent component).\n\t */\n\tclass?: JSXBase.HTMLAttributes<HTMLElement>['class'];\n\t/**\n\t * Element of the root node, `div` by default. `abbr` is the abbreviation itself, `fieldset` groups\n\t * the options of a radio group, `label` wraps the native control of a checkbox or radio, `svg` is\n\t * the root of a graphic.\n\t */\n\tcomponent?: 'abbr' | 'div' | 'fieldset' | 'label' | 'svg';\n\t/** Native `disabled` attribute; only a `fieldset` root supports it. */\n\tdisabled?: boolean;\n} & Partial<Omit<JSXBase.HTMLAttributes<HTMLDivElement>, 'class'>> &\n\tPartial<Omit<JSXBase.SVGAttributes<SVGSVGElement>, 'class' | keyof JSXBase.HTMLAttributes<HTMLDivElement>>>;\n\n/**\n * Single-Root BEM wrapper for all Skeleton Functional Components.\n *\n * Responsibilities:\n * - Renders exactly one root node — a `<div>` unless `component` names another element —\n *   enforcing the Single-Root FC rule.\n * - Accepts a `block` name and typed `modifiers` from `KoliBriComponentsBemSchema`.\n * - Calls `bem.forBlock(block)(modifiers)` internally to generate the class string.\n * - Merges the result with the optional `class` prop.\n * - Forwards all remaining HTML attributes (`id`, `role`, `aria-*`, `ref`, …) onto the root\n *   node — legacy functional components spread these onto their root, and internal\n *   consumers (form, form-field-msg, toast-item) rely on that passthrough.\n *\n * Usage:\n * ```tsx\n * export const LinkFC: FC<LinkFCProps> = ({ ..., class: hostClass, disabled }, children) => (\n *   <BemRootNodeFC\n *     block=\"kol-link\"\n *     modifiers={{ disabled, 'external-link': isExternal }}\n *     class={hostClass}\n *   >\n *     <a class={linkBem('interactive-element')}>…</a>\n *   </BemRootNodeFC>\n * );\n * ```\n */\nexport const BemRootNodeFC = <TBlock extends keyof KoliBriComponentsBemSchema>(\n\t{ block, modifiers, class: hostClass, component: Component = 'div', ...rest }: BemRootNodeFCProps<TBlock>,\n\tchildren: FCChildren,\n) => {\n\tconst blockBem = getBlockBem(block);\n\t// The attributes are typed for a `div` plus the SVG attributes; `abbr`, `fieldset` and `label` accept the same global attributes, `fieldset` additionally `disabled`.\n\tconst Root = Component as 'div';\n\treturn (\n\t\t<Root class={clsx(blockBem(modifiers), hostClass)} {...rest}>\n\t\t\t{children}\n\t\t</Root>\n\t);\n};\n"],"names":[],"mappings":";;;;;;;;MAiEa,aAAa,GAAG,CAC5B,EAAyG,EACzG,QAAoB,KACjB;AAFH,IAAA,IAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAA,GAAA,EAAuC,EAAlC,IAAI,GAAA,MAAA,CAAA,EAAA,EAA3E,4CAA6E,CAAF;AAG3E,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC;IAEnC,MAAM,IAAI,GAAG,SAAkB;AAC/B,IAAA,QACC,EAAC,IAAI,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EAAA,EAAM,IAAI,CACzD,EAAA,QAAQ,CACH;AAET;;;;"}
+{"version":3,"file":"component-DhBTawyT.js","sources":["src/internal/functional-components/bem-root-node/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\n\nimport type { KoliBriComponentsBemSchema } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport type { BlockModifiers } from './block-bem';\nimport { getBlockBem } from './block-bem';\n\ntype FCChildren = Parameters<FC>[1];\n\ntype BemRootNodeFCProps<TBlock extends keyof KoliBriComponentsBemSchema> = {\n\t/**\n\t * BEM block name — must be a key registered in `KoliBriComponentsBemSchema`.\n\t * Constrains `modifiers` to the exact modifier set defined in `bem-registry.ts`.\n\t */\n\tblock: TBlock;\n\t/**\n\t * BEM block modifiers. Keys are validated against the schema (e.g. `'disabled'`, `'inline'`).\n\t * No `kol-link--` prefix needed — typed-bem adds it automatically.\n\t */\n\tmodifiers?: BlockModifiers<TBlock>;\n\t/**\n\t * Additional classes forwarded 1:1 from the FC tag onto the root node.\n\t * Typically the `class` prop received by the surrounding Functional Component\n\t * (i.e. the `class` attribute set by a parent component).\n\t */\n\tclass?: JSXBase.HTMLAttributes<HTMLElement>['class'];\n\t/**\n\t * Element of the root node, `div` by default. `abbr` is the abbreviation itself, `fieldset` groups\n\t * the options of a radio group, `label` wraps the native control of a checkbox or radio, `svg` is\n\t * the root of a graphic.\n\t */\n\tcomponent?: 'abbr' | 'div' | 'fieldset' | 'label' | 'svg';\n\t/** Native `disabled` attribute; only a `fieldset` root supports it. */\n\tdisabled?: boolean;\n} & Partial<Omit<JSXBase.HTMLAttributes<HTMLDivElement>, 'class'>> &\n\tPartial<Omit<JSXBase.SVGAttributes<SVGSVGElement>, 'class' | keyof JSXBase.HTMLAttributes<HTMLDivElement>>>;\n\n/**\n * Single-Root BEM wrapper for all Skeleton Functional Components.\n *\n * Responsibilities:\n * - Renders exactly one root node — a `<div>` unless `component` names another element —\n *   enforcing the Single-Root FC rule.\n * - Accepts a `block` name and typed `modifiers` from `KoliBriComponentsBemSchema`.\n * - Calls `bem.forBlock(block)(modifiers)` internally to generate the class string.\n * - Merges the result with the optional `class` prop.\n * - Forwards all remaining HTML attributes (`id`, `role`, `aria-*`, `ref`, …) onto the root\n *   node — legacy functional components spread these onto their root, and internal\n *   consumers (form, form-field-msg, toast-item) rely on that passthrough.\n *\n * Usage:\n * ```tsx\n * export const LinkFC: FC<LinkFCProps> = ({ ..., class: hostClass, disabled }, children) => (\n *   <BemRootNodeFC\n *     block=\"kol-link\"\n *     modifiers={{ disabled, 'external-link': isExternal }}\n *     class={hostClass}\n *   >\n *     <a class={linkBem('interactive-element')}>…</a>\n *   </BemRootNodeFC>\n * );\n * ```\n */\nexport const BemRootNodeFC = <TBlock extends keyof KoliBriComponentsBemSchema>(\n\t{ block, modifiers, class: hostClass, component: Component = 'div', ...rest }: BemRootNodeFCProps<TBlock>,\n\tchildren: FCChildren,\n) => {\n\tconst blockBem = getBlockBem(block);\n\t// The attributes are typed for a `div` plus the SVG attributes; `abbr`, `fieldset` and `label` accept the same global attributes, `fieldset` additionally `disabled`.\n\tconst Root = Component as 'div';\n\treturn (\n\t\t<Root class={clsx(blockBem(modifiers), hostClass)} {...rest}>\n\t\t\t{children}\n\t\t</Root>\n\t);\n};\n"],"names":[],"mappings":";;;;;;;;MAiEa,aAAa,GAAG,CAC5B,EAAyG,EACzG,QAAoB,KACjB;AAFH,IAAA,IAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAA,GAAA,EAAuC,EAAlC,IAAI,GAAA,MAAA,CAAA,EAAA,EAA3E,4CAA6E,CAAF;AAG3E,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC;IAEnC,MAAM,IAAI,GAAG,SAAkB;AAC/B,IAAA,QACC,EAAC,IAAI,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EAAA,EAAM,IAAI,CACzD,EAAA,QAAQ,CACH;AAET;;;;"}

package/dist/kolibri/{component-CWGVLsSH.js → component-G9vQ1mQA.js}

@@ -1,5 +1,5 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as s,F as n}from"./index-DsCeQ9Ys.js";import{t as a}from"./i18n-BaCf-SDK.js";import{b as e}from"./bem-registry-CX5kvaqt.js";import{B as r}from"./component-BxKN0JbT.js";const t=e.forBlock("kol-spin");const o=t("loader");const l=["1","2","3","neutral"];function i(n){switch(n){case"cycle":return s("span",{class:o});case"none":return s("slot",{name:"expert"});default:return l.map((n=>s("span",{class:t("spinner-element",{[n]:true})})))}}const c=e=>{const{show:o,label:l,variant:c}=e;return s(r,{block:"kol-spin"},o?s(n,null,s("span",{class:t("spinner",{[c]:true})},i(c)),s("span",{"aria-busy":"true",class:"visually-hidden",role:"alert"},l||a("kol-action-running"))):s("span",{"aria-busy":"false",class:"visually-hidden",role:"alert"},l||a("kol-action-done")))};export{c as S};
-//# sourceMappingURL=component-CWGVLsSH.js.map
+import{h as s,F as n}from"./index-DAKQV03B.js";import{t as a}from"./i18n-BaCf-SDK.js";import{b as e}from"./bem-registry-CX5kvaqt.js";import{B as r}from"./component-DhBTawyT.js";const t=e.forBlock("kol-spin");const o=t("loader");const l=["1","2","3","neutral"];function i(n){switch(n){case"cycle":return s("span",{class:o});case"none":return s("slot",{name:"expert"});default:return l.map((n=>s("span",{class:t("spinner-element",{[n]:true})})))}}const c=e=>{const{show:o,label:l,variant:c}=e;return s(r,{block:"kol-spin"},o?s(n,null,s("span",{class:t("spinner",{[c]:true})},i(c)),s("span",{"aria-busy":"true",class:"visually-hidden",role:"alert"},l||a("kol-action-running"))):s("span",{"aria-busy":"false",class:"visually-hidden",role:"alert"},l||a("kol-action-done")))};export{c as S};
+//# sourceMappingURL=component-G9vQ1mQA.js.map

package/dist/{esm/component-CWGVLsSH.js.map → kolibri/component-G9vQ1mQA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-CWGVLsSH.js","sources":["src/internal/functional-components/spin/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { Fragment, h } from '@stencil/core';\n\nimport { translate } from '../../../i18n';\nimport { bem } from '../../../schema/bem-registry';\nimport type { SpinVariantType } from '../../props';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { SpinApi } from './api';\n\nconst spinBem = bem.forBlock('kol-spin');\nconst BEM_CLASS_SPIN__LOADER = spinBem('loader');\nconst DOT_ELEMENTS = ['1', '2', '3', 'neutral'] as const;\n\nfunction renderSpinVariant(variant: SpinVariantType): unknown {\n\tswitch (variant) {\n\t\tcase 'cycle':\n\t\t\treturn <span class={BEM_CLASS_SPIN__LOADER}></span>;\n\t\tcase 'none':\n\t\t\treturn <slot name=\"expert\"></slot>;\n\t\tdefault:\n\t\t\treturn DOT_ELEMENTS.map((element) => <span class={spinBem('spinner-element', { [element]: true })}></span>);\n\t}\n}\n\nexport const SpinFC: FC<FunctionalComponentProps<SpinApi>> = (props) => {\n\tconst { show, label, variant } = props;\n\n\treturn (\n\t\t<BemRootNodeFC block=\"kol-spin\">\n\t\t\t{show ? (\n\t\t\t\t<Fragment>\n\t\t\t\t\t<span class={spinBem('spinner', { [variant]: true })}>{renderSpinVariant(variant)}</span>\n\t\t\t\t\t<span aria-busy=\"true\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t\t{label || translate('kol-action-running')}\n\t\t\t\t\t</span>\n\t\t\t\t</Fragment>\n\t\t\t) : (\n\t\t\t\t<span aria-busy=\"false\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t{label || translate('kol-action-done')}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,sBAAsB,GAAG,OAAO,CAAC,QAAQ,CAAC;AAChD,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,CAAU;AAExD,SAAS,iBAAiB,CAAC,OAAwB,EAAA;IAClD,QAAQ,OAAO;AACd,QAAA,KAAK,OAAO;YACX,OAAO,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,sBAAsB,GAAS;AACpD,QAAA,KAAK,MAAM;YACV,OAAO,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,GAAQ;AACnC,QAAA;AACC,YAAA,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAS,CAAA,CAAC;;AAE9G;AAEa,MAAA,MAAM,GAA0C,CAAC,KAAK,KAAI;IACtE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK;IAEtC,QACC,CAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAC,UAAU,EAC7B,EAAA,IAAI,IACJ,EAAC,QAAQ,EAAA,IAAA,EACR,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAA,EAAG,iBAAiB,CAAC,OAAO,CAAC,CAAQ,EACzF,CAAgB,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,MAAM,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAA,EACzD,KAAK,IAAI,SAAS,CAAC,oBAAoB,CAAC,CACnC,CACG,KAEX,CAAgB,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,OAAO,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAA,EAC1D,KAAK,IAAI,SAAS,CAAC,iBAAiB,CAAC,CAChC,CACP,CACc;AAElB;;;;"}
+{"version":3,"file":"component-G9vQ1mQA.js","sources":["src/internal/functional-components/spin/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { Fragment, h } from '@stencil/core';\n\nimport { translate } from '../../../i18n';\nimport { bem } from '../../../schema/bem-registry';\nimport type { SpinVariantType } from '../../props';\nimport { BemRootNodeFC } from '../bem-root-node/component';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { SpinApi } from './api';\n\nconst spinBem = bem.forBlock('kol-spin');\nconst BEM_CLASS_SPIN__LOADER = spinBem('loader');\nconst DOT_ELEMENTS = ['1', '2', '3', 'neutral'] as const;\n\nfunction renderSpinVariant(variant: SpinVariantType): unknown {\n\tswitch (variant) {\n\t\tcase 'cycle':\n\t\t\treturn <span class={BEM_CLASS_SPIN__LOADER}></span>;\n\t\tcase 'none':\n\t\t\treturn <slot name=\"expert\"></slot>;\n\t\tdefault:\n\t\t\treturn DOT_ELEMENTS.map((element) => <span class={spinBem('spinner-element', { [element]: true })}></span>);\n\t}\n}\n\nexport const SpinFC: FC<FunctionalComponentProps<SpinApi>> = (props) => {\n\tconst { show, label, variant } = props;\n\n\treturn (\n\t\t<BemRootNodeFC block=\"kol-spin\">\n\t\t\t{show ? (\n\t\t\t\t<Fragment>\n\t\t\t\t\t<span class={spinBem('spinner', { [variant]: true })}>{renderSpinVariant(variant)}</span>\n\t\t\t\t\t<span aria-busy=\"true\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t\t{label || translate('kol-action-running')}\n\t\t\t\t\t</span>\n\t\t\t\t</Fragment>\n\t\t\t) : (\n\t\t\t\t<span aria-busy=\"false\" class=\"visually-hidden\" role=\"alert\">\n\t\t\t\t\t{label || translate('kol-action-done')}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</BemRootNodeFC>\n\t);\n};\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,sBAAsB,GAAG,OAAO,CAAC,QAAQ,CAAC;AAChD,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,CAAU;AAExD,SAAS,iBAAiB,CAAC,OAAwB,EAAA;IAClD,QAAQ,OAAO;AACd,QAAA,KAAK,OAAO;YACX,OAAO,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,sBAAsB,GAAS;AACpD,QAAA,KAAK,MAAM;YACV,OAAO,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,GAAQ;AACnC,QAAA;AACC,YAAA,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAS,CAAA,CAAC;;AAE9G;AAEa,MAAA,MAAM,GAA0C,CAAC,KAAK,KAAI;IACtE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK;IAEtC,QACC,CAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAC,UAAU,EAC7B,EAAA,IAAI,IACJ,EAAC,QAAQ,EAAA,IAAA,EACR,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,OAAO,GAAG,IAAI,EAAE,CAAC,EAAA,EAAG,iBAAiB,CAAC,OAAO,CAAC,CAAQ,EACzF,CAAgB,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,MAAM,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAA,EACzD,KAAK,IAAI,SAAS,CAAC,oBAAoB,CAAC,CACnC,CACG,KAEX,CAAgB,CAAA,MAAA,EAAA,EAAA,WAAA,EAAA,OAAO,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,EAAA,EAC1D,KAAK,IAAI,SAAS,CAAC,iBAAiB,CAAC,CAChC,CACP,CACc;AAElB;;;;"}