@mhmo91/schmancy 0.7.6 → 0.8.3

package/dist/icon-button-BpmGFjaR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-BpmGFjaR.cjs","sources":["../src/button/button.ts","../src/button/icon-button.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\n\nexport interface SchmancyButtonEventMap {\n\tSchmancyFocus: CustomEvent<void>\n\tSchmancyBlur: CustomEvent<void>\n}\n\nexport type ButtonVariant = 'elevated' | 'filled' | 'filled tonal' | 'tonal' | 'outlined' | 'text'\nexport type ButtonColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'neutral'\n\n/**\n * A button component.\n * @element schmancy-button\n * @slot - The default slot.\n * @slot prefix - The prefix slot.\n * @slot suffix - The suffix slot.\n */\n@customElement('schmancy-button')\nexport class SchmancyButton extends $LitElement(\n\tcss`:host{\n\t\tdisplay: inline-block;\n\t\tmin-width: fit-content;\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t\ttouch-action: manipulation;\n\t}\n\t:host *,\n\t* {\n\t\ttouch-action: manipulation;\n\t}`\n) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t/**\n\t * The variant of the button.\n\t * @attr\n\t * @default 'text'\n\t * @public\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The color of the button.\n\t * @attr\n\t * @default Depends on variant: 'primary' for filled/elevated/outlined/text, 'secondary' for tonal\n\t * @public\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic color?: ButtonColor\n\n\t/**\n\t * The width of the button.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t * @public\n\t */\n\t@property()\n\tpublic width: 'full' | 'auto' = 'auto'\n\n\t/**\n\t * The size of the button.\n\t * @attr\n\t * @type {'xxs' | 'xs' | 'sm' | 'md' | 'lg'}\n\t * @default 'md'\n\t * @public\n\t */\n\t@property({ type: String })\n\tpublic size: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' = 'md'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\n\t * @attr\n\t */\n\t@property()\n\tpublic href?: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t@queryAssignedElements({\n\t\tslot: 'prefix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate prefixImgs!: HTMLImageElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'suffix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate suffixImgs!: HTMLImageElement[]\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\t/**\n\t * Get the effective color based on variant if not explicitly set\n\t * M3 spec: filled = primary, tonal = secondary, others = primary\n\t */\n\tprotected get effectiveColor(): ButtonColor {\n\t\tif (this.color) return this.color\n\n\t\t// Map 'tonal' to 'filled tonal' for checking\n\t\tconst effectiveVariant = this.variant === 'tonal' ? 'filled tonal' : this.variant\n\n\t\t// M3 defaults: tonal uses secondary, others use primary\n\t\treturn effectiveVariant === 'filled tonal' ? 'secondary' : 'primary'\n\t}\n\n\tprotected get imgClasses(): string[] {\n\t\t// M3 spec: icon sizes scale with button size\n\t\tconst sizeMap = {\n\t\t\txxs: 'w-3 h-3',    // 12px for 24px button (ultra-compact)\n\t\t\txs: 'w-4 h-4',     // 16px for 32px button (M3 dense)\n\t\t\tsm: 'w-5 h-5',     // 20px for 40px button (M3 default)\n\t\t\tmd: 'w-6 h-6',     // 24px for 48px button (M3 large)\n\t\t\tlg: 'w-7 h-7'      // 28px for 56px button (M3 extra large)\n\t\t}\n\t\treturn [sizeMap[this.size], 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\t// Add image classes and ensure decorative images have an empty alt.\n\t\tthis.prefixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t\tthis.suffixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\trender() {\n\t\t// Map 'tonal' variant to 'filled tonal' for backwards compatibility\n\t\tconst effectiveVariant = this.variant === 'tonal' ? 'filled tonal' : this.variant;\n\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 transition-all duration-200 relative rounded-full inline-flex justify-center items-center outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden w-[inherit] overflow-hidden':\n\t\t\t\ttrue,\n\t\t\t// Height - M3 spec: 24dp (xxs) → 32dp (dense) → 40dp (default) → 48dp (large) → 56dp (XL)\n\t\t\t'h-6': this.size === 'xxs',   // 24px - Ultra-compact\n\t\t\t'h-8': this.size === 'xs',    // 32px - M3 dense/compact\n\t\t\t'h-10': this.size === 'sm',   // 40px - M3 default\n\t\t\t'h-12': this.size === 'md',   // 48px - M3 large\n\t\t\t'h-14': this.size === 'lg',   // 56px - M3 extra large\n\t\t\t// Padding - M3 spec: horizontal padding 24dp default, scaled proportionally\n\t\t\t'py-1 px-2': this.size === 'xxs',    // 4px/8px for 24px height\n\t\t\t'py-2 px-4': this.size === 'xs',     // 8px/16px for 32px height\n\t\t\t'py-2.5 px-5': this.size === 'sm',   // 10px/20px for 40px height\n\t\t\t'py-3 px-6': this.size === 'md',     // 12px/24px for 48px height (M3 default)\n\t\t\t'py-4 px-7': this.size === 'lg',     // 16px/28px for 56px height\n\t\t\t// Typography - M3 spec: label-large (14px) default, scaled\n\t\t\t'text-[10px] font-medium leading-3': this.size === 'xxs', // 10px\n\t\t\t'text-xs font-medium leading-4': this.size === 'xs',   // 12px\n\t\t\t'text-sm font-medium leading-5': this.size === 'sm' || this.size === 'md',   // 14px - M3 label-large\n\t\t\t'text-base font-medium leading-6': this.size === 'lg', // 16px\n\t\t\t// Letter spacing - M3 spec\n\t\t\t'tracking-[0.1px]': true,\n\t\t\t// Gap - Scaled with size\n\t\t\t'gap-0.5': this.size === 'xxs', // 2px\n\t\t\t'gap-1': this.size === 'xs',    // 4px\n\t\t\t'gap-1.5': this.size === 'sm',  // 6px\n\t\t\t'gap-2': this.size === 'md',    // 8px\n\t\t\t'gap-2.5': this.size === 'lg',  // 10px\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'hover:shadow-sm': !this.disabled && effectiveVariant === 'elevated',\n\t\t\t'w-full tex-center': this.width === 'full',\n\t\t\t// Elevated variant\n\t\t\t'bg-surface-low shadow-xs': effectiveVariant === 'elevated',\n\t\t\t// Outlined variant\n\t\t\t'bg-transparent border-1 border-solid': effectiveVariant === 'outlined',\n\t\t\t'border-outline': effectiveVariant === 'outlined' && this.effectiveColor === 'primary',\n\t\t\t'border-success-default': effectiveVariant === 'outlined' && this.effectiveColor === 'success',\n\t\t\t'border-error-default': effectiveVariant === 'outlined' && this.effectiveColor === 'error',\n\t\t\t'border-warning-default': effectiveVariant === 'outlined' && this.effectiveColor === 'warning',\n\t\t\t'border-info-default': effectiveVariant === 'outlined' && this.effectiveColor === 'info',\n\t\t\t'border-secondary-default': effectiveVariant === 'outlined' && this.effectiveColor === 'secondary',\n\t\t\t'border-outline-variant': effectiveVariant === 'outlined' && this.effectiveColor === 'neutral',\n\t\t\t// Filled variant - background colors\n\t\t\t'bg-primary-default': effectiveVariant === 'filled' && this.effectiveColor === 'primary',\n\t\t\t'bg-secondary-default': effectiveVariant === 'filled' && this.effectiveColor === 'secondary',\n\t\t\t'bg-success-default': effectiveVariant === 'filled' && this.effectiveColor === 'success',\n\t\t\t'bg-error-default': effectiveVariant === 'filled' && this.effectiveColor === 'error',\n\t\t\t'bg-warning-default': effectiveVariant === 'filled' && this.effectiveColor === 'warning',\n\t\t\t'bg-info-default': effectiveVariant === 'filled' && this.effectiveColor === 'info',\n\t\t\t'bg-surface-containerHighest': effectiveVariant === 'filled' && this.effectiveColor === 'neutral',\n\t\t\t// Filled variant - text colors\n\t\t\t'text-primary-on': effectiveVariant === 'filled' && this.effectiveColor === 'primary',\n\t\t\t'text-secondary-on': effectiveVariant === 'filled' && this.effectiveColor === 'secondary',\n\t\t\t'text-success-on': effectiveVariant === 'filled' && this.effectiveColor === 'success',\n\t\t\t'text-error-on': effectiveVariant === 'filled' && this.effectiveColor === 'error',\n\t\t\t'text-warning-on': effectiveVariant === 'filled' && this.effectiveColor === 'warning',\n\t\t\t'text-info-on': effectiveVariant === 'filled' && this.effectiveColor === 'info',\n\t\t\t'text-surface-on': effectiveVariant === 'filled' && this.effectiveColor === 'neutral',\n\t\t\t// Filled tonal variant - background colors\n\t\t\t'bg-primary-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'primary',\n\t\t\t'bg-secondary-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'secondary',\n\t\t\t'bg-success-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'success',\n\t\t\t'bg-error-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'error',\n\t\t\t'bg-warning-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'warning',\n\t\t\t'bg-info-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'info',\n\t\t\t'bg-surface-containerLow': effectiveVariant === 'filled tonal' && this.effectiveColor === 'neutral',\n\t\t\t// Filled tonal variant - text colors\n\t\t\t'text-primary-onContainer': effectiveVariant === 'filled tonal' && this.effectiveColor === 'primary',\n\t\t\t'text-secondary-onContainer': effectiveVariant === 'filled tonal' && this.effectiveColor === 'secondary',\n\t\t\t'text-success-onContainer': effectiveVariant === 'filled tonal' && this.effectiveColor === 'success',\n\t\t\t'text-error-onContainer': effectiveVariant === 'filled tonal' && this.effectiveColor === 'error',\n\t\t\t'text-warning-onContainer': effectiveVariant === 'filled tonal' && this.effectiveColor === 'warning',\n\t\t\t'text-info-onContainer': effectiveVariant === 'filled tonal' && this.effectiveColor === 'info',\n\t\t\t// Text and elevated variants - text colors\n\t\t\t'text-primary-default': (effectiveVariant === 'text' || effectiveVariant === 'elevated' || effectiveVariant === 'outlined') && this.effectiveColor === 'primary',\n\t\t\t'text-secondary-default': (effectiveVariant === 'text' || effectiveVariant === 'elevated' || effectiveVariant === 'outlined') && this.effectiveColor === 'secondary',\n\t\t\t'text-success-default': (effectiveVariant === 'text' || effectiveVariant === 'elevated' || effectiveVariant === 'outlined') && this.effectiveColor === 'success',\n\t\t\t'text-error-default': (effectiveVariant === 'text' || effectiveVariant === 'elevated' || effectiveVariant === 'outlined') && this.effectiveColor === 'error',\n\t\t\t'text-warning-default': (effectiveVariant === 'text' || effectiveVariant === 'elevated' || effectiveVariant === 'outlined') && this.effectiveColor === 'warning',\n\t\t\t'text-info-default': (effectiveVariant === 'text' || effectiveVariant === 'elevated' || effectiveVariant === 'outlined') && this.effectiveColor === 'info',\n\t\t\t'text-surface-onVariant': (effectiveVariant === 'text' || effectiveVariant === 'elevated' || effectiveVariant === 'outlined' || effectiveVariant === 'filled tonal') && this.effectiveColor === 'neutral',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'absolute inset-0 hover:opacity-[0.08] z-0 rounded-full': true,\n\t\t\t// M3 focus and pressed states\n\t\t\t'focus-visible:opacity-[0.10]': true,  // M3 focus state\n\t\t\t'active:opacity-[0.10]': true,         // M3 pressed state\n\t\t\t// Filled variant hover\n\t\t\t'hover:bg-primary-on': effectiveVariant === 'filled' && this.effectiveColor === 'primary',\n\t\t\t'hover:bg-secondary-on': effectiveVariant === 'filled' && this.effectiveColor === 'secondary',\n\t\t\t'hover:bg-success-on': effectiveVariant === 'filled' && this.effectiveColor === 'success',\n\t\t\t'hover:bg-error-on': effectiveVariant === 'filled' && this.effectiveColor === 'error',\n\t\t\t'hover:bg-warning-on': effectiveVariant === 'filled' && this.effectiveColor === 'warning',\n\t\t\t'hover:bg-info-on': effectiveVariant === 'filled' && this.effectiveColor === 'info',\n\t\t\t'hover:bg-surface-on': effectiveVariant === 'filled' && this.effectiveColor === 'neutral',\n\t\t\t// Outlined, elevated, text variants hover\n\t\t\t'hover:bg-primary-default': (effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text') && this.effectiveColor === 'primary',\n\t\t\t'hover:bg-secondary-default': (effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text') && this.effectiveColor === 'secondary',\n\t\t\t'hover:bg-success-default': (effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text') && this.effectiveColor === 'success',\n\t\t\t'hover:bg-error-default': (effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text') && this.effectiveColor === 'error',\n\t\t\t'hover:bg-warning-default': (effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text') && this.effectiveColor === 'warning',\n\t\t\t'hover:bg-info-default': (effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text') && this.effectiveColor === 'info',\n\t\t\t'hover:bg-surface-onVariant': (effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text') && this.effectiveColor === 'neutral',\n\t\t\t// Filled tonal hover\n\t\t\t'hover:bg-primary-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'primary',\n\t\t\t'hover:bg-secondary-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'secondary',\n\t\t\t'hover:bg-success-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'success',\n\t\t\t'hover:bg-error-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'error',\n\t\t\t'hover:bg-warning-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'warning',\n\t\t\t'hover:bg-info-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'info',\n\t\t\t'hover:bg-surface-containerLow': effectiveVariant === 'filled tonal' && this.effectiveColor === 'neutral',\n\t\t}\n\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tpart=\"base\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html`<div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t<slot></slot>\n\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-button': SchmancyButton\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement, PropertyValueMap } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nimport { ButtonVariant } from './button'\n\n/**\n * An icon button component.\n * @element schmancy-icon-button\n * @slot - The default slot.\n */\n@customElement('schmancy-icon-button')\nexport class SchmnacyIconButton extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t/**\n\t * The size of the icon.\n\t * @attr\n\t * @default 'md'\n\t */\n\t@property({ type: String })\n\tpublic size: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md'\n\n\t/**\n\t * The variant of the button.\n\t * @attr\n\t * @default 'text'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t */\n\t@property()\n\tpublic width: 'full' | 'auto' = 'auto'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\n\t * @attr\n\t */\n\t@property()\n\tpublic href?: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\t/**\n\t * Render slot content as text instead of wrapping in schmancy-icon.\n\t * Use this when you want to display text labels in the button.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic text = false\n\n\t// Manage aria-label manually so that we can always use our internal property.\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n\t\t// Add any first-update logic here if needed.\n\t}\n\n\trender() {\n\t\t// Map 'tonal' variant to 'filled tonal' for backwards compatibility\n\t\tconst effectiveVariant = this.variant === 'tonal' ? 'filled tonal' : this.variant;\n\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 h-full transition-all duration-200 relative rounded-full inline-flex justify-center items-center gap-[8px] outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'hover:shadow-xs':\n\t\t\t\t!this.disabled &&\n\t\t\t\t(effectiveVariant === 'outlined' ||\n\t\t\t\t\teffectiveVariant === 'text' ||\n\t\t\t\t\teffectiveVariant === 'filled' ||\n\t\t\t\t\teffectiveVariant === 'filled tonal'),\n\t\t\t'hover:shadow-sm': !this.disabled && effectiveVariant === 'elevated',\n\t\t\t'w-full text-center': this.width === 'full',\n\t\t\t'bg-surface-low text-primary-default shadow-xs': effectiveVariant === 'elevated',\n\t\t\t'bg-transparent text-primary-default border-1 border-outline': effectiveVariant === 'outlined',\n\t\t\t'bg-primary-default text-primary-on': effectiveVariant === 'filled',\n\t\t\t'bg-secondary-container text-secondary-onContainer': effectiveVariant === 'filled tonal',\n\t\t\t'text-primary-default': effectiveVariant === 'text',\n\t\t\t// M3 spec: 24dp (xxs) → 32dp (dense) → 40dp (default) → 48dp (standard) → 56dp (large)\n\t\t\t'p-1.5': this.size === 'xxs',    // 6px padding  = 24px total (12px icon) - Ultra-compact\n\t\t\t'p-2': this.size === 'xs',       // 8px padding  = 32px total (16px icon) - M3 dense\n\t\t\t'p-2.5': this.size === 'sm',     // 10px padding = 40px total (20px icon) - M3 default\n\t\t\t'p-3': this.size === 'md',       // 12px padding = 48px total (24px icon) - M3 standard\n\t\t\t'p-4': this.size === 'lg',       // 16px padding = 56px total (24px icon) - M3 large\n\t\t\t'p-5': this.size === 'xl',       // 20px padding = 80px total (40px icon) - custom XL\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'hover:opacity-[0.08] rounded-full z-0': true,\n\t\t\t'hover:bg-primary-on': effectiveVariant === 'filled',\n\t\t\t'hover:bg-primary-default': effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text',\n\t\t\t'hover:bg-secondary-container': effectiveVariant === 'filled tonal',\n\t\t}\n\n\t\t// Icon size mapping - M3 spec: 24dp standard, scaled for density\n\t\tconst iconSize = this.size === 'xxs' ? '12px' : this.size === 'xs' ? '16px' : this.size === 'sm' ? '20px' : this.size === 'md' ? '24px' : this.size === 'lg' ? '24px' : '40px';\n\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t${this.text\n\t\t\t\t\t\t? html`<slot></slot>`\n\t\t\t\t\t\t: html`<schmancy-icon size=${iconSize}><slot></slot></schmancy-icon>`\n\t\t\t\t\t}\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tpart=\"base\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html`<div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t${this.text\n\t\t\t\t\t? html`<slot></slot>`\n\t\t\t\t\t: html`<schmancy-icon size=${iconSize}><slot></slot></schmancy-icon>`\n\t\t\t\t}\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon-button': SchmnacyIconButton\n\t}\n}\n"],"names":["SchmancyButton","$LitElement","css","super","arguments","this","variant","width","size","type","disabled","value","oldVal","_ariaLabel","hasAttribute","removeAttribute","requestUpdate","ariaLabel","options","nativeElement","focus","blur","color","imgClasses","xxs","xs","sm","md","lg","firstUpdated","prefixImgs","forEach","img","classList","add","setAttribute","suffixImgs","dispatchEvent","Event","bubbles","composed","event","preventDefault","stopPropagation","render","effectiveVariant","classes","effectiveColor","stateLayerClasses","href","html","ifDefined","classMap","_preventDefault","when","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","query","prototype","property","reflect","String","Boolean","attribute","queryAssignedElements","slot","flatten","selector","customElement","SchmnacyIconButton","constructor","text","_changedProperties","iconSize"],"mappings":"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"}

