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

package/dist/cjs/{toggle-handler-CE-IOVjQ.js → toggle-handler-BzdKX5H6.js}

@@ -9,12 +9,12 @@ var baseWebComponent = require('./base-web-component-DK5Y-vq5.js');
 var disabled = require('./disabled-B8tOrtj_.js');
 var label = require('./label-DVnpZWVb.js');
 var open = require('./open-XeILuCji.js');
-var index = require('./index-DO9lYEcH.js');
-var Heading = require('./Heading-CmJwWzTx.js');
+var index = require('./index-Dv7OF9AY.js');
+var Heading = require('./Heading-DG2wWECB.js');
 var clsx = require('./clsx-Bm_HQUnh.js');
 var elementInteraction = require('./element-interaction-7FI_z19L.js');
 var blockBem = require('./block-bem-D7PDS6kC.js');
-var component = require('./component-BT9bnLTG.js');
+var component = require('./component-Bprn2Dws.js');
 var events = require('./events-PISRnO5c.js');
 
 const collapsibleCallbacksProp = baseWebComponent.createCallbacksPropDefinition();
@@ -104,6 +104,6 @@ exports.collapsibleCallbacksProp = collapsibleCallbacksProp;
 exports.collapsiblePropsConfig = collapsiblePropsConfig;
 exports.createCollapsibleOpenAnimation = createCollapsibleOpenAnimation;
 exports.createCollapsibleToggleHandler = createCollapsibleToggleHandler;
-//# sourceMappingURL=toggle-handler-CE-IOVjQ.js.map
+//# sourceMappingURL=toggle-handler-BzdKX5H6.js.map
 
-//# sourceMappingURL=toggle-handler-CE-IOVjQ.js.map
+//# sourceMappingURL=toggle-handler-BzdKX5H6.js.map

