import{type CSSResult,type TemplateResult}from'lit';export{DEFAULT_GEMSTONE,GEMSTONE_KEYS,GEMSTONES,}from'./gemstones-data.js';export type{GemstoneAccent,GemstoneKey}from'./gemstones-data.js'; /** The canonical faceted gemstone glyph used by `lr-swatch-picker mode="gemstone"`. `color` * defaults to `currentColor` so the glyph can inherit its fill from CSS `color` (matching the * `1em` sizing convention of `src/internal/icons.ts`) when a caller doesn't need a baked-in * literal fill. */ export declare function gemstoneGlyph(color?:string):TemplateResult; /** * The shared "selected" presentation for a rendered `gemstoneGlyph()` -- a looping brightness * shine plus a themeable coloured drop-shadow halo -- applied to any element carrying the * `data-lr-gemstone-selected` boolean attribute (typically the element wrapping the glyph, since * `filter`/`drop-shadow` follows the alpha shape of everything painted inside it regardless of * which ancestor carries the declaration). * * `lr-swatch-picker mode="gemstone"` sets this same attribute on its own checked swatch icon and * includes this exact stylesheet rather than keeping a private copy, so the two presentations * cannot drift. A consumer rendering the same glyph outside a picker -- for example a header * trigger button showing the currently selected accent, which opens the picker in a popover -- * gets the identical treatment by adding this export to their own component's `static styles` and * setting the attribute, with no need to fork the keyframes, the halo, or the reduced-motion rule. * * Genuinely stops the loop under `prefers-reduced-motion: reduce` (a hand-written * `animation: none`) rather than merely shortening it: the shared ambient duration token this * treatment defaults to already collapses to an imperceptibly fast, but still infinite, loop * under reduced motion, which is not the same as a stopped one. * * @cssprop [--lr-gemstone-selected-color=var(--lr-color-brand)] - Halo colour. * @cssprop [--lr-gemstone-selected-blur=var(--lr-size-0-5rem)] - Halo blur radius. * @cssprop [--lr-gemstone-selected-shine-duration=var(--lr-transition-ambient)] - Shine loop * duration. */ export declare const gemstoneSelectedGlyphStyles:CSSResult;