package/dist/icon-button-HSYaQBNF.js

@@ -0,0 +1,164 @@
+import "rxjs";
+import "rxjs/operators";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { query as b, property as i, queryAssignedElements as v, customElement as y } from "lit/decorators.js";
+import "./tailwind.mixin-Ddt05Frc.js";
+import { $ as g } from "./litElement.mixin-Wcu4yIIs.js";
+import { css as x, html as d, LitElement as m } from "lit";
+import { ifDefined as h } from "lit/directives/if-defined.js";
+import { when as p } from "lit/directives/when.js";
+var C = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (e, t, l, r) => {
+  for (var c, o = r > 1 ? void 0 : r ? w(t, l) : t, u = e.length - 1; u >= 0; u--) (c = e[u]) && (o = (r ? c(t, l, o) : c(o)) || o);
+  return r && o && C(t, l, o), o;
+};
+let s = class extends g(x`:host{
+		display: inline-block;
+		min-width: fit-content;
+		overflow: hidden;
+		position: relative;
+		touch-action: manipulation;
+	}
+	:host *,
+	* {
+		touch-action: manipulation;
+	}`) {
+  constructor() {
+    super(...arguments), this.variant = "text", this.width = "auto", this.size = "md", this.type = "button", this.disabled = !1;
+  }
+  set ariaLabel(e) {
+    const t = this._ariaLabel;
+    this._ariaLabel = e, this.hasAttribute("aria-label") && this.removeAttribute("aria-label"), this.requestUpdate("ariaLabel", t);
+  }
+  get ariaLabel() {
+    return this._ariaLabel;
+  }
+  focus(e) {
+    this.nativeElement.focus(e);
+  }
+  blur() {
+    this.nativeElement.blur();
+  }
+  get effectiveColor() {
+    return this.color ? this.color : (this.variant === "tonal" ? "filled tonal" : this.variant) === "filled tonal" ? "secondary" : "primary";
+  }
+  get imgClasses() {
+    return [{ xxs: "w-3 h-3", xs: "w-4 h-4", sm: "w-5 h-5", md: "w-6 h-6", lg: "w-7 h-7" }[this.size], "object-contain"];
+  }
+  firstUpdated() {
+    this.prefixImgs?.forEach((e) => {
+      e.classList.add(...this.imgClasses), e.hasAttribute("alt") || e.setAttribute("alt", "");
+    }), this.suffixImgs?.forEach((e) => {
+      e.classList.add(...this.imgClasses), e.hasAttribute("alt") || e.setAttribute("alt", "");
+    });
+  }
+  click() {
+    this.dispatchEvent(new Event("click", { bubbles: !0, composed: !0 }));
+  }
+  _preventDefault(e) {
+    e.preventDefault(), e.stopPropagation();
+  }
+  render() {
+    const e = this.variant === "tonal" ? "filled tonal" : this.variant, t = { "z-0 transition-all duration-200 relative rounded-full inline-flex justify-center items-center outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden w-[inherit] overflow-hidden": !0, "h-6": this.size === "xxs", "h-8": this.size === "xs", "h-10": this.size === "sm", "h-12": this.size === "md", "h-14": this.size === "lg", "py-1 px-2": this.size === "xxs", "py-2 px-4": this.size === "xs", "py-2.5 px-5": this.size === "sm", "py-3 px-6": this.size === "md", "py-4 px-7": this.size === "lg", "text-[10px] font-medium leading-3": this.size === "xxs", "text-xs font-medium leading-4": this.size === "xs", "text-sm font-medium leading-5": this.size === "sm" || this.size === "md", "text-base font-medium leading-6": this.size === "lg", "tracking-[0.1px]": !0, "gap-0.5": this.size === "xxs", "gap-1": this.size === "xs", "gap-1.5": this.size === "sm", "gap-2": this.size === "md", "gap-2.5": this.size === "lg", "cursor-pointer": !this.disabled, "opacity-[0.38]": this.disabled, "hover:shadow-sm": !this.disabled && e === "elevated", "w-full tex-center": this.width === "full", "bg-surface-low shadow-xs": e === "elevated", "bg-transparent border-1 border-solid": e === "outlined", "border-outline": e === "outlined" && this.effectiveColor === "primary", "border-success-default": e === "outlined" && this.effectiveColor === "success", "border-error-default": e === "outlined" && this.effectiveColor === "error", "border-warning-default": e === "outlined" && this.effectiveColor === "warning", "border-info-default": e === "outlined" && this.effectiveColor === "info", "border-secondary-default": e === "outlined" && this.effectiveColor === "secondary", "border-outline-variant": e === "outlined" && this.effectiveColor === "neutral", "bg-primary-default": e === "filled" && this.effectiveColor === "primary", "bg-secondary-default": e === "filled" && this.effectiveColor === "secondary", "bg-success-default": e === "filled" && this.effectiveColor === "success", "bg-error-default": e === "filled" && this.effectiveColor === "error", "bg-warning-default": e === "filled" && this.effectiveColor === "warning", "bg-info-default": e === "filled" && this.effectiveColor === "info", "bg-surface-containerHighest": e === "filled" && this.effectiveColor === "neutral", "text-primary-on": e === "filled" && this.effectiveColor === "primary", "text-secondary-on": e === "filled" && this.effectiveColor === "secondary", "text-success-on": e === "filled" && this.effectiveColor === "success", "text-error-on": e === "filled" && this.effectiveColor === "error", "text-warning-on": e === "filled" && this.effectiveColor === "warning", "text-info-on": e === "filled" && this.effectiveColor === "info", "text-surface-on": e === "filled" && this.effectiveColor === "neutral", "bg-primary-container": e === "filled tonal" && this.effectiveColor === "primary", "bg-secondary-container": e === "filled tonal" && this.effectiveColor === "secondary", "bg-success-container": e === "filled tonal" && this.effectiveColor === "success", "bg-error-container": e === "filled tonal" && this.effectiveColor === "error", "bg-warning-container": e === "filled tonal" && this.effectiveColor === "warning", "bg-info-container": e === "filled tonal" && this.effectiveColor === "info", "bg-surface-containerLow": e === "filled tonal" && this.effectiveColor === "neutral", "text-primary-onContainer": e === "filled tonal" && this.effectiveColor === "primary", "text-secondary-onContainer": e === "filled tonal" && this.effectiveColor === "secondary", "text-success-onContainer": e === "filled tonal" && this.effectiveColor === "success", "text-error-onContainer": e === "filled tonal" && this.effectiveColor === "error", "text-warning-onContainer": e === "filled tonal" && this.effectiveColor === "warning", "text-info-onContainer": e === "filled tonal" && this.effectiveColor === "info", "text-primary-default": (e === "text" || e === "elevated" || e === "outlined") && this.effectiveColor === "primary", "text-secondary-default": (e === "text" || e === "elevated" || e === "outlined") && this.effectiveColor === "secondary", "text-success-default": (e === "text" || e === "elevated" || e === "outlined") && this.effectiveColor === "success", "text-error-default": (e === "text" || e === "elevated" || e === "outlined") && this.effectiveColor === "error", "text-warning-default": (e === "text" || e === "elevated" || e === "outlined") && this.effectiveColor === "warning", "text-info-default": (e === "text" || e === "elevated" || e === "outlined") && this.effectiveColor === "info", "text-surface-onVariant": (e === "text" || e === "elevated" || e === "outlined" || e === "filled tonal") && this.effectiveColor === "neutral" }, l = { "absolute inset-0 hover:opacity-[0.08] z-0 rounded-full": !0, "focus-visible:opacity-[0.10]": !0, "active:opacity-[0.10]": !0, "hover:bg-primary-on": e === "filled" && this.effectiveColor === "primary", "hover:bg-secondary-on": e === "filled" && this.effectiveColor === "secondary", "hover:bg-success-on": e === "filled" && this.effectiveColor === "success", "hover:bg-error-on": e === "filled" && this.effectiveColor === "error", "hover:bg-warning-on": e === "filled" && this.effectiveColor === "warning", "hover:bg-info-on": e === "filled" && this.effectiveColor === "info", "hover:bg-surface-on": e === "filled" && this.effectiveColor === "neutral", "hover:bg-primary-default": (e === "outlined" || e === "elevated" || e === "text") && this.effectiveColor === "primary", "hover:bg-secondary-default": (e === "outlined" || e === "elevated" || e === "text") && this.effectiveColor === "secondary", "hover:bg-success-default": (e === "outlined" || e === "elevated" || e === "text") && this.effectiveColor === "success", "hover:bg-error-default": (e === "outlined" || e === "elevated" || e === "text") && this.effectiveColor === "error", "hover:bg-warning-default": (e === "outlined" || e === "elevated" || e === "text") && this.effectiveColor === "warning", "hover:bg-info-default": (e === "outlined" || e === "elevated" || e === "text") && this.effectiveColor === "info", "hover:bg-surface-onVariant": (e === "outlined" || e === "elevated" || e === "text") && this.effectiveColor === "neutral", "hover:bg-primary-container": e === "filled tonal" && this.effectiveColor === "primary", "hover:bg-secondary-container": e === "filled tonal" && this.effectiveColor === "secondary", "hover:bg-success-container": e === "filled tonal" && this.effectiveColor === "success", "hover:bg-error-container": e === "filled tonal" && this.effectiveColor === "error", "hover:bg-warning-container": e === "filled tonal" && this.effectiveColor === "warning", "hover:bg-info-container": e === "filled tonal" && this.effectiveColor === "info", "hover:bg-surface-containerLow": e === "filled tonal" && this.effectiveColor === "neutral" };
+    return this.href ? d`
+				<a
+					part="base"
+					href=${h(this.disabled ? void 0 : this.href)}
+					aria-label=${h(this.ariaLabel)}
+					class="${this.classMap(t)}"
+					tabindex=${this.disabled ? "-1" : "0"}
+					aria-disabled=${this.disabled}
+					@click=${this.disabled ? this._preventDefault : void 0}
+				>
+					${p(!this.disabled, () => d`<div class="${this.classMap(l)}"></div>`)}
+					<slot name="prefix"></slot>
+					<slot></slot>
+					<slot name="suffix"></slot>
+				</a>
+			` : d`
+			<button
+				part="base"
+				aria-label=${h(this.ariaLabel)}
+				?disabled=${this.disabled}
+				class="${this.classMap(t)}"
+				type=${h(this.type)}
+				tabindex=${h(this.disabled ? "-1" : void 0)}
+			>
+				${p(!this.disabled, () => d`<div class="${this.classMap(l)}"></div>`)}
+				<slot name="prefix"></slot>
+				<slot></slot>
+				<slot name="suffix"></slot>
+			</button>
+		`;
+  }
+};
+s.shadowRootOptions = { ...m.shadowRootOptions, mode: "open", delegatesFocus: !0 }, a([b('[part="base"]', !0)], s.prototype, "nativeElement", 2), a([i({ reflect: !0, type: String })], s.prototype, "variant", 2), a([i({ reflect: !0, type: String })], s.prototype, "color", 2), a([i()], s.prototype, "width", 2), a([i({ type: String })], s.prototype, "size", 2), a([i({ reflect: !0, type: String })], s.prototype, "type", 2), a([i()], s.prototype, "href", 2), a([i({ type: Boolean, reflect: !0 })], s.prototype, "disabled", 2), a([i({ attribute: "aria-label" })], s.prototype, "ariaLabel", 1), a([v({ slot: "prefix", flatten: !0, selector: "img" })], s.prototype, "prefixImgs", 2), a([v({ slot: "suffix", flatten: !0, selector: "img" })], s.prototype, "suffixImgs", 2), s = a([y("schmancy-button")], s);
+var z = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, f = (e, t, l, r) => {
+  for (var c, o = r > 1 ? void 0 : r ? $(t, l) : t, u = e.length - 1; u >= 0; u--) (c = e[u]) && (o = (r ? c(t, l, o) : c(o)) || o);
+  return r && o && z(t, l, o), o;
+};
+let n = class extends g(x`
+	:host {
+		display: block;
+	}
+`) {
+  constructor() {
+    super(...arguments), this.size = "md", this.variant = "text", this.width = "auto", this.type = "button", this.disabled = !1, this.text = !1;
+  }
+  set ariaLabel(e) {
+    const t = this._ariaLabel;
+    this._ariaLabel = e, this.hasAttribute("aria-label") && this.removeAttribute("aria-label"), this.requestUpdate("ariaLabel", t);
+  }
+  get ariaLabel() {
+    return this._ariaLabel;
+  }
+  focus(e) {
+    this.nativeElement.focus(e);
+  }
+  blur() {
+    this.nativeElement.blur();
+  }
+  click() {
+    this.dispatchEvent(new Event("click", { bubbles: !0, composed: !0 }));
+  }
+  _preventDefault(e) {
+    e.preventDefault(), e.stopPropagation();
+  }
+  firstUpdated(e) {
+  }
+  render() {
+    const e = this.variant === "tonal" ? "filled tonal" : this.variant, t = { "z-0 h-full transition-all duration-200 relative rounded-full inline-flex justify-center items-center gap-[8px] outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden": !0, "opacity-[0.38]": this.disabled, "cursor-pointer": !this.disabled, "hover:shadow-xs": !this.disabled && (e === "outlined" || e === "text" || e === "filled" || e === "filled tonal"), "hover:shadow-sm": !this.disabled && e === "elevated", "w-full text-center": this.width === "full", "bg-surface-low text-primary-default shadow-xs": e === "elevated", "bg-transparent text-primary-default border-1 border-outline": e === "outlined", "bg-primary-default text-primary-on": e === "filled", "bg-secondary-container text-secondary-onContainer": e === "filled tonal", "text-primary-default": e === "text", "p-1.5": this.size === "xxs", "p-2": this.size === "xs", "p-2.5": this.size === "sm", "p-3": this.size === "md", "p-4": this.size === "lg", "p-5": this.size === "xl" }, l = { "hover:opacity-[0.08] rounded-full z-0": !0, "hover:bg-primary-on": e === "filled", "hover:bg-primary-default": e === "outlined" || e === "elevated" || e === "text", "hover:bg-secondary-container": e === "filled tonal" }, r = this.size === "xxs" ? "12px" : this.size === "xs" ? "16px" : this.size === "sm" ? "20px" : this.size === "md" || this.size === "lg" ? "24px" : "40px";
+    return this.href ? d`
+				<a
+					part="base"
+					href=${h(this.disabled ? void 0 : this.href)}
+					aria-label=${h(this.ariaLabel)}
+					class="${this.classMap(t)}"
+					tabindex=${this.disabled ? "-1" : "0"}
+					aria-disabled=${this.disabled}
+					@click=${this.disabled ? this._preventDefault : void 0}
+				>
+					${p(!this.disabled, () => d`<div class="absolute inset-0 ${this.classMap(l)}"></div>`)}
+					${this.text ? d`<slot></slot>` : d`<schmancy-icon size=${r}><slot></slot></schmancy-icon>`}
+				</a>
+			` : d`
+			<button
+				part="base"
+				aria-label=${h(this.ariaLabel)}
+				?disabled=${this.disabled}
+				class="${this.classMap(t)}"
+				type=${h(this.type)}
+				tabindex=${h(this.disabled ? "-1" : void 0)}
+			>
+				${p(!this.disabled, () => d`<div class="absolute inset-0 ${this.classMap(l)}"></div>`)}
+				${this.text ? d`<slot></slot>` : d`<schmancy-icon size=${r}><slot></slot></schmancy-icon>`}
+			</button>
+		`;
+  }
+};
+n.shadowRootOptions = { ...m.shadowRootOptions, mode: "open", delegatesFocus: !0 }, f([b('[part="base"]', !0)], n.prototype, "nativeElement", 2), f([i({ type: String })], n.prototype, "size", 2), f([i({ reflect: !0, type: String })], n.prototype, "variant", 2), f([i()], n.prototype, "width", 2), f([i({ reflect: !0, type: String })], n.prototype, "type", 2), f([i()], n.prototype, "href", 2), f([i({ type: Boolean, reflect: !0 })], n.prototype, "disabled", 2), f([i({ type: Boolean, reflect: !0 })], n.prototype, "text", 2), f([i({ attribute: "aria-label" })], n.prototype, "ariaLabel", 1), n = f([y("schmancy-icon-button")], n);
+export {
+  s as S,
+  n as a
+};
+//# sourceMappingURL=icon-button-HSYaQBNF.js.map

package/dist/icon-button-HSYaQBNF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-HSYaQBNF.js","sources":["../src/button/button.ts","../src/button/icon-button.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\n\nexport interface SchmancyButtonEventMap {\n\tSchmancyFocus: CustomEvent<void>\n\tSchmancyBlur: CustomEvent<void>\n}\n\nexport type ButtonVariant = 'elevated' | 'filled' | 'filled tonal' | 'tonal' | 'outlined' | 'text'\nexport type ButtonColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'neutral'\n\n/**\n * A button component.\n * @element schmancy-button\n * @slot - The default slot.\n * @slot prefix - The prefix slot.\n * @slot suffix - The suffix slot.\n */\n@customElement('schmancy-button')\nexport class SchmancyButton extends $LitElement(\n\tcss`:host{\n\t\tdisplay: inline-block;\n\t\tmin-width: fit-content;\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t\ttouch-action: manipulation;\n\t}\n\t:host *,\n\t* {\n\t\ttouch-action: manipulation;\n\t}`\n) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t/**\n\t * The variant of the button.\n\t * @attr\n\t * @default 'text'\n\t * @public\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The color of the button.\n\t * @attr\n\t * @default Depends on variant: 'primary' for filled/elevated/outlined/text, 'secondary' for tonal\n\t * @public\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic color?: ButtonColor\n\n\t/**\n\t * The width of the button.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t * @public\n\t */\n\t@property()\n\tpublic width: 'full' | 'auto' = 'auto'\n\n\t/**\n\t * The size of the button.\n\t * @attr\n\t * @type {'xxs' | 'xs' | 'sm' | 'md' | 'lg'}\n\t * @default 'md'\n\t * @public\n\t */\n\t@property({ type: String })\n\tpublic size: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' = 'md'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\n\t * @attr\n\t */\n\t@property()\n\tpublic href?: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t@queryAssignedElements({\n\t\tslot: 'prefix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate prefixImgs!: HTMLImageElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'suffix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate suffixImgs!: HTMLImageElement[]\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\t/**\n\t * Get the effective color based on variant if not explicitly set\n\t * M3 spec: filled = primary, tonal = secondary, others = primary\n\t */\n\tprotected get effectiveColor(): ButtonColor {\n\t\tif (this.color) return this.color\n\n\t\t// Map 'tonal' to 'filled tonal' for checking\n\t\tconst effectiveVariant = this.variant === 'tonal' ? 'filled tonal' : this.variant\n\n\t\t// M3 defaults: tonal uses secondary, others use primary\n\t\treturn effectiveVariant === 'filled tonal' ? 'secondary' : 'primary'\n\t}\n\n\tprotected get imgClasses(): string[] {\n\t\t// M3 spec: icon sizes scale with button size\n\t\tconst sizeMap = {\n\t\t\txxs: 'w-3 h-3',    // 12px for 24px button (ultra-compact)\n\t\t\txs: 'w-4 h-4',     // 16px for 32px button (M3 dense)\n\t\t\tsm: 'w-5 h-5',     // 20px for 40px button (M3 default)\n\t\t\tmd: 'w-6 h-6',     // 24px for 48px button (M3 large)\n\t\t\tlg: 'w-7 h-7'      // 28px for 56px button (M3 extra large)\n\t\t}\n\t\treturn [sizeMap[this.size], 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\t// Add image classes and ensure decorative images have an empty alt.\n\t\tthis.prefixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t\tthis.suffixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\trender() {\n\t\t// Map 'tonal' variant to 'filled tonal' for backwards compatibility\n\t\tconst effectiveVariant = this.variant === 'tonal' ? 'filled tonal' : this.variant;\n\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 transition-all duration-200 relative rounded-full inline-flex justify-center items-center outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden w-[inherit] overflow-hidden':\n\t\t\t\ttrue,\n\t\t\t// Height - M3 spec: 24dp (xxs) → 32dp (dense) → 40dp (default) → 48dp (large) → 56dp (XL)\n\t\t\t'h-6': this.size === 'xxs',   // 24px - Ultra-compact\n\t\t\t'h-8': this.size === 'xs',    // 32px - M3 dense/compact\n\t\t\t'h-10': this.size === 'sm',   // 40px - M3 default\n\t\t\t'h-12': this.size === 'md',   // 48px - M3 large\n\t\t\t'h-14': this.size === 'lg',   // 56px - M3 extra large\n\t\t\t// Padding - M3 spec: horizontal padding 24dp default, scaled proportionally\n\t\t\t'py-1 px-2': this.size === 'xxs',    // 4px/8px for 24px height\n\t\t\t'py-2 px-4': this.size === 'xs',     // 8px/16px for 32px height\n\t\t\t'py-2.5 px-5': this.size === 'sm',   // 10px/20px for 40px height\n\t\t\t'py-3 px-6': this.size === 'md',     // 12px/24px for 48px height (M3 default)\n\t\t\t'py-4 px-7': this.size === 'lg',     // 16px/28px for 56px height\n\t\t\t// Typography - M3 spec: label-large (14px) default, scaled\n\t\t\t'text-[10px] font-medium leading-3': this.size === 'xxs', // 10px\n\t\t\t'text-xs font-medium leading-4': this.size === 'xs',   // 12px\n\t\t\t'text-sm font-medium leading-5': this.size === 'sm' || this.size === 'md',   // 14px - M3 label-large\n\t\t\t'text-base font-medium leading-6': this.size === 'lg', // 16px\n\t\t\t// Letter spacing - M3 spec\n\t\t\t'tracking-[0.1px]': true,\n\t\t\t// Gap - Scaled with size\n\t\t\t'gap-0.5': this.size === 'xxs', // 2px\n\t\t\t'gap-1': this.size === 'xs',    // 4px\n\t\t\t'gap-1.5': this.size === 'sm',  // 6px\n\t\t\t'gap-2': this.size === 'md',    // 8px\n\t\t\t'gap-2.5': this.size === 'lg',  // 10px\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'hover:shadow-sm': !this.disabled && effectiveVariant === 'elevated',\n\t\t\t'w-full tex-center': this.width === 'full',\n\t\t\t// Elevated variant\n\t\t\t'bg-surface-low shadow-xs': effectiveVariant === 'elevated',\n\t\t\t// Outlined variant\n\t\t\t'bg-transparent border-1 border-solid': effectiveVariant === 'outlined',\n\t\t\t'border-outline': effectiveVariant === 'outlined' && this.effectiveColor === 'primary',\n\t\t\t'border-success-default': effectiveVariant === 'outlined' && this.effectiveColor === 'success',\n\t\t\t'border-error-default': effectiveVariant === 'outlined' && this.effectiveColor === 'error',\n\t\t\t'border-warning-default': effectiveVariant === 'outlined' && this.effectiveColor === 'warning',\n\t\t\t'border-info-default': effectiveVariant === 'outlined' && this.effectiveColor === 'info',\n\t\t\t'border-secondary-default': effectiveVariant === 'outlined' && this.effectiveColor === 'secondary',\n\t\t\t'border-outline-variant': effectiveVariant === 'outlined' && this.effectiveColor === 'neutral',\n\t\t\t// Filled variant - background colors\n\t\t\t'bg-primary-default': effectiveVariant === 'filled' && this.effectiveColor === 'primary',\n\t\t\t'bg-secondary-default': effectiveVariant === 'filled' && this.effectiveColor === 'secondary',\n\t\t\t'bg-success-default': effectiveVariant === 'filled' && this.effectiveColor === 'success',\n\t\t\t'bg-error-default': effectiveVariant === 'filled' && this.effectiveColor === 'error',\n\t\t\t'bg-warning-default': effectiveVariant === 'filled' && this.effectiveColor === 'warning',\n\t\t\t'bg-info-default': effectiveVariant === 'filled' && this.effectiveColor === 'info',\n\t\t\t'bg-surface-containerHighest': effectiveVariant === 'filled' && this.effectiveColor === 'neutral',\n\t\t\t// Filled variant - text colors\n\t\t\t'text-primary-on': effectiveVariant === 'filled' && this.effectiveColor === 'primary',\n\t\t\t'text-secondary-on': effectiveVariant === 'filled' && this.effectiveColor === 'secondary',\n\t\t\t'text-success-on': effectiveVariant === 'filled' && this.effectiveColor === 'success',\n\t\t\t'text-error-on': effectiveVariant === 'filled' && this.effectiveColor === 'error',\n\t\t\t'text-warning-on': effectiveVariant === 'filled' && this.effectiveColor === 'warning',\n\t\t\t'text-info-on': effectiveVariant === 'filled' && this.effectiveColor === 'info',\n\t\t\t'text-surface-on': effectiveVariant === 'filled' && this.effectiveColor === 'neutral',\n\t\t\t// Filled tonal variant - background colors\n\t\t\t'bg-primary-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'primary',\n\t\t\t'bg-secondary-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'secondary',\n\t\t\t'bg-success-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'success',\n\t\t\t'bg-error-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'error',\n\t\t\t'bg-warning-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'warning',\n\t\t\t'bg-info-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'info',\n\t\t\t'bg-surface-containerLow': effectiveVariant === 'filled tonal' && this.effectiveColor === 'neutral',\n\t\t\t// Filled tonal variant - text colors\n\t\t\t'text-primary-onContainer': effectiveVariant === 'filled tonal' && this.effectiveColor === 'primary',\n\t\t\t'text-secondary-onContainer': effectiveVariant === 'filled tonal' && this.effectiveColor === 'secondary',\n\t\t\t'text-success-onContainer': effectiveVariant === 'filled tonal' && this.effectiveColor === 'success',\n\t\t\t'text-error-onContainer': effectiveVariant === 'filled tonal' && this.effectiveColor === 'error',\n\t\t\t'text-warning-onContainer': effectiveVariant === 'filled tonal' && this.effectiveColor === 'warning',\n\t\t\t'text-info-onContainer': effectiveVariant === 'filled tonal' && this.effectiveColor === 'info',\n\t\t\t// Text and elevated variants - text colors\n\t\t\t'text-primary-default': (effectiveVariant === 'text' || effectiveVariant === 'elevated' || effectiveVariant === 'outlined') && this.effectiveColor === 'primary',\n\t\t\t'text-secondary-default': (effectiveVariant === 'text' || effectiveVariant === 'elevated' || effectiveVariant === 'outlined') && this.effectiveColor === 'secondary',\n\t\t\t'text-success-default': (effectiveVariant === 'text' || effectiveVariant === 'elevated' || effectiveVariant === 'outlined') && this.effectiveColor === 'success',\n\t\t\t'text-error-default': (effectiveVariant === 'text' || effectiveVariant === 'elevated' || effectiveVariant === 'outlined') && this.effectiveColor === 'error',\n\t\t\t'text-warning-default': (effectiveVariant === 'text' || effectiveVariant === 'elevated' || effectiveVariant === 'outlined') && this.effectiveColor === 'warning',\n\t\t\t'text-info-default': (effectiveVariant === 'text' || effectiveVariant === 'elevated' || effectiveVariant === 'outlined') && this.effectiveColor === 'info',\n\t\t\t'text-surface-onVariant': (effectiveVariant === 'text' || effectiveVariant === 'elevated' || effectiveVariant === 'outlined' || effectiveVariant === 'filled tonal') && this.effectiveColor === 'neutral',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'absolute inset-0 hover:opacity-[0.08] z-0 rounded-full': true,\n\t\t\t// M3 focus and pressed states\n\t\t\t'focus-visible:opacity-[0.10]': true,  // M3 focus state\n\t\t\t'active:opacity-[0.10]': true,         // M3 pressed state\n\t\t\t// Filled variant hover\n\t\t\t'hover:bg-primary-on': effectiveVariant === 'filled' && this.effectiveColor === 'primary',\n\t\t\t'hover:bg-secondary-on': effectiveVariant === 'filled' && this.effectiveColor === 'secondary',\n\t\t\t'hover:bg-success-on': effectiveVariant === 'filled' && this.effectiveColor === 'success',\n\t\t\t'hover:bg-error-on': effectiveVariant === 'filled' && this.effectiveColor === 'error',\n\t\t\t'hover:bg-warning-on': effectiveVariant === 'filled' && this.effectiveColor === 'warning',\n\t\t\t'hover:bg-info-on': effectiveVariant === 'filled' && this.effectiveColor === 'info',\n\t\t\t'hover:bg-surface-on': effectiveVariant === 'filled' && this.effectiveColor === 'neutral',\n\t\t\t// Outlined, elevated, text variants hover\n\t\t\t'hover:bg-primary-default': (effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text') && this.effectiveColor === 'primary',\n\t\t\t'hover:bg-secondary-default': (effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text') && this.effectiveColor === 'secondary',\n\t\t\t'hover:bg-success-default': (effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text') && this.effectiveColor === 'success',\n\t\t\t'hover:bg-error-default': (effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text') && this.effectiveColor === 'error',\n\t\t\t'hover:bg-warning-default': (effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text') && this.effectiveColor === 'warning',\n\t\t\t'hover:bg-info-default': (effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text') && this.effectiveColor === 'info',\n\t\t\t'hover:bg-surface-onVariant': (effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text') && this.effectiveColor === 'neutral',\n\t\t\t// Filled tonal hover\n\t\t\t'hover:bg-primary-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'primary',\n\t\t\t'hover:bg-secondary-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'secondary',\n\t\t\t'hover:bg-success-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'success',\n\t\t\t'hover:bg-error-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'error',\n\t\t\t'hover:bg-warning-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'warning',\n\t\t\t'hover:bg-info-container': effectiveVariant === 'filled tonal' && this.effectiveColor === 'info',\n\t\t\t'hover:bg-surface-containerLow': effectiveVariant === 'filled tonal' && this.effectiveColor === 'neutral',\n\t\t}\n\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tpart=\"base\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html`<div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t<slot></slot>\n\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-button': SchmancyButton\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement, PropertyValueMap } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nimport { ButtonVariant } from './button'\n\n/**\n * An icon button component.\n * @element schmancy-icon-button\n * @slot - The default slot.\n */\n@customElement('schmancy-icon-button')\nexport class SchmnacyIconButton extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t/**\n\t * The size of the icon.\n\t * @attr\n\t * @default 'md'\n\t */\n\t@property({ type: String })\n\tpublic size: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md'\n\n\t/**\n\t * The variant of the button.\n\t * @attr\n\t * @default 'text'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t */\n\t@property()\n\tpublic width: 'full' | 'auto' = 'auto'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\n\t * @attr\n\t */\n\t@property()\n\tpublic href?: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\t/**\n\t * Render slot content as text instead of wrapping in schmancy-icon.\n\t * Use this when you want to display text labels in the button.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic text = false\n\n\t// Manage aria-label manually so that we can always use our internal property.\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n\t\t// Add any first-update logic here if needed.\n\t}\n\n\trender() {\n\t\t// Map 'tonal' variant to 'filled tonal' for backwards compatibility\n\t\tconst effectiveVariant = this.variant === 'tonal' ? 'filled tonal' : this.variant;\n\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 h-full transition-all duration-200 relative rounded-full inline-flex justify-center items-center gap-[8px] outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'hover:shadow-xs':\n\t\t\t\t!this.disabled &&\n\t\t\t\t(effectiveVariant === 'outlined' ||\n\t\t\t\t\teffectiveVariant === 'text' ||\n\t\t\t\t\teffectiveVariant === 'filled' ||\n\t\t\t\t\teffectiveVariant === 'filled tonal'),\n\t\t\t'hover:shadow-sm': !this.disabled && effectiveVariant === 'elevated',\n\t\t\t'w-full text-center': this.width === 'full',\n\t\t\t'bg-surface-low text-primary-default shadow-xs': effectiveVariant === 'elevated',\n\t\t\t'bg-transparent text-primary-default border-1 border-outline': effectiveVariant === 'outlined',\n\t\t\t'bg-primary-default text-primary-on': effectiveVariant === 'filled',\n\t\t\t'bg-secondary-container text-secondary-onContainer': effectiveVariant === 'filled tonal',\n\t\t\t'text-primary-default': effectiveVariant === 'text',\n\t\t\t// M3 spec: 24dp (xxs) → 32dp (dense) → 40dp (default) → 48dp (standard) → 56dp (large)\n\t\t\t'p-1.5': this.size === 'xxs',    // 6px padding  = 24px total (12px icon) - Ultra-compact\n\t\t\t'p-2': this.size === 'xs',       // 8px padding  = 32px total (16px icon) - M3 dense\n\t\t\t'p-2.5': this.size === 'sm',     // 10px padding = 40px total (20px icon) - M3 default\n\t\t\t'p-3': this.size === 'md',       // 12px padding = 48px total (24px icon) - M3 standard\n\t\t\t'p-4': this.size === 'lg',       // 16px padding = 56px total (24px icon) - M3 large\n\t\t\t'p-5': this.size === 'xl',       // 20px padding = 80px total (40px icon) - custom XL\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'hover:opacity-[0.08] rounded-full z-0': true,\n\t\t\t'hover:bg-primary-on': effectiveVariant === 'filled',\n\t\t\t'hover:bg-primary-default': effectiveVariant === 'outlined' || effectiveVariant === 'elevated' || effectiveVariant === 'text',\n\t\t\t'hover:bg-secondary-container': effectiveVariant === 'filled tonal',\n\t\t}\n\n\t\t// Icon size mapping - M3 spec: 24dp standard, scaled for density\n\t\tconst iconSize = this.size === 'xxs' ? '12px' : this.size === 'xs' ? '16px' : this.size === 'sm' ? '20px' : this.size === 'md' ? '24px' : this.size === 'lg' ? '24px' : '40px';\n\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t${this.text\n\t\t\t\t\t\t? html`<slot></slot>`\n\t\t\t\t\t\t: html`<schmancy-icon size=${iconSize}><slot></slot></schmancy-icon>`\n\t\t\t\t\t}\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tpart=\"base\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html`<div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t${this.text\n\t\t\t\t\t? html`<slot></slot>`\n\t\t\t\t\t: html`<schmancy-icon size=${iconSize}><slot></slot></schmancy-icon>`\n\t\t\t\t}\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon-button': SchmnacyIconButton\n\t}\n}\n"],"names":["SchmancyButton","$LitElement","css","super","arguments","this","variant","width","size","type","disabled","value","oldVal","_ariaLabel","hasAttribute","removeAttribute","requestUpdate","ariaLabel","options","nativeElement","focus","blur","color","imgClasses","xxs","xs","sm","md","lg","firstUpdated","prefixImgs","forEach","img","classList","add","setAttribute","suffixImgs","click","dispatchEvent","Event","bubbles","composed","event","preventDefault","stopPropagation","effectiveVariant","classes","effectiveColor","stateLayerClasses","href","html","ifDefined","classMap","_preventDefault","when","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","query","prototype","property","reflect","String","Boolean","attribute","queryAssignedElements","slot","flatten","selector","customElement","SchmnacyIconButton","constructor","text","_changedProperties","render","iconSize"],"mappings":"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"}

package/dist/icon-pU_cfmpD.cjs

@@ -0,0 +1,49 @@
+"use strict";const o=require("rxjs"),y=require("rxjs/operators");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const l=require("lit/decorators.js"),d=require("./tailwind.mixin-UijsBrYW.cjs"),p=require("lit");var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,c=(t,i,a,s)=>{for(var n,r=s>1?void 0:s?g(i,a):i,h=t.length-1;h>=0;h--)(n=t[h])&&(r=(s?n(i,a,r):n(r))||r);return s&&r&&m(i,a,r),r};let e=class extends d.TailwindElement(p.css`
+	:host {
+		--schmancy-icon-size: 24px;
+		--schmancy-icon-fill: 0;
+		--schmancy-icon-weight: 400;
+		--schmancy-icon-grade: 0;
+		--schmancy-icon-opsz: 24;
+
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: var(--schmancy-icon-size);
+		height: var(--schmancy-icon-size);
+		font-size: var(--schmancy-icon-size);
+		color: inherit;
+		transition: font-variation-settings 0.2s ease;
+	}
+
+	.material-symbols {
+		font-family: var(--schmancy-icon-font, 'Material Symbols Outlined');
+		font-weight: normal;
+		font-style: normal;
+		line-height: 1;
+		letter-spacing: normal;
+		text-transform: none;
+		display: inline-block;
+		white-space: nowrap;
+		word-wrap: normal;
+		direction: ltr;
+		-webkit-font-smoothing: antialiased;
+		-webkit-font-feature-settings: 'liga';
+		font-feature-settings: 'liga';
+		font-variation-settings:
+			'FILL' var(--schmancy-icon-fill),
+			'wght' var(--schmancy-icon-weight),
+			'GRAD' var(--schmancy-icon-grade),
+			'opsz' var(--schmancy-icon-opsz);
+		width: 100%;
+		height: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+`){constructor(){super(...arguments),this.fill=0,this.weight=400,this.grade=0,this.variant="outlined",this.size="md",this.fill$=new o.BehaviorSubject(this.fill),this.weight$=new o.BehaviorSubject(this.weight),this.grade$=new o.BehaviorSubject(this.grade),this.variant$=new o.BehaviorSubject(this.variant)}static loadFonts(){if(e.fontsLoaded)return;const t=document.createElement("link");t.rel="stylesheet",t.href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap",document.head.appendChild(t),e.fontsLoaded=!0}connectedCallback(){super.connectedCallback(),e.loadFonts(),this.hasAttribute("aria-label")||this.hasAttribute("aria-labelledby")||this.hasAttribute("aria-hidden")||this.hasAttribute("role")||this.setAttribute("aria-hidden","true"),o.combineLatest([this.fill$,this.weight$,this.grade$,this.variant$]).pipe(y.tap(([t,i,a,s])=>{this.style.setProperty("--schmancy-icon-fill",String(t)),this.style.setProperty("--schmancy-icon-weight",String(i)),this.style.setProperty("--schmancy-icon-grade",String(a));const n={outlined:"Material Symbols Outlined",rounded:"Material Symbols Rounded",sharp:"Material Symbols Sharp"}[s]||"Material Symbols Outlined";this.style.setProperty("--schmancy-icon-font",n)}),o.takeUntil(this.disconnecting)).subscribe()}updated(t){super.updated(t),t.has("fill")&&this.fill$.next(this.fill),t.has("weight")&&this.weight$.next(this.weight),t.has("grade")&&this.grade$.next(this.grade),t.has("variant")&&this.variant$.next(this.variant)}render(){const t={outlined:"Material Symbols Outlined",rounded:"Material Symbols Rounded",sharp:"Material Symbols Sharp"}[this.variant]||"Material Symbols Outlined",i=e.tokenSizes[this.size],a=i?.size||this.size,s=i?.opsz||24,n={"--schmancy-icon-fill":this.fill,"--schmancy-icon-weight":this.weight,"--schmancy-icon-grade":this.grade,"--schmancy-icon-font":t,"--schmancy-icon-size":a,"--schmancy-icon-opsz":s};return p.html`
+			<span class="material-symbols" part="icon" style=${this.styleMap(n)}>
+				<slot></slot>
+			</span>
+		`}};e.fontsLoaded=!1,e.tokenSizes={xxs:{size:"12px",opsz:20},xs:{size:"16px",opsz:20},sm:{size:"20px",opsz:20},md:{size:"24px",opsz:24},lg:{size:"32px",opsz:40}},c([l.property({type:Number,reflect:!0})],e.prototype,"fill",2),c([l.property({type:Number,reflect:!0})],e.prototype,"weight",2),c([l.property({type:Number,reflect:!0})],e.prototype,"grade",2),c([l.property({type:String,reflect:!0})],e.prototype,"variant",2),c([l.property({type:String,reflect:!0})],e.prototype,"size",2),e=c([l.customElement("schmancy-icon")],e);
+//# sourceMappingURL=icon-pU_cfmpD.cjs.map

package/dist/icon-pU_cfmpD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-pU_cfmpD.cjs","sources":["../src/icons/icon.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { BehaviorSubject, combineLatest, takeUntil } from 'rxjs'\nimport { tap } from 'rxjs/operators'\n\n/**\n * Icon size tokens - M3 aligned with optical size optimization\n * - xxs: 12px (opsz: 20) - fits in 24px buttons (ultra-compact)\n * - xs: 16px (opsz: 20) - fits in 32px buttons\n * - sm: 20px (opsz: 20) - fits in 40px buttons\n * - md: 24px (opsz: 24) - fits in 48px buttons (default)\n * - lg: 32px (opsz: 40) - fits in 56px buttons\n * - Or custom string like '48px'\n */\nexport type IconSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | string\n\n/**\n * @element schmancy-icon\n * Material Symbols icon component with flexible font variation properties\n *\n * @cssprop --schmancy-icon-size - The size of the icon (default: 24px)\n * @cssprop --schmancy-icon-fill - Fill value for icon (0-1)\n * @cssprop --schmancy-icon-weight - Weight value for icon (100-700)\n * @cssprop --schmancy-icon-grade - Grade value for icon (-50-200)\n * @cssprop --schmancy-icon-opsz - Optical size (default: 24)\n */\n@customElement('schmancy-icon')\nexport default class SchmancyIcon extends TailwindElement(css`\n\t:host {\n\t\t--schmancy-icon-size: 24px;\n\t\t--schmancy-icon-fill: 0;\n\t\t--schmancy-icon-weight: 400;\n\t\t--schmancy-icon-grade: 0;\n\t\t--schmancy-icon-opsz: 24;\n\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: var(--schmancy-icon-size);\n\t\theight: var(--schmancy-icon-size);\n\t\tfont-size: var(--schmancy-icon-size);\n\t\tcolor: inherit;\n\t\ttransition: font-variation-settings 0.2s ease;\n\t}\n\n\t.material-symbols {\n\t\tfont-family: var(--schmancy-icon-font, 'Material Symbols Outlined');\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tline-height: 1;\n\t\tletter-spacing: normal;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t\tword-wrap: normal;\n\t\tdirection: ltr;\n\t\t-webkit-font-smoothing: antialiased;\n\t\t-webkit-font-feature-settings: 'liga';\n\t\tfont-feature-settings: 'liga';\n\t\tfont-variation-settings:\n\t\t\t'FILL' var(--schmancy-icon-fill),\n\t\t\t'wght' var(--schmancy-icon-weight),\n\t\t\t'GRAD' var(--schmancy-icon-grade),\n\t\t\t'opsz' var(--schmancy-icon-opsz);\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n`) {\n\t// Static flag to track if Google Fonts have been loaded\n\tprivate static fontsLoaded = false\n\n\t/**\n\t * Load Material Symbols fonts from Google Fonts CDN\n\t */\n\tprivate static loadFonts(): void {\n\t\tif (SchmancyIcon.fontsLoaded) {\n\t\t\treturn\n\t\t}\n\n\t\tconst link = document.createElement('link')\n\t\tlink.rel = 'stylesheet'\n\t\tlink.href = 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap'\n\t\tdocument.head.appendChild(link)\n\n\t\tSchmancyIcon.fontsLoaded = true\n\t}\n\n\t/**\n\t * Fill value for the icon (0-1)\n\t * 0 = outlined, 1 = filled\n\t */\n\t@property({ type: Number, reflect: true })\n\tfill = 0\n\n\t/**\n\t * Weight value for the icon (100-700)\n\t * Controls the thickness of the icon strokes\n\t */\n\t@property({ type: Number, reflect: true })\n\tweight = 400\n\n\t/**\n\t * Grade value for the icon (-50-200)\n\t * Adjusts the visual weight/grade\n\t */\n\t@property({ type: Number, reflect: true })\n\tgrade = 0\n\n\t/**\n\t * Icon variant style\n\t * @values outlined | rounded | sharp\n\t */\n\t@property({ type: String, reflect: true })\n\tvariant: 'outlined' | 'rounded' | 'sharp' = 'outlined'\n\n\t/**\n\t * Size of the icon - M3 aligned tokens or custom string\n\t * Tokens: 'xxs' (12px), 'xs' (16px), 'sm' (20px), 'md' (24px), 'lg' (32px)\n\t * Custom: any CSS size string like '48px', '2rem'\n\t */\n\t@property({ type: String, reflect: true })\n\tsize: IconSize = 'md'\n\n\t// M3 aligned token sizes with optimal optical sizes\n\tprivate static readonly tokenSizes: Record<string, { size: string; opsz: number }> = {\n\t\txxs: { size: '12px', opsz: 20 }, // fits in 24px buttons (ultra-compact)\n\t\txs: { size: '16px', opsz: 20 },  // fits in 32px buttons\n\t\tsm: { size: '20px', opsz: 20 },  // fits in 40px buttons\n\t\tmd: { size: '24px', opsz: 24 },  // fits in 48px buttons (default)\n\t\tlg: { size: '32px', opsz: 40 },  // fits in 56px buttons\n\t}\n\n\t// RxJS subjects for reactive property updates\n\tprivate fill$ = new BehaviorSubject(this.fill)\n\tprivate weight$ = new BehaviorSubject(this.weight)\n\tprivate grade$ = new BehaviorSubject(this.grade)\n\tprivate variant$ = new BehaviorSubject(this.variant)\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\t// Load Google Fonts if not already loaded\n\t\tSchmancyIcon.loadFonts()\n\n\t\t// Set accessibility attributes for decorative icons\n\t\tif (!this.hasAttribute('aria-label') &&\n\t\t    !this.hasAttribute('aria-labelledby') &&\n\t\t    !this.hasAttribute('aria-hidden') &&\n\t\t    !this.hasAttribute('role')) {\n\t\t\tthis.setAttribute('aria-hidden', 'true')\n\t\t}\n\n\t\t// Setup reactive CSS variable updates\n\t\tcombineLatest([\n\t\t\tthis.fill$,\n\t\t\tthis.weight$,\n\t\t\tthis.grade$,\n\t\t\tthis.variant$\n\t\t]).pipe(\n\t\t\ttap(([fill, weight, grade, variant]) => {\n\t\t\t\t// Update CSS custom properties for smooth transitions\n\t\t\t\tthis.style.setProperty('--schmancy-icon-fill', String(fill))\n\t\t\t\tthis.style.setProperty('--schmancy-icon-weight', String(weight))\n\t\t\t\tthis.style.setProperty('--schmancy-icon-grade', String(grade))\n\n\t\t\t\t// Update font family based on variant\n\t\t\t\tconst fontFamily = {\n\t\t\t\t\t'outlined': 'Material Symbols Outlined',\n\t\t\t\t\t'rounded': 'Material Symbols Rounded',\n\t\t\t\t\t'sharp': 'Material Symbols Sharp'\n\t\t\t\t}[variant] || 'Material Symbols Outlined'\n\n\t\t\t\tthis.style.setProperty('--schmancy-icon-font', fontFamily)\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprotected updated(changedProperties: Map<string | number | symbol, unknown>): void {\n\t\tsuper.updated(changedProperties)\n\n\t\t// Update BehaviorSubjects when properties change\n\t\tif (changedProperties.has('fill')) {\n\t\t\tthis.fill$.next(this.fill)\n\t\t}\n\t\tif (changedProperties.has('weight')) {\n\t\t\tthis.weight$.next(this.weight)\n\t\t}\n\t\tif (changedProperties.has('grade')) {\n\t\t\tthis.grade$.next(this.grade)\n\t\t}\n\t\tif (changedProperties.has('variant')) {\n\t\t\tthis.variant$.next(this.variant)\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\tconst fontFamily = {\n\t\t\t'outlined': 'Material Symbols Outlined',\n\t\t\t'rounded': 'Material Symbols Rounded',\n\t\t\t'sharp': 'Material Symbols Sharp'\n\t\t}[this.variant] || 'Material Symbols Outlined'\n\n\t\t// Resolve size token or use custom value\n\t\tconst sizeConfig = SchmancyIcon.tokenSizes[this.size]\n\t\tconst iconSize = sizeConfig?.size || this.size\n\t\tconst opticalSize = sizeConfig?.opsz || 24\n\n\t\tconst style = {\n\t\t\t'--schmancy-icon-fill': this.fill,\n\t\t\t'--schmancy-icon-weight': this.weight,\n\t\t\t'--schmancy-icon-grade': this.grade,\n\t\t\t'--schmancy-icon-font': fontFamily,\n\t\t\t'--schmancy-icon-size': iconSize,\n\t\t\t'--schmancy-icon-opsz': opticalSize,\n\t\t}\n\n\t\treturn html`\n\t\t\t<span class=\"material-symbols\" part=\"icon\" style=${this.styleMap(style)}>\n\t\t\t\t<slot></slot>\n\t\t\t</span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon': SchmancyIcon\n\t}\n}"],"names":["SchmancyIcon","TailwindElement","css","constructor","super","arguments","this","fill","weight","grade","variant","size","fill$","BehaviorSubject","weight$","grade$","variant$","loadFonts","fontsLoaded","link","document","createElement","rel","href","head","appendChild","connectedCallback","hasAttribute","setAttribute","combineLatest","pipe","tap","style","setProperty","String","fontFamily","outlined","rounded","sharp","takeUntil","disconnecting","subscribe","changedProperties","updated","has","next","render","sizeConfig","tokenSizes","iconSize","opticalSize","opsz","html","styleMap","xxs","xs","sm","md","lg","__decorateClass","property","type","Number","reflect","prototype","customElement"],"mappings":"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"}

package/dist/icons.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./icon-DJnGMAQ2.cjs");
+"use strict";require("./icon-pU_cfmpD.cjs");
 //# sourceMappingURL=icons.cjs.map

package/dist/icons.js

@@ -1,2 +1,2 @@
-import "./icon-D0FAI5uJ.js";
+import "./icon-B5qeYrDu.js";
 //# sourceMappingURL=icons.js.map

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-1FDC-OTA.cjs");const n=require("./area.component-Ciw7vGsx.cjs"),t=require("./utils-C38P63L6.cjs");require("./autocomplete-auTO_M_w.cjs");const r=require("./avatar-Bo8kRnA-.cjs"),N=require("./boat-98He5-K8.cjs");require("./spinner-BKeA2bdB.cjs");const p=require("./icon-button-CSZtSmOy.cjs");require("./media-DDNmuoV0.cjs");const A=require("./checkbox-Dj06r6MD.cjs"),m=require("./suggestion-chip-dq20NKWy.cjs"),x=require("./input-chip-C3EPsHcP.cjs"),h=require("./code-preview-ByxcwPma.cjs"),E=require("./payment-card-form-rJCPUtWE.cjs"),g=require("./date-range-xYUr_KKx.cjs"),B=require("./date-range-inline-kbokz03Z.cjs"),d=require("./delay-CCreUpYu.cjs"),F=require("./details-CjQrqBli.cjs"),u=require("./dialog-content-CM3-RXQQ.cjs"),s=require("./dialog-service-B4nR8Em5.cjs"),o=require("./ripple-Ujq_REH4.cjs"),H=require("lit/directives/guard.js"),f=require("./discovery.service-BpGCuXPd.cjs");require("./divider-0yHQS8kR.cjs");const C=require("./dropdown-content-BmHQE5-P.cjs"),P=require("./timezone-nbn0o5GC.cjs");require("./form-DFDTspmH.cjs"),require("./icon-DJnGMAQ2.cjs");const O=require("./input-wZ6ORWru.cjs"),y=require("./flex-BEB1yuMF.cjs"),b=require("./list-CLKiZ6lk.cjs"),i=require("./email-recipients-Cioc3U0Z.cjs"),L=require("./map-w4Kdtycx.cjs");require("./menu-D9-9vipn.cjs");const j=require("./navigation-rail-CEDLJTrH.cjs"),S=require("./notification-service-B_pa74hl.cjs"),D=require("./notify-aasSKQGA.cjs");require("./option-Uze_q9Ef.cjs"),require("./progress-DdBHNIMT.cjs");const q=require("./radio-button-BAS7gKmA.cjs"),V=require("./rxjs-utils.cjs");require("rxjs"),require("./index-CCi1otmh.cjs");const z=require("./select-_2Ag_znm.cjs"),T=require("./sheet.service-DfHrOxyc.cjs");require("./sheet-wjDOQ8Hs.cjs");const w=require("./slider-BgJccHrg.cjs"),l=require("./schmancy-steps-container-wQsksygx.cjs"),a=require("./context-create-BJkkLr1D.cjs"),e=require("./selector-hook-Cok22ifx.cjs"),I=require("./surface-fEPJ-cuu.cjs"),v=require("./table-DEnB9_Rf.cjs");require("./tabs-compatibility-CXVHOR5X.cjs"),require("./textarea-B7arkA7y.cjs");const Y=require("./theme.interface-BMeNadVb.cjs"),c=require("./theme-controller-boat-Y5QXwJxW.cjs"),R=require("./theme.events-Car6U_SQ.cjs");require("./theme-button-BTKwL3oC.cjs");const M=require("./tooltip-DyuMJEjL.cjs"),G=require("./tree-N4Y6MoQe.cjs"),$=require("./types.cjs"),k=require("./typewriter-CFQAeOaw.cjs"),K=require("./typography-DsIU0TGe.cjs"),W=require("./intersection-CVvaDv96.cjs"),_=require("./number-B7aCRYnH.cjs"),Q=require("./search-B1s7thB0.cjs");exports.FINDING_MORTIES=n.FINDING_MORTIES,exports.HERE_RICKY=n.HERE_RICKY,exports.HISTORY_STRATEGY=n.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>n.SchmancyArea}),Object.defineProperty(exports,"SchmancyRoute",{enumerable:!0,get:()=>n.SchmancyRoute}),exports.area=n.area,exports.routerHistory=n.routerHistory,exports.buildQueryString=t.buildQueryString,exports.compareActiveRoutes=t.compareActiveRoutes,exports.compareCustomElementConstructors=t.compareCustomElementConstructors,exports.compareRouteActions=t.compareRouteActions,exports.createRouteCacheKey=t.createRouteCacheKey,exports.debounce=t.debounce,exports.decodeData=t.decodeData,exports.decodeRouteState=t.decodeRouteState,exports.deepMerge=t.deepMerge,exports.encodeData=t.encodeData,exports.encodeRouteState=t.encodeRouteState,exports.extractQueryParams=t.extractQueryParams,exports.getTagName=t.getTagName,exports.isObject=t.isObject,exports.lazy=t.lazy,exports.normalizeTagName=t.normalizeTagName,exports.sanitizeRouteState=t.sanitizeRouteState,exports.$drawer=r.$drawer,exports.HereMorty=r.HereMorty,Object.defineProperty(exports,"ScBadgeV2",{enumerable:!0,get:()=>r.ScBadgeV2}),Object.defineProperty(exports,"SchmancyAvatar",{enumerable:!0,get:()=>r.SchmancyAvatar}),Object.defineProperty(exports,"SchmancyBadgeV2",{enumerable:!0,get:()=>r.SchmancyBadgeV2}),Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>r.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=r.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>r.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=r.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=r.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>r.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=r.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=r.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>r.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=r.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=r.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationBar",{enumerable:!0,get:()=>r.SchmancyNavigationBar}),Object.defineProperty(exports,"SchmancyNavigationBarItem",{enumerable:!0,get:()=>r.SchmancyNavigationBarItem}),Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>r.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>r.SchmancyTeleportation}),exports.WhereAreYouRicky=r.WhereAreYouRicky,exports.schmancyContentDrawer=r.schmancyContentDrawer,exports.schmancyNavDrawer=r.schmancyNavDrawer,exports.teleport=r.teleport,Object.defineProperty(exports,"SchmancyBoat",{enumerable:!0,get:()=>N.SchmancyBoat}),Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>p.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>p.SchmnacyIconButton}),Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>A.SchmancyCheckboxElement}),Object.defineProperty(exports,"SchmancyAssistChip",{enumerable:!0,get:()=>m.SchmancyAssistChip}),exports.SchmancyChip=m.SchmancyFilterChip,exports.SchmancyFilterChip=m.SchmancyFilterChip,Object.defineProperty(exports,"SchmancySuggestionChip",{enumerable:!0,get:()=>m.SchmancySuggestionChip}),Object.defineProperty(exports,"SchmancyInputChip",{enumerable:!0,get:()=>x.SchmancyInputChip}),Object.defineProperty(exports,"SchmancyCode",{enumerable:!0,get:()=>h.SchmancyCode}),Object.defineProperty(exports,"SchmancyCodeHighlight",{enumerable:!0,get:()=>h.SchmancyCode}),Object.defineProperty(exports,"SchmancyCodePreview",{enumerable:!0,get:()=>h.SchmancyCodePreview}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>E.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDateRange",{enumerable:!0,get:()=>g.SchmancyDateRange}),exports.validateInitialDateRange=g.validateInitialDateRange,Object.defineProperty(exports,"SchmancyDateRangeInline",{enumerable:!0,get:()=>B.SchmancyDateRangeInline}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>d.SchmancyDelay}),exports.delayContext=d.delayContext,Object.defineProperty(exports,"SchmancyDetails",{enumerable:!0,get:()=>F.SchmancyDetails}),Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:()=>u.ConfirmDialog}),Object.defineProperty(exports,"SchmancyDialog",{enumerable:!0,get:()=>u.SchmancyDialog}),Object.defineProperty(exports,"SchmancyDialogContent",{enumerable:!0,get:()=>u.SchmancyDialogContent}),exports.$dialog=s.$dialog,exports.DialogService=s.DialogService,exports.DragDirective=o.DragDirective,exports.DropDirective=o.DropDirective,exports.color=o.color,exports.drag=o.drag,exports.drop=o.drop,exports.fullHeight=o.fullHeight,exports.ripple=o.ripple,Object.defineProperty(exports,"guard",{enumerable:!0,get:()=>H.guard}),exports.discoverAnyComponent=f.discoverAnyComponent,exports.discoverComponent=f.discoverComponent,Object.defineProperty(exports,"SchmancyDropdown",{enumerable:!0,get:()=>C.SchmancyDropdown}),Object.defineProperty(exports,"SchmancyDropdownContent",{enumerable:!0,get:()=>C.SchmancyDropdownContent}),Object.defineProperty(exports,"SchmancyCountriesSelect",{enumerable:!0,get:()=>P.SchmancyCountriesSelect}),Object.defineProperty(exports,"SchmancyTimezonesSelect",{enumerable:!0,get:()=>P.SchmancyTimezonesSelect}),Object.defineProperty(exports,"SchmancyInput",{enumerable:!0,get:()=>O.SchmancyInput}),Object.defineProperty(exports,"SchmancyInputCompat",{enumerable:!0,get:()=>O.SchmancyInputCompat}),Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>y.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>y.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>y.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>y.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>b.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>b.SchmancyListItem}),exports.SchmancyListTypeContext=b.SchmancyListTypeContext,Object.defineProperty(exports,"SchmancyEmailEditor",{enumerable:!0,get:()=>i.SchmancyEmailEditor}),Object.defineProperty(exports,"SchmancyEmailLayoutSelector",{enumerable:!0,get:()=>i.SchmancyEmailLayoutSelector}),Object.defineProperty(exports,"SchmancyEmailRecipients",{enumerable:!0,get:()=>i.SchmancyEmailRecipients}),Object.defineProperty(exports,"SchmancyEmailViewer",{enumerable:!0,get:()=>i.SchmancyEmailViewer}),Object.defineProperty(exports,"SchmancyMailbox",{enumerable:!0,get:()=>i.SchmancyMailbox}),Object.defineProperty(exports,"SchmancyMap",{enumerable:!0,get:()=>L.SchmancyMap}),Object.defineProperty(exports,"SchmancyNavigationRail",{enumerable:!0,get:()=>j.SchmancyNavigationRail}),Object.defineProperty(exports,"SchmancyNavigationRailItem",{enumerable:!0,get:()=>j.SchmancyNavigationRailItem}),exports.$notify=S.$notify,exports.NotificationAudioService=S.NotificationAudioService,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>S.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationContainer",{enumerable:!0,get:()=>S.SchmancyNotificationContainer}),exports.notify=D.notify,exports.notifyProgress=D.notifyProgress,Object.defineProperty(exports,"RadioButton",{enumerable:!0,get:()=>q.RadioButton}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>q.RadioGroup}),exports.mutationObserver=V.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>z.SchmancySelect}),exports.SchmancySheetPosition=T.SchmancySheetPosition,exports.sheet=T.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>w.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>w.SchmancySlider}),Object.defineProperty(exports,"SchmancyStep",{enumerable:!0,get:()=>l.SchmancyStep}),Object.defineProperty(exports,"SchmancyStepsContainer",{enumerable:!0,get:()=>l.SchmancyStepsContainer}),exports.StepsController=l.StepsController,exports.stepsContext=l.stepsContext,exports.BaseStore=a.BaseStore,exports.IndexedDBStorageManager=a.IndexedDBStorageManager,exports.LocalStorageManager=a.LocalStorageManager,exports.MemoryStorageManager=a.MemoryStorageManager,exports.SchmancyArrayStore=a.SchmancyArrayStore,exports.SchmancyStoreObject=a.SchmancyStoreObject,exports.SessionStorageManager=a.SessionStorageManager,exports.StoreError=a.StoreError,exports.createArrayContext=a.createArrayContext,exports.createContext=a.createContext,exports.createStorageManager=a.createStorageManager,exports.createTestArrayContext=a.createTestArrayContext,exports.compareValues=e.compareValues,exports.createCollectionSelector=e.createCollectionSelector,exports.createCompoundSelector=e.createCompoundSelector,exports.createCountSelector=e.createCountSelector,exports.createEntriesSelector=e.createEntriesSelector,exports.createFilterSelector=e.createFilterSelector,exports.createFindSelector=e.createFindSelector,exports.createItemSelector=e.createItemSelector,exports.createItemsSelector=e.createItemsSelector,exports.createKeysSelector=e.createKeysSelector,exports.createMapSelector=e.createMapSelector,exports.createOptimizedSelector=e.createOptimizedSelector,exports.createSelector=e.createSelector,exports.createSortSelector=e.createSortSelector,exports.filterArray=e.filterArray,exports.filterArrayItems=e.filterArrayItems,exports.filterMap=e.filterMap,exports.filterMapItems=e.filterMapItems,exports.getFieldValue=e.getFieldValue,exports.isArray=e.isArray,exports.isDate=e.isDate,exports.isIterable=e.isIterable,exports.isMap=e.isMap,exports.isNil=e.isNil,exports.isNumber=e.isNumber,exports.isPlainObject=e.isPlainObject,exports.isSet=e.isSet,exports.isString=e.isString,exports.select=e.select,exports.selectItem=e.selectItem,Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>I.SchmancySurface}),exports.SchmancySurfaceTypeContext=I.SchmancySurfaceTypeContext,Object.defineProperty(exports,"SchmancyDataTable",{enumerable:!0,get:()=>v.SchmancyDataTable}),Object.defineProperty(exports,"SchmancyTableRow",{enumerable:!0,get:()=>v.SchmancyTableRow}),exports.SchmancyTheme=Y.SchmancyTheme,Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>c.SchmancyThemeComponent}),Object.defineProperty(exports,"SchmancyThemeController",{enumerable:!0,get:()=>c.SchmancyThemeController}),Object.defineProperty(exports,"SchmancyThemeControllerBoat",{enumerable:!0,get:()=>c.SchmancyThemeControllerBoat}),exports.createDarkTonalPaletteFromBaseColor=c.createDarkTonalPaletteFromBaseColor,exports.createLightTonalPaletteFromBaseColor=c.createLightTonalPaletteFromBaseColor,exports.formateTheme=c.formateTheme,exports.schmancyTheme=c.schmancyTheme,exports.tailwindStyles=c.tailwindStyles,exports.theme=c.theme,exports.themeContext=c.themeContext,exports.ThemeHereIAm=R.ThemeHereIAm,exports.ThemeWhereAreYou=R.ThemeWhereAreYou,Object.defineProperty(exports,"SchmancyTooltip",{enumerable:!0,get:()=>M.SchmancyTooltip}),exports.tooltip=M.tooltip,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>G.SchmancyTree}),exports.SchmancyEvents=$.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>k.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>K.SchmancyTypography}),exports.intersection$=W.intersection$,exports.Numbers=_.Numbers,exports.similarity=Q.similarity;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-Bc3qyXjp.cjs");const n=require("./area.component-CS_gSutH.cjs"),t=require("./utils-C38P63L6.cjs"),g=require("./sound.service-eRirZw59.cjs"),p=require("./emotional-sounds-DVGhmoZf.cjs");require("./autocomplete-y-IyzH4r.cjs");const r=require("./avatar-DBfJucB9.cjs"),B=require("./boat-DkNUc1UO.cjs");require("./spinner-DJgcI5wr.cjs");const s=require("./icon-button-BpmGFjaR.cjs");require("./media-DibPwAjJ.cjs");const i=require("./pills-MmHyBGQu.cjs"),F=require("./checkbox-BvWcABPr.cjs"),y=require("./suggestion-chip-DdLfqk7o.cjs"),H=require("./input-chip-CocdqTzr.cjs"),h=require("./code-preview-BIFIJigy.cjs"),L=require("./payment-card-form-3kAXDbXf.cjs"),f=require("./date-range-B80Ummtv.cjs"),G=require("./date-range-inline-Df8u6Ecy.cjs"),P=require("./delay-BWsVHQib.cjs"),V=require("./details-oaVHXU7U.cjs"),C=require("./dialog-service-C86xTS8q.cjs"),u=require("./dialog.component-BriB-kFi.cjs"),o=require("./ripple-x6sTX02K.cjs"),$=require("lit/directives/guard.js"),z=require("./height-Z70qJYJK.cjs"),O=require("./discovery.service-BpGCuXPd.cjs");require("./divider-Dl4TToQZ.cjs");const j=require("./dropdown-content-C2W7OttQ.cjs"),D=require("./timezone-BhUaIAV7.cjs");require("./form-Zq7g2JS8.cjs"),require("./icon-pU_cfmpD.cjs");const q=require("./input-8G9YY9qv.cjs"),Y=require("./json-DPnyOA3K.cjs"),b=require("./flex-DFSIy0t4.cjs"),k=require("./scroll-BqT7bvhu.cjs"),S=require("./lightbox-service-3mHqBKEh.cjs"),d=require("./list-JjR7WOrd.cjs"),m=require("./email-recipients-Bh5VC0rc.cjs"),K=require("./map-D9R3OCne.cjs");require("./menu-vNrV-Nuq.cjs");const T=require("./navigation-rail-D1o3qDe_.cjs"),R=require("./notification-service-ICRT05L0.cjs"),w=require("./notify-NX-dl60E.cjs");require("./option-epyXLWoY.cjs");const Q=require("./page-Bmi1QHtq.cjs");require("./progress-qx8jtrOA.cjs");const W=require("./qr-scanner-DQq-WLyo.cjs"),v=require("./radio-button-DraEYR2R.cjs"),_=require("./rxjs-utils.cjs");require("rxjs"),require("./index-CCi1otmh.cjs");const J=require("./select-HiEGJvOX.cjs"),I=require("./sheet.service-BiRZjCdN.cjs");require("./sheet-BbrRW0S5.cjs");const M=require("./slider-VYnbIRH2.cjs"),l=require("./schmancy-steps-container-B5aiqgMA.cjs"),a=require("./context-create-DTybDbZp.cjs"),e=require("./selector-hook-9w2auh2O.cjs"),A=require("./surface-DcqbWGub.cjs"),x=require("./table-C9fzDjjk.cjs");require("./tabs-compatibility-Dwtjfkcf.cjs"),require("./textarea-DGmsw1B_.cjs");const U=require("./theme.interface-BMeNadVb.cjs"),c=require("./theme-controller-boat-pLzK5zxL.cjs"),N=require("./theme.events-Car6U_SQ.cjs");require("./theme-button-DG_Xwg9H.cjs");const E=require("./tooltip-iEvxKg8g.cjs"),X=require("./tree-Bclu6uvv.cjs"),Z=require("./types.cjs"),ee=require("./typewriter-Bscwd-36.cjs"),re=require("./typography-DLGT3DGz.cjs"),te=require("./intersection-CVvaDv96.cjs"),ae=require("./number-B7aCRYnH.cjs"),ce=require("./search-B1s7thB0.cjs");exports.FINDING_MORTIES=n.FINDING_MORTIES,exports.HERE_RICKY=n.HERE_RICKY,exports.HISTORY_STRATEGY=n.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>n.SchmancyArea}),Object.defineProperty(exports,"SchmancyRoute",{enumerable:!0,get:()=>n.SchmancyRoute}),exports.area=n.area,exports.routerHistory=n.routerHistory,exports.buildQueryString=t.buildQueryString,exports.compareActiveRoutes=t.compareActiveRoutes,exports.compareCustomElementConstructors=t.compareCustomElementConstructors,exports.compareRouteActions=t.compareRouteActions,exports.createRouteCacheKey=t.createRouteCacheKey,exports.debounce=t.debounce,exports.decodeData=t.decodeData,exports.decodeRouteState=t.decodeRouteState,exports.deepMerge=t.deepMerge,exports.encodeData=t.encodeData,exports.encodeRouteState=t.encodeRouteState,exports.extractQueryParams=t.extractQueryParams,exports.getTagName=t.getTagName,exports.isObject=t.isObject,exports.lazy=t.lazy,exports.normalizeTagName=t.normalizeTagName,exports.sanitizeRouteState=t.sanitizeRouteState,exports.schmancySound=g.schmancySound,exports.sound=g.sound,exports.$sounds=p.$sounds,exports.EmotionalSoundGenerator=p.EmotionalSoundGenerator,exports.$drawer=r.$drawer,exports.HereMorty=r.HereMorty,Object.defineProperty(exports,"ScBadgeV2",{enumerable:!0,get:()=>r.ScBadgeV2}),Object.defineProperty(exports,"SchmancyAvatar",{enumerable:!0,get:()=>r.SchmancyAvatar}),Object.defineProperty(exports,"SchmancyBadgeV2",{enumerable:!0,get:()=>r.SchmancyBadgeV2}),Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>r.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=r.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>r.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=r.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=r.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>r.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=r.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=r.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>r.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=r.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=r.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationBar",{enumerable:!0,get:()=>r.SchmancyNavigationBar}),Object.defineProperty(exports,"SchmancyNavigationBarItem",{enumerable:!0,get:()=>r.SchmancyNavigationBarItem}),Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>r.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>r.SchmancyTeleportation}),exports.WhereAreYouRicky=r.WhereAreYouRicky,exports.schmancyContentDrawer=r.schmancyContentDrawer,exports.schmancyNavDrawer=r.schmancyNavDrawer,exports.teleport=r.teleport,Object.defineProperty(exports,"SchmancyBoat",{enumerable:!0,get:()=>B.SchmancyBoat}),Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>s.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>s.SchmnacyIconButton}),Object.defineProperty(exports,"SchmancyAreaChart",{enumerable:!0,get:()=>i.SchmancyAreaChart}),Object.defineProperty(exports,"SchmancyPills",{enumerable:!0,get:()=>i.SchmancyPills}),exports.catmullRomSpline=i.catmullRomSpline,exports.easeOutCubic=i.easeOutCubic,exports.hexToRgba=i.hexToRgba,Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>F.SchmancyCheckboxElement}),Object.defineProperty(exports,"SchmancyAssistChip",{enumerable:!0,get:()=>y.SchmancyAssistChip}),exports.SchmancyChip=y.SchmancyFilterChip,exports.SchmancyFilterChip=y.SchmancyFilterChip,Object.defineProperty(exports,"SchmancySuggestionChip",{enumerable:!0,get:()=>y.SchmancySuggestionChip}),Object.defineProperty(exports,"SchmancyInputChip",{enumerable:!0,get:()=>H.SchmancyInputChip}),Object.defineProperty(exports,"SchmancyCode",{enumerable:!0,get:()=>h.SchmancyCode}),Object.defineProperty(exports,"SchmancyCodeHighlight",{enumerable:!0,get:()=>h.SchmancyCode}),Object.defineProperty(exports,"SchmancyCodePreview",{enumerable:!0,get:()=>h.SchmancyCodePreview}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>L.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDateRange",{enumerable:!0,get:()=>f.SchmancyDateRange}),exports.validateInitialDateRange=f.validateInitialDateRange,Object.defineProperty(exports,"SchmancyDateRangeInline",{enumerable:!0,get:()=>G.SchmancyDateRangeInline}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>P.SchmancyDelay}),exports.delayContext=P.delayContext,Object.defineProperty(exports,"SchmancyDetails",{enumerable:!0,get:()=>V.SchmancyDetails}),exports.$dialog=C.$dialog,exports.DialogService=C.DialogService,Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:()=>u.SchmancyDialog}),exports.DialogBase=u.DialogBase,Object.defineProperty(exports,"SchmancyDialog",{enumerable:!0,get:()=>u.SchmancyDialog}),exports.DragDirective=o.DragDirective,exports.DropDirective=o.DropDirective,exports.color=o.color,exports.drag=o.drag,exports.drop=o.drop,exports.ripple=o.ripple,Object.defineProperty(exports,"guard",{enumerable:!0,get:()=>$.guard}),exports.fullHeight=z.fullHeight,exports.discoverAnyComponent=O.discoverAnyComponent,exports.discoverComponent=O.discoverComponent,Object.defineProperty(exports,"SchmancyDropdown",{enumerable:!0,get:()=>j.SchmancyDropdown}),Object.defineProperty(exports,"SchmancyDropdownContent",{enumerable:!0,get:()=>j.SchmancyDropdownContent}),Object.defineProperty(exports,"SchmancyCountriesSelect",{enumerable:!0,get:()=>D.SchmancyCountriesSelect}),Object.defineProperty(exports,"SchmancyTimezonesSelect",{enumerable:!0,get:()=>D.SchmancyTimezonesSelect}),Object.defineProperty(exports,"SchmancyInput",{enumerable:!0,get:()=>q.SchmancyInput}),Object.defineProperty(exports,"SchmancyInputCompat",{enumerable:!0,get:()=>q.SchmancyInputCompat}),Object.defineProperty(exports,"SchmancyJson",{enumerable:!0,get:()=>Y.SchmancyJson}),Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>b.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>b.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>b.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>k.SchmancyScroll}),Object.defineProperty(exports,"SchmancyLightbox",{enumerable:!0,get:()=>S.SchmancyLightbox}),exports.flip=S.flip,exports.lightbox=S.lightbox$1,exports.lightboxDirective=S.lightbox,Object.defineProperty(exports,"List",{enumerable:!0,get:()=>d.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>d.SchmancyListItem}),exports.SchmancyListTypeContext=d.SchmancyListTypeContext,Object.defineProperty(exports,"SchmancyEmailEditor",{enumerable:!0,get:()=>m.SchmancyEmailEditor}),Object.defineProperty(exports,"SchmancyEmailLayoutSelector",{enumerable:!0,get:()=>m.SchmancyEmailLayoutSelector}),Object.defineProperty(exports,"SchmancyEmailRecipients",{enumerable:!0,get:()=>m.SchmancyEmailRecipients}),Object.defineProperty(exports,"SchmancyEmailViewer",{enumerable:!0,get:()=>m.SchmancyEmailViewer}),Object.defineProperty(exports,"SchmancyMailbox",{enumerable:!0,get:()=>m.SchmancyMailbox}),Object.defineProperty(exports,"SchmancyMap",{enumerable:!0,get:()=>K.SchmancyMap}),Object.defineProperty(exports,"SchmancyNavigationRail",{enumerable:!0,get:()=>T.SchmancyNavigationRail}),Object.defineProperty(exports,"SchmancyNavigationRailItem",{enumerable:!0,get:()=>T.SchmancyNavigationRailItem}),exports.$notify=R.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>R.SchmancyNotification}),exports.notify=w.notify,exports.notifyProgress=w.notifyProgress,Object.defineProperty(exports,"SchmancyPage",{enumerable:!0,get:()=>Q.SchmancyPage}),Object.defineProperty(exports,"SchmancyQRScanner",{enumerable:!0,get:()=>W.SchmancyQRScanner}),Object.defineProperty(exports,"RadioButton",{enumerable:!0,get:()=>v.RadioButton}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>v.RadioGroup}),exports.mutationObserver=_.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>J.SchmancySelect}),exports.SchmancySheetPosition=I.SchmancySheetPosition,exports.sheet=I.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>M.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>M.SchmancySlider}),Object.defineProperty(exports,"SchmancyStep",{enumerable:!0,get:()=>l.SchmancyStep}),Object.defineProperty(exports,"SchmancyStepsContainer",{enumerable:!0,get:()=>l.SchmancyStepsContainer}),exports.StepsController=l.StepsController,exports.stepsContext=l.stepsContext,exports.BaseStore=a.BaseStore,exports.IndexedDBStorageManager=a.IndexedDBStorageManager,exports.LocalStorageManager=a.LocalStorageManager,exports.MemoryStorageManager=a.MemoryStorageManager,exports.SchmancyArrayStore=a.SchmancyArrayStore,exports.SchmancyStoreObject=a.SchmancyStoreObject,exports.SessionStorageManager=a.SessionStorageManager,exports.StoreError=a.StoreError,exports.createArrayContext=a.createArrayContext,exports.createContext=a.createContext,exports.createStorageManager=a.createStorageManager,exports.createTestArrayContext=a.createTestArrayContext,exports.compareValues=e.compareValues,exports.createCollectionSelector=e.createCollectionSelector,exports.createCompoundSelector=e.createCompoundSelector,exports.createCountSelector=e.createCountSelector,exports.createEntriesSelector=e.createEntriesSelector,exports.createFilterSelector=e.createFilterSelector,exports.createFindSelector=e.createFindSelector,exports.createItemSelector=e.createItemSelector,exports.createItemsSelector=e.createItemsSelector,exports.createKeysSelector=e.createKeysSelector,exports.createMapSelector=e.createMapSelector,exports.createOptimizedSelector=e.createOptimizedSelector,exports.createSelector=e.createSelector,exports.createSortSelector=e.createSortSelector,exports.filterArray=e.filterArray,exports.filterArrayItems=e.filterArrayItems,exports.filterMap=e.filterMap,exports.filterMapItems=e.filterMapItems,exports.getFieldValue=e.getFieldValue,exports.isArray=e.isArray,exports.isDate=e.isDate,exports.isIterable=e.isIterable,exports.isMap=e.isMap,exports.isNil=e.isNil,exports.isNumber=e.isNumber,exports.isPlainObject=e.isPlainObject,exports.isSet=e.isSet,exports.isString=e.isString,exports.select=e.select,exports.selectItem=e.selectItem,Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>A.SchmancySurface}),exports.SchmancySurfaceTypeContext=A.SchmancySurfaceTypeContext,Object.defineProperty(exports,"SchmancyDataTable",{enumerable:!0,get:()=>x.SchmancyDataTable}),Object.defineProperty(exports,"SchmancyTableRow",{enumerable:!0,get:()=>x.SchmancyTableRow}),exports.SchmancyTheme=U.SchmancyTheme,exports.SchmancyGenerateMoodAudioEvent=c.SchmancyGenerateMoodAudioEvent,Object.defineProperty(exports,"SchmancyThemeAudioPlayer",{enumerable:!0,get:()=>c.SchmancyThemeAudioPlayer}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>c.SchmancyThemeComponent}),Object.defineProperty(exports,"SchmancyThemeController",{enumerable:!0,get:()=>c.SchmancyThemeController}),Object.defineProperty(exports,"SchmancyThemeControllerBoat",{enumerable:!0,get:()=>c.SchmancyThemeControllerBoat}),exports.createDarkTonalPaletteFromBaseColor=c.createDarkTonalPaletteFromBaseColor,exports.createLightTonalPaletteFromBaseColor=c.createLightTonalPaletteFromBaseColor,exports.formateTheme=c.formateTheme,exports.schmancyTheme=c.schmancyTheme,exports.tailwindStyles=c.tailwindStyles,exports.theme=c.theme,exports.themeContext=c.themeContext,exports.ThemeHereIAm=N.ThemeHereIAm,exports.ThemeWhereAreYou=N.ThemeWhereAreYou,Object.defineProperty(exports,"SchmancyTooltip",{enumerable:!0,get:()=>E.SchmancyTooltip}),exports.tooltip=E.tooltip,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>X.SchmancyTree}),exports.SchmancyEvents=Z.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>ee.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>re.SchmancyTypography}),exports.intersection$=te.intersection$,exports.Numbers=ae.Numbers,exports.similarity=ce.similarity;
 //# sourceMappingURL=index.cjs.map