package/dist/cjs/{toggle-handler-CE-IOVjQ.js.map → toggle-handler-BzdKX5H6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toggle-handler-CE-IOVjQ.js","sources":["src/internal/props/collapsible-callbacks.ts","src/internal/functional-components/collapsible/api.tsx","src/internal/functional-components/collapsible/component.tsx","src/internal/functional-components/collapsible/open-animation.ts","src/internal/functional-components/collapsible/toggle-handler.ts"],"sourcesContent":["import type { CollapsibleCallbacksPropType } from '../../schema';\nimport type { SimpleProp } from './helpers/factory';\nimport { createCallbacksPropDefinition } from './helpers/factory';\n\nexport type CollapsibleCallbacksProp = SimpleProp<'on', CollapsibleCallbacksPropType<boolean>>;\n\n/**\n * Callbacks prop shared by `kol-accordion` and `kol-details` — both expose the same\n * `onClick`/`onToggle` pair on their heading toggle button.\n */\nexport const collapsibleCallbacksProp = createCallbacksPropDefinition<CollapsibleCallbacksPropType<boolean>>();\n","import type { IconsPropType, KolFocusOptions } from '../../../schema';\nimport { collapsibleCallbacksProp, disabledProp, labelProp, levelProp, openProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\n/**\n * Props configuration shared by the collapsible components (`kol-accordion`, `kol-details`).\n *\n * `label` is the only required prop. All others are optional.\n *\n * Notes on prop choices:\n * - `labelProp` (not `labelWithExpertSlotProp`): the label labels the toggle button and has no\n *   expert slot. It keeps the shared 2–80 character validation and accessibility hints.\n * - `openProp`: the toggle state. The public `_open` prop stays mutable and reflected on the web\n *   component; the render prop mirrors it for the functional component.\n */\nexport const collapsiblePropsConfig = {\n\toptional: [collapsibleCallbacksProp, disabledProp, levelProp, openProp],\n\trequired: [labelProp],\n} as const satisfies PropsConfigShape;\n\nexport type CollapsibleApi = ApiFromConfig<\n\ttypeof collapsiblePropsConfig,\n\t{\n\t\tCallbacks: {\n\t\t\t/**\n\t\t\t * Click handler bound to the `<summary>` element. Implemented by the web component,\n\t\t\t * which suppresses the user agent's own toggle (so the collapse can be animated), flips\n\t\t\t * the mutable `_open` prop and — delayed so the reflected attribute is already updated —\n\t\t\t * dispatches the custom `KolEvent.click`/`KolEvent.toggle` events on the host element\n\t\t\t * and invokes the consumer's `onClick`/`onToggle` callbacks.\n\t\t\t */\n\t\t\ttoggle: (event: MouseEvent) => void;\n\t\t};\n\t\tMethods: {\n\t\t\tclick: () => void;\n\t\t\tfocus: (options?: KolFocusOptions) => void;\n\t\t};\n\t\tRefs: {\n\t\t\t/** The `<summary>` element — the disclosure control `focus()` and `click()` delegate to. */\n\t\t\theadingButton: HTMLElement;\n\t\t};\n\t\tStates: {\n\t\t\t/**\n\t\t\t * DOM id of the collapsible content region, referenced by the summary's aria-controls\n\t\t\t * attribute. Derived once per web component instance.\n\t\t\t */\n\t\t\tcontrolId: string;\n\t\t\t/**\n\t\t\t * Whether the `open` attribute is set on `<details>`. Tracks {@link expanded}, except\n\t\t\t * while collapsing: the attribute has to outlive the class so the user agent keeps the\n\t\t\t * content rendered until the grid transition has finished.\n\t\t\t */\n\t\t\tdetailsOpen: boolean;\n\t\t\t/**\n\t\t\t * Whether the collapsible is visually expanded — drives the `--open` block modifier\n\t\t\t * and therefore the transition. Set one frame after {@link detailsOpen} when opening,\n\t\t\t * so the transition has a from-state to start from.\n\t\t\t */\n\t\t\texpanded: boolean;\n\t\t\t/**\n\t\t\t * DOM id of the heading toggle button, referenced by the content region's\n\t\t\t * aria-labelledby attribute. Derived once per web component instance.\n\t\t\t */\n\t\t\theadingId: string;\n\t\t\t/**\n\t\t\t * Duration of the open/close transition in milliseconds, from the theme's\n\t\t\t * `collapsibleTransitionMs` feature flag. Rendered as the CSS custom property\n\t\t\t * `--collapsible-transition-duration` on `<details>` so the stylesheet and the timer\n\t\t\t * that keeps the `open` attribute alive share one value.\n\t\t\t */\n\t\t\ttransitionMs: number;\n\t\t};\n\t}\n>;\n\n/**\n * The BEM blocks that render through `CollapsibleFC`.\n *\n * Both are registered in `schema/bem-registry.ts` with the identical element set\n * (`content`, `heading`, `wrapper`, `wrapper-animation`) and modifier set (`disabled`, `open`),\n * which is what lets one functional component serve both: `keyof` over the union of their maps is\n * still exactly those names.\n */\nexport type CollapsibleBlock = 'kol-accordion' | 'kol-details';\n\n/**\n * The per-component differences of the otherwise identical collapsible markup.\n *\n * These are neither public props nor component state, so they stay out of {@link CollapsibleApi}\n * and are passed as plain arguments by the rendering web component — the same way\n * `BemRootNodeFC` and `AriaDescriptionSpanFC` take their own local prop types.\n */\nexport type CollapsibleVariant = {\n\t/** BEM block of the rendering component. */\n\tblock: CollapsibleBlock;\n\t/**\n\t * Icon of the toggle control (`<summary>`). `kol-accordion` swaps it with the open state,\n\t * `kol-details` keeps one icon and rotates it via CSS.\n\t */\n\ticons: IconsPropType;\n\t/** Additional class on the content region — `kol-details` adds `indented-text`. */\n\tcontentClass?: string;\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport KolHeadingFc from '../../../functional-components/Heading/Heading';\nimport clsx from '../../../utils/clsx';\nimport { preventFocus } from '../../../utils/element-interaction';\nimport { getBlockBem } from '../bem-root-node/block-bem';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { SpanFC } from '../span/component';\nimport type { CollapsibleApi, CollapsibleVariant } from './api';\n\n/**\n * Renders a collapsible — `kol-accordion` and `kol-details` — on the native `<details>`/`<summary>`\n * elements.\n *\n * `<summary>` is the disclosure control: one tab stop, keyboard handling and the expanded state\n * come from the user agent. It has to be the first child of `<details>`, so the heading sits inside\n * the control; label and icon render through `SpanFC`.\n *\n * `level` is forwarded as `level ?? 0` because `KolHeadingFc` falls back to level 1 on `undefined`,\n * while the collapsible's own `_level` default is 0 — the bold `<strong>` rendering.\n *\n * `open` on `<details>` and the `--open` modifier are driven separately: the attribute has to be set\n * before the modifier flips so the grid transition has a from-state, and it has to outlive the\n * modifier on close so the collapse is visible. The web component owns that sequencing; the FC only\n * renders what it is told.\n */\nexport const CollapsibleFC: FC<FunctionalComponentProps<CollapsibleApi> & CollapsibleVariant> = (\n\t{ block, contentClass, controlId, detailsOpen, disabled, expanded, handleToggle, headingId, icons, label, level, refHeadingButton, transitionMs },\n\tchildren,\n) => {\n\tconst blockBem = getBlockBem(block);\n\n\treturn (\n\t\t<details\n\t\t\tclass={blockBem({\n\t\t\t\tdisabled: disabled === true,\n\t\t\t\topen: expanded === true,\n\t\t\t})}\n\t\t\topen={detailsOpen === true}\n\t\t\tstyle={{ '--collapsible-transition-duration': `${transitionMs}ms` }}\n\t\t>\n\t\t\t<summary\n\t\t\t\taria-controls={controlId}\n\t\t\t\taria-disabled={disabled === true ? 'true' : undefined}\n\t\t\t\tclass={blockBem('heading')}\n\t\t\t\tid={headingId}\n\t\t\t\tonClick={handleToggle}\n\t\t\t\tonMouseDown={disabled === true ? preventFocus : undefined}\n\t\t\t\tref={refHeadingButton}\n\t\t\t\ttabIndex={disabled === true ? -1 : undefined}\n\t\t\t>\n\t\t\t\t<KolHeadingFc level={level ?? 0}>\n\t\t\t\t\t<SpanFC icons={icons} label={label} />\n\t\t\t\t</KolHeadingFc>\n\t\t\t</summary>\n\t\t\t<div class={blockBem('wrapper')}>\n\t\t\t\t<div class={blockBem('wrapper-animation')}>\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-hidden={expanded === false ? 'true' : undefined}\n\t\t\t\t\t\taria-labelledby={headingId}\n\t\t\t\t\t\tclass={clsx(blockBem('content'), contentClass)}\n\t\t\t\t\t\tid={controlId}\n\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</details>\n\t);\n};\n","/**\n * Fallback duration of the open/close transition when the theme declares no\n * `collapsibleTransitionMs` feature flag. Mirrors the default of\n * `--collapsible-transition-duration` in `components/@shared/_collapsible.mixin.scss`.\n */\nexport const DEFAULT_COLLAPSIBLE_TRANSITION_MS = 300;\n\n/** Runs `callback` on the next frame; falls back to a macrotask where `requestAnimationFrame` is unavailable (SSR). */\nfunction onNextFrame(callback: () => void): () => void {\n\tif (typeof requestAnimationFrame === 'function') {\n\t\tconst handle = requestAnimationFrame(callback);\n\t\treturn () => cancelAnimationFrame(handle);\n\t}\n\tconst handle = setTimeout(callback, 0);\n\treturn () => clearTimeout(handle);\n}\n\nexport type CollapsibleOpenAnimationContext = {\n\t/** Duration of the CSS transition; the `open` attribute is kept on `<details>` until it has elapsed. */\n\tgetTransitionMs: () => number;\n\t/** Sets the `open` attribute on `<details>`. */\n\tsetDetailsOpen: (value: boolean) => void;\n\t/** Sets the `--open` block modifier, which drives the transition. */\n\tsetExpanded: (value: boolean) => void;\n};\n\nexport type CollapsibleOpenAnimation = {\n\t/**\n\t * Applies an open state to the two rendered flags.\n\t *\n\t * With `animate`, opening sets the `open` attribute first and the modifier one frame later — the\n\t * content is `display:none` while `<details>` is closed, so without that gap the transition has\n\t * no from-state and the panel snaps open. Collapsing does the reverse: the modifier goes first\n\t * and the attribute is removed once the transition has run.\n\t */\n\tsyncOpen: (open: boolean, animate: boolean) => void;\n\t/** Cancels pending frames and timers. Call from `disconnectedCallback`. */\n\tdispose: () => void;\n};\n\nexport function createCollapsibleOpenAnimation({ getTransitionMs, setDetailsOpen, setExpanded }: CollapsibleOpenAnimationContext): CollapsibleOpenAnimation {\n\tlet cancelPendingFrame: (() => void) | undefined;\n\tlet collapseTimeout: ReturnType<typeof setTimeout> | undefined;\n\n\tconst clearPending = (): void => {\n\t\tcancelPendingFrame?.();\n\t\tcancelPendingFrame = undefined;\n\t\tclearTimeout(collapseTimeout);\n\t\tcollapseTimeout = undefined;\n\t};\n\n\treturn {\n\t\tsyncOpen(open, animate) {\n\t\t\tclearPending();\n\n\t\t\tif (open) {\n\t\t\t\tsetDetailsOpen(true);\n\t\t\t\tif (animate) {\n\t\t\t\t\tcancelPendingFrame = onNextFrame(() => setExpanded(true));\n\t\t\t\t} else {\n\t\t\t\t\tsetExpanded(true);\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetExpanded(false);\n\t\t\tif (animate) {\n\t\t\t\tcollapseTimeout = setTimeout(() => setDetailsOpen(false), getTransitionMs());\n\t\t\t} else {\n\t\t\t\tsetDetailsOpen(false);\n\t\t\t}\n\t\t},\n\t\tdispose: clearPending,\n\t};\n}\n","import type { CollapsibleCallbacksPropType } from '../../../schema';\nimport { dispatchDomEvent, KolEvent } from '../../../utils/events';\n\n/**\n * Delay between flipping `_open` and announcing the new state.\n *\n * `_open` is declared `@Prop({ mutable: true, reflect: true })`, and Stencil writes the reflected\n * attribute asynchronously. Announcing synchronously would let a consumer callback read a stale\n * `_open` attribute off the host, so the announcement is deferred by one macrotask window.\n */\nconst ANNOUNCE_DELAY_MS = 25;\n\nexport type CollapsibleToggleContext = {\n\t/** The host element the DOM events are dispatched on. */\n\tgetHost: () => HTMLElement | undefined;\n\t/** The normalized `_on` render prop. Read at announce time so late assignments are picked up. */\n\tgetOn: () => CollapsibleCallbacksPropType<boolean>;\n\t/** Whether the collapsible currently refuses interaction. */\n\tisDisabled: () => boolean;\n\t/** The current normalized open state. */\n\tisOpen: () => boolean;\n\t/** Writes the component's mutable `_open` prop, which its watcher turns into rendered state. */\n\tsetOpen: (open: boolean) => void;\n};\n\n/**\n * Builds the `<summary>` click handler shared by `kol-accordion` and `kol-details`.\n *\n * The user agent's own toggle is suppressed: it flips `open` synchronously, which skips the\n * collapse transition and races the component's controlled state. Everything else follows the\n * native element — `<summary>` is still the focusable control, and Enter/Space arrive here as\n * clicks, so keyboard operation needs no extra handling.\n *\n * The new state is captured synchronously, before the deferred announcement, so two quick toggles\n * report their own value rather than the same final one twice.\n */\nexport function createCollapsibleToggleHandler({ getHost, getOn, isDisabled, isOpen, setOpen }: CollapsibleToggleContext): (event: MouseEvent) => void {\n\treturn (event: MouseEvent): void => {\n\t\tevent.preventDefault();\n\n\t\tif (isDisabled()) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst open = !isOpen();\n\t\tsetOpen(open);\n\n\t\tsetTimeout(() => {\n\t\t\tconst host = getHost();\n\t\t\tif (host) {\n\t\t\t\tdispatchDomEvent(host, KolEvent.click, open);\n\t\t\t\tdispatchDomEvent(host, KolEvent.toggle, open);\n\t\t\t}\n\n\t\t\tconst on = getOn();\n\t\t\ton.onClick?.(event, open);\n\t\t\ton.onToggle?.(event, open);\n\t\t}, ANNOUNCE_DELAY_MS);\n\t};\n}\n"],"names":["createCallbacksPropDefinition","disabledProp","levelProp","openProp","labelProp","blockBem","getBlockBem","h","preventFocus","KolHeadingFc","SpanFC","clsx","dispatchDomEvent","KolEvent"],"mappings":"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"}
+{"version":3,"file":"toggle-handler-BzdKX5H6.js","sources":["src/internal/props/collapsible-callbacks.ts","src/internal/functional-components/collapsible/api.tsx","src/internal/functional-components/collapsible/component.tsx","src/internal/functional-components/collapsible/open-animation.ts","src/internal/functional-components/collapsible/toggle-handler.ts"],"sourcesContent":["import type { CollapsibleCallbacksPropType } from '../../schema';\nimport type { SimpleProp } from './helpers/factory';\nimport { createCallbacksPropDefinition } from './helpers/factory';\n\nexport type CollapsibleCallbacksProp = SimpleProp<'on', CollapsibleCallbacksPropType<boolean>>;\n\n/**\n * Callbacks prop shared by `kol-accordion` and `kol-details` — both expose the same\n * `onClick`/`onToggle` pair on their heading toggle button.\n */\nexport const collapsibleCallbacksProp = createCallbacksPropDefinition<CollapsibleCallbacksPropType<boolean>>();\n","import type { IconsPropType, KolFocusOptions } from '../../../schema';\nimport { collapsibleCallbacksProp, disabledProp, labelProp, levelProp, openProp } from '../../props';\nimport type { ApiFromConfig, PropsConfigShape } from '../generic-types';\n\n/**\n * Props configuration shared by the collapsible components (`kol-accordion`, `kol-details`).\n *\n * `label` is the only required prop. All others are optional.\n *\n * Notes on prop choices:\n * - `labelProp` (not `labelWithExpertSlotProp`): the label labels the toggle button and has no\n *   expert slot. It keeps the shared 2–80 character validation and accessibility hints.\n * - `openProp`: the toggle state. The public `_open` prop stays mutable and reflected on the web\n *   component; the render prop mirrors it for the functional component.\n */\nexport const collapsiblePropsConfig = {\n\toptional: [collapsibleCallbacksProp, disabledProp, levelProp, openProp],\n\trequired: [labelProp],\n} as const satisfies PropsConfigShape;\n\nexport type CollapsibleApi = ApiFromConfig<\n\ttypeof collapsiblePropsConfig,\n\t{\n\t\tCallbacks: {\n\t\t\t/**\n\t\t\t * Click handler bound to the `<summary>` element. Implemented by the web component,\n\t\t\t * which suppresses the user agent's own toggle (so the collapse can be animated), flips\n\t\t\t * the mutable `_open` prop and — delayed so the reflected attribute is already updated —\n\t\t\t * dispatches the custom `KolEvent.click`/`KolEvent.toggle` events on the host element\n\t\t\t * and invokes the consumer's `onClick`/`onToggle` callbacks.\n\t\t\t */\n\t\t\ttoggle: (event: MouseEvent) => void;\n\t\t};\n\t\tMethods: {\n\t\t\tclick: () => void;\n\t\t\tfocus: (options?: KolFocusOptions) => void;\n\t\t};\n\t\tRefs: {\n\t\t\t/** The `<summary>` element — the disclosure control `focus()` and `click()` delegate to. */\n\t\t\theadingButton: HTMLElement;\n\t\t};\n\t\tStates: {\n\t\t\t/**\n\t\t\t * DOM id of the collapsible content region, referenced by the summary's aria-controls\n\t\t\t * attribute. Derived once per web component instance.\n\t\t\t */\n\t\t\tcontrolId: string;\n\t\t\t/**\n\t\t\t * Whether the `open` attribute is set on `<details>`. Tracks {@link expanded}, except\n\t\t\t * while collapsing: the attribute has to outlive the class so the user agent keeps the\n\t\t\t * content rendered until the grid transition has finished.\n\t\t\t */\n\t\t\tdetailsOpen: boolean;\n\t\t\t/**\n\t\t\t * Whether the collapsible is visually expanded — drives the `--open` block modifier\n\t\t\t * and therefore the transition. Set one frame after {@link detailsOpen} when opening,\n\t\t\t * so the transition has a from-state to start from.\n\t\t\t */\n\t\t\texpanded: boolean;\n\t\t\t/**\n\t\t\t * DOM id of the heading toggle button, referenced by the content region's\n\t\t\t * aria-labelledby attribute. Derived once per web component instance.\n\t\t\t */\n\t\t\theadingId: string;\n\t\t\t/**\n\t\t\t * Duration of the open/close transition in milliseconds, from the theme's\n\t\t\t * `collapsibleTransitionMs` feature flag. Rendered as the CSS custom property\n\t\t\t * `--collapsible-transition-duration` on `<details>` so the stylesheet and the timer\n\t\t\t * that keeps the `open` attribute alive share one value.\n\t\t\t */\n\t\t\ttransitionMs: number;\n\t\t};\n\t}\n>;\n\n/**\n * The BEM blocks that render through `CollapsibleFC`.\n *\n * Both are registered in `schema/bem-registry.ts` with the identical element set\n * (`content`, `heading`, `wrapper`, `wrapper-animation`) and modifier set (`disabled`, `open`),\n * which is what lets one functional component serve both: `keyof` over the union of their maps is\n * still exactly those names.\n */\nexport type CollapsibleBlock = 'kol-accordion' | 'kol-details';\n\n/**\n * The per-component differences of the otherwise identical collapsible markup.\n *\n * These are neither public props nor component state, so they stay out of {@link CollapsibleApi}\n * and are passed as plain arguments by the rendering web component — the same way\n * `BemRootNodeFC` and `AriaDescriptionSpanFC` take their own local prop types.\n */\nexport type CollapsibleVariant = {\n\t/** BEM block of the rendering component. */\n\tblock: CollapsibleBlock;\n\t/**\n\t * Icon of the toggle control (`<summary>`). `kol-accordion` swaps it with the open state,\n\t * `kol-details` keeps one icon and rotates it via CSS.\n\t */\n\ticons: IconsPropType;\n\t/** Additional class on the content region — `kol-details` adds `indented-text`. */\n\tcontentClass?: string;\n};\n","import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport KolHeadingFc from '../../../functional-components/Heading/Heading';\nimport clsx from '../../../utils/clsx';\nimport { preventFocus } from '../../../utils/element-interaction';\nimport { getBlockBem } from '../bem-root-node/block-bem';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { SpanFC } from '../span/component';\nimport type { CollapsibleApi, CollapsibleVariant } from './api';\n\n/**\n * Renders a collapsible — `kol-accordion` and `kol-details` — on the native `<details>`/`<summary>`\n * elements.\n *\n * `<summary>` is the disclosure control: one tab stop, keyboard handling and the expanded state\n * come from the user agent. It has to be the first child of `<details>`, so the heading sits inside\n * the control; label and icon render through `SpanFC`.\n *\n * `level` is forwarded as `level ?? 0` because `KolHeadingFc` falls back to level 1 on `undefined`,\n * while the collapsible's own `_level` default is 0 — the bold `<strong>` rendering.\n *\n * `open` on `<details>` and the `--open` modifier are driven separately: the attribute has to be set\n * before the modifier flips so the grid transition has a from-state, and it has to outlive the\n * modifier on close so the collapse is visible. The web component owns that sequencing; the FC only\n * renders what it is told.\n */\nexport const CollapsibleFC: FC<FunctionalComponentProps<CollapsibleApi> & CollapsibleVariant> = (\n\t{ block, contentClass, controlId, detailsOpen, disabled, expanded, handleToggle, headingId, icons, label, level, refHeadingButton, transitionMs },\n\tchildren,\n) => {\n\tconst blockBem = getBlockBem(block);\n\n\treturn (\n\t\t<details\n\t\t\tclass={blockBem({\n\t\t\t\tdisabled: disabled === true,\n\t\t\t\topen: expanded === true,\n\t\t\t})}\n\t\t\topen={detailsOpen === true}\n\t\t\tstyle={{ '--collapsible-transition-duration': `${transitionMs}ms` }}\n\t\t>\n\t\t\t<summary\n\t\t\t\taria-controls={controlId}\n\t\t\t\taria-disabled={disabled === true ? 'true' : undefined}\n\t\t\t\tclass={blockBem('heading')}\n\t\t\t\tid={headingId}\n\t\t\t\tonClick={handleToggle}\n\t\t\t\tonMouseDown={disabled === true ? preventFocus : undefined}\n\t\t\t\tref={refHeadingButton}\n\t\t\t\ttabIndex={disabled === true ? -1 : undefined}\n\t\t\t>\n\t\t\t\t<KolHeadingFc level={level ?? 0}>\n\t\t\t\t\t<SpanFC icons={icons} label={label} />\n\t\t\t\t</KolHeadingFc>\n\t\t\t</summary>\n\t\t\t<div class={blockBem('wrapper')}>\n\t\t\t\t<div class={blockBem('wrapper-animation')}>\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-hidden={expanded === false ? 'true' : undefined}\n\t\t\t\t\t\taria-labelledby={headingId}\n\t\t\t\t\t\tclass={clsx(blockBem('content'), contentClass)}\n\t\t\t\t\t\tid={controlId}\n\t\t\t\t\t\trole=\"region\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</details>\n\t);\n};\n","/**\n * Fallback duration of the open/close transition when the theme declares no\n * `collapsibleTransitionMs` feature flag. Mirrors the default of\n * `--collapsible-transition-duration` in `components/@shared/_collapsible.mixin.scss`.\n */\nexport const DEFAULT_COLLAPSIBLE_TRANSITION_MS = 300;\n\n/** Runs `callback` on the next frame; falls back to a macrotask where `requestAnimationFrame` is unavailable (SSR). */\nfunction onNextFrame(callback: () => void): () => void {\n\tif (typeof requestAnimationFrame === 'function') {\n\t\tconst handle = requestAnimationFrame(callback);\n\t\treturn () => cancelAnimationFrame(handle);\n\t}\n\tconst handle = setTimeout(callback, 0);\n\treturn () => clearTimeout(handle);\n}\n\nexport type CollapsibleOpenAnimationContext = {\n\t/** Duration of the CSS transition; the `open` attribute is kept on `<details>` until it has elapsed. */\n\tgetTransitionMs: () => number;\n\t/** Sets the `open` attribute on `<details>`. */\n\tsetDetailsOpen: (value: boolean) => void;\n\t/** Sets the `--open` block modifier, which drives the transition. */\n\tsetExpanded: (value: boolean) => void;\n};\n\nexport type CollapsibleOpenAnimation = {\n\t/**\n\t * Applies an open state to the two rendered flags.\n\t *\n\t * With `animate`, opening sets the `open` attribute first and the modifier one frame later — the\n\t * content is `display:none` while `<details>` is closed, so without that gap the transition has\n\t * no from-state and the panel snaps open. Collapsing does the reverse: the modifier goes first\n\t * and the attribute is removed once the transition has run.\n\t */\n\tsyncOpen: (open: boolean, animate: boolean) => void;\n\t/** Cancels pending frames and timers. Call from `disconnectedCallback`. */\n\tdispose: () => void;\n};\n\nexport function createCollapsibleOpenAnimation({ getTransitionMs, setDetailsOpen, setExpanded }: CollapsibleOpenAnimationContext): CollapsibleOpenAnimation {\n\tlet cancelPendingFrame: (() => void) | undefined;\n\tlet collapseTimeout: ReturnType<typeof setTimeout> | undefined;\n\n\tconst clearPending = (): void => {\n\t\tcancelPendingFrame?.();\n\t\tcancelPendingFrame = undefined;\n\t\tclearTimeout(collapseTimeout);\n\t\tcollapseTimeout = undefined;\n\t};\n\n\treturn {\n\t\tsyncOpen(open, animate) {\n\t\t\tclearPending();\n\n\t\t\tif (open) {\n\t\t\t\tsetDetailsOpen(true);\n\t\t\t\tif (animate) {\n\t\t\t\t\tcancelPendingFrame = onNextFrame(() => setExpanded(true));\n\t\t\t\t} else {\n\t\t\t\t\tsetExpanded(true);\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetExpanded(false);\n\t\t\tif (animate) {\n\t\t\t\tcollapseTimeout = setTimeout(() => setDetailsOpen(false), getTransitionMs());\n\t\t\t} else {\n\t\t\t\tsetDetailsOpen(false);\n\t\t\t}\n\t\t},\n\t\tdispose: clearPending,\n\t};\n}\n","import type { CollapsibleCallbacksPropType } from '../../../schema';\nimport { dispatchDomEvent, KolEvent } from '../../../utils/events';\n\n/**\n * Delay between flipping `_open` and announcing the new state.\n *\n * `_open` is declared `@Prop({ mutable: true, reflect: true })`, and Stencil writes the reflected\n * attribute asynchronously. Announcing synchronously would let a consumer callback read a stale\n * `_open` attribute off the host, so the announcement is deferred by one macrotask window.\n */\nconst ANNOUNCE_DELAY_MS = 25;\n\nexport type CollapsibleToggleContext = {\n\t/** The host element the DOM events are dispatched on. */\n\tgetHost: () => HTMLElement | undefined;\n\t/** The normalized `_on` render prop. Read at announce time so late assignments are picked up. */\n\tgetOn: () => CollapsibleCallbacksPropType<boolean>;\n\t/** Whether the collapsible currently refuses interaction. */\n\tisDisabled: () => boolean;\n\t/** The current normalized open state. */\n\tisOpen: () => boolean;\n\t/** Writes the component's mutable `_open` prop, which its watcher turns into rendered state. */\n\tsetOpen: (open: boolean) => void;\n};\n\n/**\n * Builds the `<summary>` click handler shared by `kol-accordion` and `kol-details`.\n *\n * The user agent's own toggle is suppressed: it flips `open` synchronously, which skips the\n * collapse transition and races the component's controlled state. Everything else follows the\n * native element — `<summary>` is still the focusable control, and Enter/Space arrive here as\n * clicks, so keyboard operation needs no extra handling.\n *\n * The new state is captured synchronously, before the deferred announcement, so two quick toggles\n * report their own value rather than the same final one twice.\n */\nexport function createCollapsibleToggleHandler({ getHost, getOn, isDisabled, isOpen, setOpen }: CollapsibleToggleContext): (event: MouseEvent) => void {\n\treturn (event: MouseEvent): void => {\n\t\tevent.preventDefault();\n\n\t\tif (isDisabled()) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst open = !isOpen();\n\t\tsetOpen(open);\n\n\t\tsetTimeout(() => {\n\t\t\tconst host = getHost();\n\t\t\tif (host) {\n\t\t\t\tdispatchDomEvent(host, KolEvent.click, open);\n\t\t\t\tdispatchDomEvent(host, KolEvent.toggle, open);\n\t\t\t}\n\n\t\t\tconst on = getOn();\n\t\t\ton.onClick?.(event, open);\n\t\t\ton.onToggle?.(event, open);\n\t\t}, ANNOUNCE_DELAY_MS);\n\t};\n}\n"],"names":["createCallbacksPropDefinition","disabledProp","levelProp","openProp","labelProp","blockBem","getBlockBem","h","preventFocus","KolHeadingFc","SpanFC","clsx","dispatchDomEvent","KolEvent"],"mappings":"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"}

package/dist/collection/components/accordion/style.css

@@ -294,8 +294,8 @@
  */
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/alert/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/badge/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/breadcrumb/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/button/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/button-link/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/card/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/combobox/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/details/style.css

@@ -294,8 +294,8 @@
  */
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/dialog/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/drawer/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/form/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/icon/style.css

@@ -1,7 +1,7 @@
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-checkbox/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-color/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-date/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-email/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-file/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-number/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-password/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-radio/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-range/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/input-text/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/link/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/link-button/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/modal/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/nav/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/pagination/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/popover-button/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/select/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/single-select/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/skip-nav/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/split-button/style.css

@@ -281,8 +281,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/table-stateful/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/table-stateless/style.css

@@ -286,8 +286,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791283887610"); /* IE9*/
-  src: url("kolicons.eot?t=1791283887610#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791283887610") format("woff2"), url("kolicons.woff?t=1791283887610") format("woff"), url("kolicons.ttf?t=1791283887610") format("truetype"), url("kolicons.svg?t=1791283887610#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791294643544"); /* IE9*/
+  src: url("kolicons.eot?t=1791294643544#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791294643544") format("woff2"), url("kolicons.woff?t=1791294643544") format("woff"), url("kolicons.ttf?t=1791294643544") format("truetype"), url("kolicons.svg?t=1791294643544#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {