@mhmo91/schmancy 0.5.5 → 0.5.7

package/dist/{textarea-CLvEQv6j.js.map → textarea-D5YjtfC7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-CLvEQv6j.js","sources":["../src/textarea/textarea.ts"],"sourcesContent":["import { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { TailwindElement } from '@mixins/index'\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The number of columns (width) of the control.\n\t * @attr cols\n\t * @type {number}\n\t * @default 20\n\t * @public\n\t */\n\t@property({ type: Number }) cols = 20\n\n\t/**\n\t * The number of rows (height) of the control.\n\t * @attr rows\n\t * @type {number}\n\t * @default 2\n\t * @public\n\t */\n\t@property({ type: Number }) rows = 2\n\n\t/**\n\t * Makes the textarea fill the height of its container.\n\t * @attr fillHeight\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) fillHeight = false\n\n\t/**\n\t * Automatically adjusts height based on content.\n\t * @attr autoHeight\n\t * @type {boolean}\n\t * @default true\n\t * @public\n\t */\n\t@property({ type: Boolean }) autoHeight = true\n\n\t/**\n\t * Controls whether the textarea can be resized by the user.\n\t * @attr resize\n\t * @type {'none' | 'vertical' | 'horizontal' | 'both'}\n\t * @default 'vertical'\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) resize: 'none' | 'vertical' | 'horizontal' | 'both' = 'vertical'\n\n\t/**\n\t * Specifies how the text in a text area is to be wrapped when submitted in a form.\n\t * @attr wrap\n\t * @type {'hard' | 'soft'}\n\t * @default 'soft'\n\t * @public\n\t */\n\t@property({ type: String }) wrap: 'hard' | 'soft' = 'soft'\n\n\t/**\n\t * The dirname attribute of the control.\n\t * @attr dirname\n\t * @type {string}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String }) dirname: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('textarea') textareaElement!: HTMLTextAreaElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tif (this.autoHeight) {\n\t\t\t// Initial adjustment for pre-filled content\n\t\t\tsetTimeout(() => this.adjustHeight(), 0)\n\t\t}\n\t\tfromEvent(this.textareaElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t\tfromEvent(this.textareaElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t\t// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.textareaElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.textareaRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.textareaRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.textareaRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the textarea. */\n\tpublic select() {\n\t\treturn this.textareaRef.value?.select()\n\t}\n\n\t/** Sets the selection range. */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.textareaRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/** Returns the selected text within the textarea. */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.textareaRef.value?.selectionStart ?? null\n\t}\n\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.textareaRef.value?.selectionEnd ?? null\n\t}\n\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.textareaRef.value?.selectionDirection ?? null\n\t}\n\n\t/** Sets the range of text to be selected. */\n\tpublic setRangeText(replacement: string) {\n\t\tthis.textareaRef.value?.setRangeText(replacement)\n\t}\n\n\t/** Adjusts the height of the textarea based on its content. */\n\tpublic adjustHeight() {\n\t\tconst textarea = this.textareaRef.value\n\t\tif (textarea) {\n\t\t\t// Only grow, never shrink\n\t\t\tconst currentHeight = textarea.offsetHeight\n\t\t\tconst scrollHeight = textarea.scrollHeight\n\t\t\tif (scrollHeight > currentHeight) {\n\t\t\t\ttextarea.style.height = scrollHeight + 'px'\n\t\t\t}\n\t\t}\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.textareaRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.textareaRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.textareaRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.textareaRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t\t'h-full': this.fillHeight,\n\t\t\t'resize-none': this.resize === 'none',\n\t\t\t'resize-y': this.resize === 'vertical',\n\t\t\t'resize-x': this.resize === 'horizontal',\n\t\t\t'resize': this.resize === 'both',\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\tconst containerClasses = {\n\t\t\t'flex flex-col h-full': this.fillHeight,\n\t\t}\n\t\treturn html`\n\t\t<div class=\"${this.classMap(containerClasses)}\">\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<schmancy-typography type=\"body\" token=\"lg\" class=\"${this.fillHeight ? 'flex-grow flex flex-col' : ''}\">\n\t\t\t\t<textarea\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t\t${ref(this.textareaRef)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.id=${this.id}\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\t.readonly=${this.readonly}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tcols=${ifDefined(this.cols)}\n\t\t\t\t\trows=${ifDefined(this.rows)}\n\t\t\t\t\twrap=${ifDefined(this.wrap)}\n\t\t\t\t\tdirname=${ifDefined(this.dirname)}\n\t\t\t\t></textarea>\n\t\t\t</schmancy-typography>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t</div>\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyTextareaChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-textarea': SchmancyTextarea\n\t}\n}\n"],"names":["SchmancyTextarea","TailwindElement","constructor","super","this","textareaRef","createRef","label","name","Date","now","placeholder","value","cols","rows","fillHeight","autoHeight","resize","wrap","required","disabled","readonly","spellcheck","align","tabIndex","error","internals","attachInternals","firstUpdated","autofocus","focus","setTimeout","adjustHeight","fromEvent","textareaElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","form","reportValidity","checkValidity","message","setCustomValidity","select","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","setRangeText","textarea","currentHeight","offsetHeight","scrollHeight","style","height","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","containerClasses","html","classMap","when","color","SchmancyTheme","sys","default","primary","id","bgColor","surface","highest","on","ref","ifDefined","minlength","maxlength","dirname","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","type","String","reflect","Number","Boolean","query","customElement"],"mappings":"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"}
+{"version":3,"file":"textarea-D5YjtfC7.js","sources":["../src/textarea/textarea.ts"],"sourcesContent":["import { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { TailwindElement } from '@mixins/index'\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The number of columns (width) of the control.\n\t * @attr cols\n\t * @type {number}\n\t * @default 20\n\t * @public\n\t */\n\t@property({ type: Number }) cols = 20\n\n\t/**\n\t * The number of rows (height) of the control.\n\t * @attr rows\n\t * @type {number}\n\t * @default 2\n\t * @public\n\t */\n\t@property({ type: Number }) rows = 2\n\n\t/**\n\t * Makes the textarea fill the height of its container.\n\t * @attr fillHeight\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) fillHeight = false\n\n\t/**\n\t * Automatically adjusts height based on content.\n\t * @attr autoHeight\n\t * @type {boolean}\n\t * @default true\n\t * @public\n\t */\n\t@property({ type: Boolean }) autoHeight = true\n\n\t/**\n\t * Controls whether the textarea can be resized by the user.\n\t * @attr resize\n\t * @type {'none' | 'vertical' | 'horizontal' | 'both'}\n\t * @default 'vertical'\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) resize: 'none' | 'vertical' | 'horizontal' | 'both' = 'vertical'\n\n\t/**\n\t * Specifies how the text in a text area is to be wrapped when submitted in a form.\n\t * @attr wrap\n\t * @type {'hard' | 'soft'}\n\t * @default 'soft'\n\t * @public\n\t */\n\t@property({ type: String }) wrap: 'hard' | 'soft' = 'soft'\n\n\t/**\n\t * The dirname attribute of the control.\n\t * @attr dirname\n\t * @type {string}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String }) dirname: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('textarea') textareaElement!: HTMLTextAreaElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tif (this.autoHeight) {\n\t\t\t// Initial adjustment for pre-filled content\n\t\t\tsetTimeout(() => this.adjustHeight(), 0)\n\t\t}\n\t\tfromEvent(this.textareaElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t\tfromEvent(this.textareaElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tif (this.autoHeight) {\n\t\t\t\t\tthis.adjustHeight()\n\t\t\t\t}\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t\t// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.textareaElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t}\n\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.textareaRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.textareaRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.textareaRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the textarea. */\n\tpublic select() {\n\t\treturn this.textareaRef.value?.select()\n\t}\n\n\t/** Sets the selection range. */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.textareaRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/** Returns the selected text within the textarea. */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.textareaRef.value?.selectionStart ?? null\n\t}\n\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.textareaRef.value?.selectionEnd ?? null\n\t}\n\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.textareaRef.value?.selectionDirection ?? null\n\t}\n\n\t/** Sets the range of text to be selected. */\n\tpublic setRangeText(replacement: string) {\n\t\tthis.textareaRef.value?.setRangeText(replacement)\n\t}\n\n\t/** Adjusts the height of the textarea based on its content. */\n\tpublic adjustHeight() {\n\t\tconst textarea = this.textareaRef.value\n\t\tif (textarea) {\n\t\t\t// Only grow, never shrink\n\t\t\tconst currentHeight = textarea.offsetHeight\n\t\t\tconst scrollHeight = textarea.scrollHeight\n\t\t\tif (scrollHeight > currentHeight) {\n\t\t\t\ttextarea.style.height = scrollHeight + 'px'\n\t\t\t}\n\t\t}\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.textareaRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.textareaRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.textareaRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.textareaRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t\t'h-full': this.fillHeight,\n\t\t\t'resize-none': this.resize === 'none',\n\t\t\t'resize-y': this.resize === 'vertical',\n\t\t\t'resize-x': this.resize === 'horizontal',\n\t\t\t'resize': this.resize === 'both',\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\tconst containerClasses = {\n\t\t\t'flex flex-col h-full': this.fillHeight,\n\t\t}\n\t\treturn html`\n\t\t<div class=\"${this.classMap(containerClasses)}\">\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<schmancy-typography type=\"body\" token=\"lg\" class=\"${this.fillHeight ? 'flex-grow flex flex-col' : ''}\">\n\t\t\t\t<textarea\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t\t${ref(this.textareaRef)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.id=${this.id}\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\t.readonly=${this.readonly}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tcols=${ifDefined(this.cols)}\n\t\t\t\t\trows=${ifDefined(this.rows)}\n\t\t\t\t\twrap=${ifDefined(this.wrap)}\n\t\t\t\t\tdirname=${ifDefined(this.dirname)}\n\t\t\t\t></textarea>\n\t\t\t</schmancy-typography>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t</div>\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyTextareaChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-textarea': SchmancyTextarea\n\t}\n}\n"],"names":["SchmancyTextarea","TailwindElement","constructor","super","this","textareaRef","createRef","label","name","Date","now","placeholder","value","cols","rows","fillHeight","autoHeight","resize","wrap","required","disabled","readonly","spellcheck","align","tabIndex","error","internals","attachInternals","firstUpdated","autofocus","focus","setTimeout","adjustHeight","fromEvent","textareaElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","form","reportValidity","checkValidity","message","setCustomValidity","select","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","setRangeText","textarea","currentHeight","offsetHeight","scrollHeight","style","height","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","containerClasses","html","classMap","when","color","SchmancyTheme","sys","default","primary","id","bgColor","surface","highest","on","ref","ifDefined","minlength","maxlength","dirname","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","type","String","reflect","Number","Boolean","query","customElement"],"mappings":"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"}

package/dist/textarea.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./textarea-DWONt54H.cjs");
+"use strict";require("./textarea-BE1uxnbN.cjs");
 //# sourceMappingURL=textarea.cjs.map

package/dist/textarea.js

@@ -1,2 +1,2 @@
-import "./textarea-CLvEQv6j.js";
+import "./textarea-D5YjtfC7.js";
 //# sourceMappingURL=textarea.js.map

package/dist/{theme-button-BdYYGgFH.js → theme-button-CeLy95-B.js}

@@ -2,7 +2,7 @@ import "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { query as i, customElement as p } from "lit/decorators.js";
-import { T as l } from "./tailwind.mixin-CZYjesLI.js";
+import { T as l } from "./tailwind.mixin-R2xLfpws.js";
 import { html as h } from "lit";
 var y = Object.defineProperty, d = Object.getOwnPropertyDescriptor, s = (a, r, e, o) => {
   for (var c, t = o > 1 ? void 0 : o ? d(r, e) : r, n = a.length - 1; n >= 0; n--) (c = a[n]) && (t = (o ? c(r, e, t) : c(t)) || t);
@@ -23,4 +23,4 @@ let m = class extends l() {
   }
 };
 s([i("#color")], m.prototype, "color", 2), m = s([p("schmancy-theme-button")], m);
-//# sourceMappingURL=theme-button-BdYYGgFH.js.map
+//# sourceMappingURL=theme-button-CeLy95-B.js.map

package/dist/{theme-button-BdYYGgFH.js.map → theme-button-CeLy95-B.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-button-BdYYGgFH.js","sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends TailwindElement() {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards',    // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out',  // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"names":["SchmancyThemeButton","TailwindElement","render","html","this","color","animate","transform","duration","__decorateClass","query","prototype","customElement"],"mappings":";;;;;;;;;;AAKA,IAAqBA,IAArB,cAAiDC,EAAAA,EAAAA;AAAAA,EAGtC,SAAAC;AACT,WAAOC;AAAAA;AAAAA,aAEI,MAAA;AAKRC,WAAKC,MAAMC,QAAQ,CAAC,EAAEC,WAAW,eAAA,GAAkB,EAAEA,WAAW,iBAAA,CAAA,GAAqB,EACpFC,UAAU,IAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUf;AAAA;AArBiBC,EAAA,CAAhBC,EAAM,QAAA,CAAA,GADaV,EACHW,WAAA,SAAA,CAAA,GADGX,IAArBS,EAAA,CADCG,EAAc,uBAAA,CAAA,GACMZ,CAAAA;"}
+{"version":3,"file":"theme-button-CeLy95-B.js","sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends TailwindElement() {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards',    // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out',  // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"names":["SchmancyThemeButton","TailwindElement","render","html","this","color","animate","transform","duration","__decorateClass","query","prototype","customElement"],"mappings":";;;;;;;;;;AAKA,IAAqBA,IAArB,cAAiDC,EAAAA,EAAAA;AAAAA,EAGtC,SAAAC;AACT,WAAOC;AAAAA;AAAAA,aAEI,MAAA;AAKRC,WAAKC,MAAMC,QAAQ,CAAC,EAAEC,WAAW,eAAA,GAAkB,EAAEA,WAAW,iBAAA,CAAA,GAAqB,EACpFC,UAAU,IAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUf;AAAA;AArBiBC,EAAA,CAAhBC,EAAM,QAAA,CAAA,GADaV,EACHW,WAAA,SAAA,CAAA,GADGX,IAArBS,EAAA,CADCG,EAAc,uBAAA,CAAA,GACMZ,CAAAA;"}

package/dist/{theme-button-Bl6DYe-u.cjs → theme-button-DXJTRh4E.cjs}

@@ -1,4 +1,4 @@
-"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("lit/decorators.js"),l=require("./tailwind.mixin-D-R1_0vn.cjs"),m=require("lit");var d=Object.defineProperty,h=Object.getOwnPropertyDescriptor,s=(a,r,c,t)=>{for(var o,e=t>1?void 0:t?h(r,c):r,i=a.length-1;i>=0;i--)(o=a[i])&&(e=(t?o(r,c,e):o(e))||e);return t&&e&&d(r,c,e),e};let n=class extends l.TailwindElement(){render(){return m.html`
+"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("lit/decorators.js"),l=require("./tailwind.mixin-BvVlz7hG.cjs"),m=require("lit");var d=Object.defineProperty,h=Object.getOwnPropertyDescriptor,s=(a,r,c,t)=>{for(var o,e=t>1?void 0:t?h(r,c):r,i=a.length-1;i>=0;i--)(o=a[i])&&(e=(t?o(r,c,e):o(e))||e);return t&&e&&d(r,c,e),e};let n=class extends l.TailwindElement(){render(){return m.html`
 			<schmancy-button
 				@click=${()=>{this.color.animate([{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],{duration:300})}}
 				variant="text"
@@ -6,4 +6,4 @@
 				<schmancy-icon id="color">palette</schmancy-icon>
 			</schmancy-button>
 		`}};s([u.query("#color")],n.prototype,"color",2),n=s([u.customElement("schmancy-theme-button")],n);
-//# sourceMappingURL=theme-button-Bl6DYe-u.cjs.map
+//# sourceMappingURL=theme-button-DXJTRh4E.cjs.map

package/dist/{theme-button-Bl6DYe-u.cjs.map → theme-button-DXJTRh4E.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-button-Bl6DYe-u.cjs","sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends TailwindElement() {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards',    // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out',  // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"names":["SchmancyThemeButton","TailwindElement","render","html","this","color","animate","transform","duration","__decorateClass","query","prototype","customElement"],"mappings":"4YAKA,IAAqBA,EAArB,cAAiDC,EAAAA,gBAAAA,CAAAA,CAGtC,QAAAC,CACT,OAAOC,EAAAA;AAAAA;AAAAA,aAEI,IAAA,CAKRC,KAAKC,MAAMC,QAAQ,CAAC,CAAEC,UAAW,cAAA,EAAkB,CAAEA,UAAW,gBAAA,CAAA,EAAqB,CACpFC,SAAU,GAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUf,CAAA,EArBiBC,EAAA,CAAhBC,EAAAA,MAAM,WADaV,EACHW,UAAA,QAAA,CAAA,EADGX,EAArBS,EAAA,CADCG,EAAAA,cAAc,uBAAA,CAAA,EACMZ,CAAAA"}
+{"version":3,"file":"theme-button-DXJTRh4E.cjs","sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends TailwindElement() {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards',    // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out',  // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"names":["SchmancyThemeButton","TailwindElement","render","html","this","color","animate","transform","duration","__decorateClass","query","prototype","customElement"],"mappings":"4YAKA,IAAqBA,EAArB,cAAiDC,EAAAA,gBAAAA,CAAAA,CAGtC,QAAAC,CACT,OAAOC,EAAAA;AAAAA;AAAAA,aAEI,IAAA,CAKRC,KAAKC,MAAMC,QAAQ,CAAC,CAAEC,UAAW,cAAA,EAAkB,CAAEA,UAAW,gBAAA,CAAA,EAAqB,CACpFC,SAAU,GAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUf,CAAA,EArBiBC,EAAA,CAAhBC,EAAAA,MAAM,WADaV,EACHW,UAAA,QAAA,CAAA,EADGX,EAArBS,EAAA,CADCG,EAAAA,cAAc,uBAAA,CAAA,EACMZ,CAAAA"}

package/dist/theme-button.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./theme-button-Bl6DYe-u.cjs");
+"use strict";require("./theme-button-DXJTRh4E.cjs");
 //# sourceMappingURL=theme-button.cjs.map

package/dist/theme-button.js

@@ -1,2 +1,2 @@
-import "./theme-button-BdYYGgFH.js";
+import "./theme-button-CeLy95-B.js";
 //# sourceMappingURL=theme-button.js.map

package/dist/theme.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.component-DmXNVD2a.cjs"),m=require("./theme.events-Car6U_SQ.cjs"),r=require("./theme.interface-Xg5Zi46a.cjs");Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>e.SchmancyThemeComponent}),exports.formateTheme=e.formateTheme,exports.tailwindStyles=e.tailwindStyles,exports.theme=e.theme,exports.ThemeHereIAm=m.ThemeHereIAm,exports.ThemeWhereAreYou=m.ThemeWhereAreYou,exports.SchmancyTheme=r.SchmancyTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme.component-zoufYNW7.cjs"),m=require("./theme.events-Car6U_SQ.cjs"),r=require("./theme.interface-Xg5Zi46a.cjs");Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>e.SchmancyThemeComponent}),exports.formateTheme=e.formateTheme,exports.tailwindStyles=e.tailwindStyles,exports.theme=e.theme,exports.ThemeHereIAm=m.ThemeHereIAm,exports.ThemeWhereAreYou=m.ThemeWhereAreYou,exports.SchmancyTheme=r.SchmancyTheme;
 //# sourceMappingURL=theme.cjs.map

package/dist/{theme.component-RePKvdDz.js → theme.component-C03A-Sve.js}

@@ -1,9 +1,9 @@
 import { n as $e, e as Ue } from "./provide-tcktw8xB.js";
-import { T as je } from "./tailwind.mixin-CZYjesLI.js";
+import { T as je } from "./tailwind.mixin-R2xLfpws.js";
 import { unsafeCSS as qe, html as Ye } from "lit";
 import { property as le, customElement as Ge } from "lit/decorators.js";
-import { BehaviorSubject as he, distinctUntilChanged as X, shareReplay as re, switchMap as fe, Observable as Le, of as ge, fromEvent as me, takeUntil as ke, timer as Ie, map as ue, defaultIfEmpty as Be, tap as pe } from "rxjs";
-import { a as xe, T as Ee } from "./theme.events-CPSLaOlR.js";
+import { BehaviorSubject as he, distinctUntilChanged as K, shareReplay as re, switchMap as fe, Observable as Le, of as ge, fromEvent as me, takeUntil as ke, timer as Ie, map as ue, defaultIfEmpty as Be, tap as pe } from "rxjs";
+import { a as xe, T as Ae } from "./theme.events-CPSLaOlR.js";
 function z(r) {
   return r < 0 ? -1 : r === 0 ? 0 : 1;
 }
@@ -19,25 +19,25 @@ function be(r) {
 function Ce(r, e) {
   return [r[0] * e[0][0] + r[1] * e[0][1] + r[2] * e[0][2], r[0] * e[1][0] + r[1] * e[1][1] + r[2] * e[1][2], r[0] * e[2][0] + r[1] * e[2][1] + r[2] * e[2][2]];
 }
-const Ke = [[0.41233895, 0.35762064, 0.18051042], [0.2126, 0.7152, 0.0722], [0.01932141, 0.11916382, 0.95034478]], Xe = [[3.2413774792388685, -1.5376652402851851, -0.49885366846268053], [-0.9691452513005321, 1.8758853451067872, 0.04156585616912061], [0.05562093689691305, -0.20395524564742123, 1.0571799111220335]], We = [95.047, 100, 108.883];
+const Xe = [[0.41233895, 0.35762064, 0.18051042], [0.2126, 0.7152, 0.0722], [0.01932141, 0.11916382, 0.95034478]], Ke = [[3.2413774792388685, -1.5376652402851851, -0.49885366846268053], [-0.9691452513005321, 1.8758853451067872, 0.04156585616912061], [0.05562093689691305, -0.20395524564742123, 1.0571799111220335]], We = [95.047, 100, 108.883];
 function Pe(r, e, o) {
   return (255 << 24 | (255 & r) << 16 | (255 & e) << 8 | 255 & o) >>> 0;
 }
 function Fe(r) {
-  return Pe(K(r[0]), K(r[1]), K(r[2]));
+  return Pe(X(r[0]), X(r[1]), X(r[2]));
 }
 function we(r) {
   const e = function(o) {
-    const t = Q(function(s) {
+    const t = N(function(s) {
       return s >> 16 & 255;
-    }(o)), a = Q(function(s) {
+    }(o)), a = N(function(s) {
       return s >> 8 & 255;
-    }(o)), n = Q(function(s) {
+    }(o)), n = N(function(s) {
       return 255 & s;
     }(o));
-    return Ce([t, a, n], Ke);
+    return Ce([t, a, n], Xe);
   }(r)[1];
-  return 116 * Ae(e / 100) - 16;
+  return 116 * Ee(e / 100) - 16;
 }
 function G(r) {
   return 100 * function(e) {
@@ -46,19 +46,19 @@ function G(r) {
   }((r + 16) / 116);
 }
 function ve(r) {
-  return 116 * Ae(r / 100) - 16;
+  return 116 * Ee(r / 100) - 16;
 }
-function Q(r) {
+function N(r) {
   const e = r / 255;
   return e <= 0.040449936 ? e / 12.92 * 100 : 100 * Math.pow((e + 0.055) / 1.055, 2.4);
 }
-function K(r) {
+function X(r) {
   const e = r / 100;
   let o = 0;
   return o = e <= 31308e-7 ? 12.92 * e : 1.055 * Math.pow(e, 1 / 2.4) - 0.055, t = 0, a = 255, (n = Math.round(255 * o)) < t ? t : n > a ? a : n;
   var t, a, n;
 }
-function Ae(r) {
+function Ee(r) {
   return r > 216 / 24389 ? Math.pow(r, 1 / 3) : (903.2962962962963 * r + 16) / 116;
 }
 class U {
@@ -88,8 +88,8 @@ class V {
     return V.fromIntInViewingConditions(e, U.DEFAULT);
   }
   static fromIntInViewingConditions(e, o) {
-    const t = (65280 & e) >> 8, a = 255 & e, n = Q((16711680 & e) >> 16), s = Q(t), l = Q(a), h = 0.41233895 * n + 0.35762064 * s + 0.18051042 * l, i = 0.2126 * n + 0.7152 * s + 0.0722 * l, m = 0.01932141 * n + 0.11916382 * s + 0.95034478 * l, f = 0.401288 * h + 0.650173 * i - 0.051461 * m, g = -0.250268 * h + 1.204414 * i + 0.045854 * m, b = -2079e-6 * h + 0.048952 * i + 0.953127 * m, y = o.rgbD[0] * f, w = o.rgbD[1] * g, v = o.rgbD[2] * b, D = Math.pow(o.fl * Math.abs(y) / 100, 0.42), k = Math.pow(o.fl * Math.abs(w) / 100, 0.42), L = Math.pow(o.fl * Math.abs(v) / 100, 0.42), x = 400 * z(y) * D / (D + 27.13), C = 400 * z(w) * k / (k + 27.13), F = 400 * z(v) * L / (L + 27.13), P = (11 * x + -12 * C + F) / 11, I = (x + C - 2 * F) / 9, S = (20 * x + 20 * C + 21 * F) / 20, ne = (40 * x + 20 * C + F) / 20, H = 180 * Math.atan2(I, P) / Math.PI, _ = H < 0 ? H + 360 : H >= 360 ? H - 360 : H, j = _ * Math.PI / 180, A = ne * o.nbb, $ = 100 * Math.pow(A / o.aw, o.c * o.z), Z = 4 / o.c * Math.sqrt($ / 100) * (o.aw + 4) * o.fLRoot, ee = _ < 20.14 ? _ + 360 : _, ce = 5e4 / 13 * (0.25 * (Math.cos(ee * Math.PI / 180 + 2) + 3.8)) * o.nc * o.ncb * Math.sqrt(P * P + I * I) / (S + 0.305), se = Math.pow(ce, 0.9) * Math.pow(1.64 - Math.pow(0.29, o.n), 0.73), ie = se * Math.sqrt($ / 100), Se = ie * o.fLRoot, Re = 50 * Math.sqrt(se * o.c / (o.aw + 4)), ze = (1 + 100 * 7e-3) * $ / (1 + 7e-3 * $), Te = 1 / 0.0228 * Math.log(1 + 0.0228 * Se), He = Te * Math.cos(j), _e = Te * Math.sin(j);
-    return new V(_, ie, $, Z, Se, Re, ze, He, _e);
+    const t = (65280 & e) >> 8, a = 255 & e, n = N((16711680 & e) >> 16), s = N(t), l = N(a), h = 0.41233895 * n + 0.35762064 * s + 0.18051042 * l, i = 0.2126 * n + 0.7152 * s + 0.0722 * l, m = 0.01932141 * n + 0.11916382 * s + 0.95034478 * l, f = 0.401288 * h + 0.650173 * i - 0.051461 * m, g = -0.250268 * h + 1.204414 * i + 0.045854 * m, b = -2079e-6 * h + 0.048952 * i + 0.953127 * m, y = o.rgbD[0] * f, w = o.rgbD[1] * g, v = o.rgbD[2] * b, D = Math.pow(o.fl * Math.abs(y) / 100, 0.42), k = Math.pow(o.fl * Math.abs(w) / 100, 0.42), L = Math.pow(o.fl * Math.abs(v) / 100, 0.42), x = 400 * z(y) * D / (D + 27.13), C = 400 * z(w) * k / (k + 27.13), F = 400 * z(v) * L / (L + 27.13), P = (11 * x + -12 * C + F) / 11, I = (x + C - 2 * F) / 9, S = (20 * x + 20 * C + 21 * F) / 20, ne = (40 * x + 20 * C + F) / 20, H = 180 * Math.atan2(I, P) / Math.PI, _ = H < 0 ? H + 360 : H >= 360 ? H - 360 : H, j = _ * Math.PI / 180, E = ne * o.nbb, $ = 100 * Math.pow(E / o.aw, o.c * o.z), Q = 4 / o.c * Math.sqrt($ / 100) * (o.aw + 4) * o.fLRoot, ee = _ < 20.14 ? _ + 360 : _, ce = 5e4 / 13 * (0.25 * (Math.cos(ee * Math.PI / 180 + 2) + 3.8)) * o.nc * o.ncb * Math.sqrt(P * P + I * I) / (S + 0.305), se = Math.pow(ce, 0.9) * Math.pow(1.64 - Math.pow(0.29, o.n), 0.73), ie = se * Math.sqrt($ / 100), Se = ie * o.fLRoot, Re = 50 * Math.sqrt(se * o.c / (o.aw + 4)), ze = (1 + 100 * 7e-3) * $ / (1 + 7e-3 * $), Te = 1 / 0.0228 * Math.log(1 + 0.0228 * Se), He = Te * Math.cos(j), _e = Te * Math.sin(j);
+    return new V(_, ie, $, Q, Se, Re, ze, He, _e);
   }
   static fromJch(e, o, t) {
     return V.fromJchInViewingConditions(e, o, t, U.DEFAULT);
@@ -114,13 +114,13 @@ class V {
   viewed(e) {
     const o = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), t = Math.pow(o / Math.pow(1.64 - Math.pow(0.29, e.n), 0.73), 1 / 0.9), a = this.hue * Math.PI / 180, n = 0.25 * (Math.cos(a + 2) + 3.8), s = e.aw * Math.pow(this.j / 100, 1 / e.c / e.z), l = n * (5e4 / 13) * e.nc * e.ncb, h = s / e.nbb, i = Math.sin(a), m = Math.cos(a), f = 23 * (h + 0.305) * t / (23 * l + 11 * t * m + 108 * t * i), g = f * m, b = f * i, y = (460 * h + 451 * g + 288 * b) / 1403, w = (460 * h - 891 * g - 261 * b) / 1403, v = (460 * h - 220 * g - 6300 * b) / 1403, D = Math.max(0, 27.13 * Math.abs(y) / (400 - Math.abs(y))), k = z(y) * (100 / e.fl) * Math.pow(D, 1 / 0.42), L = Math.max(0, 27.13 * Math.abs(w) / (400 - Math.abs(w))), x = z(w) * (100 / e.fl) * Math.pow(L, 1 / 0.42), C = Math.max(0, 27.13 * Math.abs(v) / (400 - Math.abs(v))), F = z(v) * (100 / e.fl) * Math.pow(C, 1 / 0.42), P = k / e.rgbD[0], I = x / e.rgbD[1], S = F / e.rgbD[2];
     return function(H, _, j) {
-      const A = Xe, $ = A[0][0] * H + A[0][1] * _ + A[0][2] * j, Z = A[1][0] * H + A[1][1] * _ + A[1][2] * j, ee = A[2][0] * H + A[2][1] * _ + A[2][2] * j;
-      return Pe(K($), K(Z), K(ee));
+      const E = Ke, $ = E[0][0] * H + E[0][1] * _ + E[0][2] * j, Q = E[1][0] * H + E[1][1] * _ + E[1][2] * j, ee = E[2][0] * H + E[2][1] * _ + E[2][2] * j;
+      return Pe(X($), X(Q), X(ee));
     }(1.86206786 * P - 1.01125463 * I + 0.14918677 * S, 0.38752654 * P + 0.62144744 * I - 897398e-8 * S, -0.0158415 * P - 0.03412294 * I + 1.04996444 * S);
   }
   static fromXyzInViewingConditions(e, o, t, a) {
-    const n = 0.401288 * e + 0.650173 * o - 0.051461 * t, s = -0.250268 * e + 1.204414 * o + 0.045854 * t, l = -2079e-6 * e + 0.048952 * o + 0.953127 * t, h = a.rgbD[0] * n, i = a.rgbD[1] * s, m = a.rgbD[2] * l, f = Math.pow(a.fl * Math.abs(h) / 100, 0.42), g = Math.pow(a.fl * Math.abs(i) / 100, 0.42), b = Math.pow(a.fl * Math.abs(m) / 100, 0.42), y = 400 * z(h) * f / (f + 27.13), w = 400 * z(i) * g / (g + 27.13), v = 400 * z(m) * b / (b + 27.13), D = (11 * y + -12 * w + v) / 11, k = (y + w - 2 * v) / 9, L = (20 * y + 20 * w + 21 * v) / 20, x = (40 * y + 20 * w + v) / 20, C = 180 * Math.atan2(k, D) / Math.PI, F = C < 0 ? C + 360 : C >= 360 ? C - 360 : C, P = F * Math.PI / 180, I = x * a.nbb, S = 100 * Math.pow(I / a.aw, a.c * a.z), ne = 4 / a.c * Math.sqrt(S / 100) * (a.aw + 4) * a.fLRoot, H = F < 20.14 ? F + 360 : F, _ = 5e4 / 13 * (1 / 4 * (Math.cos(H * Math.PI / 180 + 2) + 3.8)) * a.nc * a.ncb * Math.sqrt(D * D + k * k) / (L + 0.305), j = Math.pow(_, 0.9) * Math.pow(1.64 - Math.pow(0.29, a.n), 0.73), A = j * Math.sqrt(S / 100), $ = A * a.fLRoot, Z = 50 * Math.sqrt(j * a.c / (a.aw + 4)), ee = (1 + 100 * 7e-3) * S / (1 + 7e-3 * S), ce = Math.log(1 + 0.0228 * $) / 0.0228, se = ce * Math.cos(P), ie = ce * Math.sin(P);
-    return new V(F, A, S, ne, $, Z, ee, se, ie);
+    const n = 0.401288 * e + 0.650173 * o - 0.051461 * t, s = -0.250268 * e + 1.204414 * o + 0.045854 * t, l = -2079e-6 * e + 0.048952 * o + 0.953127 * t, h = a.rgbD[0] * n, i = a.rgbD[1] * s, m = a.rgbD[2] * l, f = Math.pow(a.fl * Math.abs(h) / 100, 0.42), g = Math.pow(a.fl * Math.abs(i) / 100, 0.42), b = Math.pow(a.fl * Math.abs(m) / 100, 0.42), y = 400 * z(h) * f / (f + 27.13), w = 400 * z(i) * g / (g + 27.13), v = 400 * z(m) * b / (b + 27.13), D = (11 * y + -12 * w + v) / 11, k = (y + w - 2 * v) / 9, L = (20 * y + 20 * w + 21 * v) / 20, x = (40 * y + 20 * w + v) / 20, C = 180 * Math.atan2(k, D) / Math.PI, F = C < 0 ? C + 360 : C >= 360 ? C - 360 : C, P = F * Math.PI / 180, I = x * a.nbb, S = 100 * Math.pow(I / a.aw, a.c * a.z), ne = 4 / a.c * Math.sqrt(S / 100) * (a.aw + 4) * a.fLRoot, H = F < 20.14 ? F + 360 : F, _ = 5e4 / 13 * (1 / 4 * (Math.cos(H * Math.PI / 180 + 2) + 3.8)) * a.nc * a.ncb * Math.sqrt(D * D + k * k) / (L + 0.305), j = Math.pow(_, 0.9) * Math.pow(1.64 - Math.pow(0.29, a.n), 0.73), E = j * Math.sqrt(S / 100), $ = E * a.fLRoot, Q = 50 * Math.sqrt(j * a.c / (a.aw + 4)), ee = (1 + 100 * 7e-3) * S / (1 + 7e-3 * S), ce = Math.log(1 + 0.0228 * $) / 0.0228, se = ce * Math.cos(P), ie = ce * Math.sin(P);
+    return new V(F, E, S, ne, $, Q, ee, se, ie);
   }
   xyzInViewingConditions(e) {
     const o = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), t = Math.pow(o / Math.pow(1.64 - Math.pow(0.29, e.n), 0.73), 1 / 0.9), a = this.hue * Math.PI / 180, n = 0.25 * (Math.cos(a + 2) + 3.8), s = e.aw * Math.pow(this.j / 100, 1 / e.c / e.z), l = n * (5e4 / 13) * e.nc * e.ncb, h = s / e.nbb, i = Math.sin(a), m = Math.cos(a), f = 23 * (h + 0.305) * t / (23 * l + 11 * t * m + 108 * t * i), g = f * m, b = f * i, y = (460 * h + 451 * g + 288 * b) / 1403, w = (460 * h - 891 * g - 261 * b) / 1403, v = (460 * h - 220 * g - 6300 * b) / 1403, D = Math.max(0, 27.13 * Math.abs(y) / (400 - Math.abs(y))), k = z(y) * (100 / e.fl) * Math.pow(D, 1 / 0.42), L = Math.max(0, 27.13 * Math.abs(w) / (400 - Math.abs(w))), x = z(w) * (100 / e.fl) * Math.pow(L, 1 / 0.42), C = Math.max(0, 27.13 * Math.abs(v) / (400 - Math.abs(v))), F = z(v) * (100 / e.fl) * Math.pow(C, 1 / 0.42), P = k / e.rgbD[0], I = x / e.rgbD[1], S = F / e.rgbD[2];
@@ -226,7 +226,7 @@ class d {
   }
   static solveToInt(e, o, t) {
     if (o < 1e-4 || t < 1e-4 || t > 99.9999) return function(l) {
-      const h = K(G(l));
+      const h = X(G(l));
       return Pe(h, h, h);
     }(t);
     const a = (e = be(e)) / 180 * Math.PI, n = G(t), s = d.findResultByJ(a, o, n);
@@ -489,39 +489,39 @@ c.contentAccentToneDelta = 15, c.primaryPaletteKeyColor = u.fromPalette({ name:
   const e = r.tertiaryPalette.getHct(r.sourceColorHct.tone);
   return De.fixIfDisliked(e).tone;
 }, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new p(1, 1, 3, 4.5), toneDeltaPair: (r) => new R(c.tertiaryContainer, c.tertiary, 10, "nearer", !1) }), c.onTertiaryContainer = u.fromPalette({ name: "on_tertiary_container", palette: (r) => r.tertiaryPalette, tone: (r) => M(r) ? r.isDark ? 0 : 100 : W(r) ? u.foregroundTone(c.tertiaryContainer.tone(r), 4.5) : r.isDark ? 90 : 30, background: (r) => c.tertiaryContainer, contrastCurve: new p(3, 4.5, 7, 11) }), c.error = u.fromPalette({ name: "error", palette: (r) => r.errorPalette, tone: (r) => r.isDark ? 80 : 40, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new p(3, 4.5, 7, 7), toneDeltaPair: (r) => new R(c.errorContainer, c.error, 10, "nearer", !1) }), c.onError = u.fromPalette({ name: "on_error", palette: (r) => r.errorPalette, tone: (r) => r.isDark ? 20 : 100, background: (r) => c.error, contrastCurve: new p(4.5, 7, 11, 21) }), c.errorContainer = u.fromPalette({ name: "error_container", palette: (r) => r.errorPalette, tone: (r) => r.isDark ? 30 : 90, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new p(1, 1, 3, 4.5), toneDeltaPair: (r) => new R(c.errorContainer, c.error, 10, "nearer", !1) }), c.onErrorContainer = u.fromPalette({ name: "on_error_container", palette: (r) => r.errorPalette, tone: (r) => M(r) ? r.isDark ? 90 : 10 : r.isDark ? 90 : 30, background: (r) => c.errorContainer, contrastCurve: new p(3, 4.5, 7, 11) }), c.primaryFixed = u.fromPalette({ name: "primary_fixed", palette: (r) => r.primaryPalette, tone: (r) => M(r) ? 40 : 90, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new p(1, 1, 3, 4.5), toneDeltaPair: (r) => new R(c.primaryFixed, c.primaryFixedDim, 10, "lighter", !0) }), c.primaryFixedDim = u.fromPalette({ name: "primary_fixed_dim", palette: (r) => r.primaryPalette, tone: (r) => M(r) ? 30 : 80, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new p(1, 1, 3, 4.5), toneDeltaPair: (r) => new R(c.primaryFixed, c.primaryFixedDim, 10, "lighter", !0) }), c.onPrimaryFixed = u.fromPalette({ name: "on_primary_fixed", palette: (r) => r.primaryPalette, tone: (r) => M(r) ? 100 : 10, background: (r) => c.primaryFixedDim, secondBackground: (r) => c.primaryFixed, contrastCurve: new p(4.5, 7, 11, 21) }), c.onPrimaryFixedVariant = u.fromPalette({ name: "on_primary_fixed_variant", palette: (r) => r.primaryPalette, tone: (r) => M(r) ? 90 : 30, background: (r) => c.primaryFixedDim, secondBackground: (r) => c.primaryFixed, contrastCurve: new p(3, 4.5, 7, 11) }), c.secondaryFixed = u.fromPalette({ name: "secondary_fixed", palette: (r) => r.secondaryPalette, tone: (r) => M(r) ? 80 : 90, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new p(1, 1, 3, 4.5), toneDeltaPair: (r) => new R(c.secondaryFixed, c.secondaryFixedDim, 10, "lighter", !0) }), c.secondaryFixedDim = u.fromPalette({ name: "secondary_fixed_dim", palette: (r) => r.secondaryPalette, tone: (r) => M(r) ? 70 : 80, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new p(1, 1, 3, 4.5), toneDeltaPair: (r) => new R(c.secondaryFixed, c.secondaryFixedDim, 10, "lighter", !0) }), c.onSecondaryFixed = u.fromPalette({ name: "on_secondary_fixed", palette: (r) => r.secondaryPalette, tone: (r) => 10, background: (r) => c.secondaryFixedDim, secondBackground: (r) => c.secondaryFixed, contrastCurve: new p(4.5, 7, 11, 21) }), c.onSecondaryFixedVariant = u.fromPalette({ name: "on_secondary_fixed_variant", palette: (r) => r.secondaryPalette, tone: (r) => M(r) ? 25 : 30, background: (r) => c.secondaryFixedDim, secondBackground: (r) => c.secondaryFixed, contrastCurve: new p(3, 4.5, 7, 11) }), c.tertiaryFixed = u.fromPalette({ name: "tertiary_fixed", palette: (r) => r.tertiaryPalette, tone: (r) => M(r) ? 40 : 90, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new p(1, 1, 3, 4.5), toneDeltaPair: (r) => new R(c.tertiaryFixed, c.tertiaryFixedDim, 10, "lighter", !0) }), c.tertiaryFixedDim = u.fromPalette({ name: "tertiary_fixed_dim", palette: (r) => r.tertiaryPalette, tone: (r) => M(r) ? 30 : 80, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new p(1, 1, 3, 4.5), toneDeltaPair: (r) => new R(c.tertiaryFixed, c.tertiaryFixedDim, 10, "lighter", !0) }), c.onTertiaryFixed = u.fromPalette({ name: "on_tertiary_fixed", palette: (r) => r.tertiaryPalette, tone: (r) => M(r) ? 100 : 10, background: (r) => c.tertiaryFixedDim, secondBackground: (r) => c.tertiaryFixed, contrastCurve: new p(4.5, 7, 11, 21) }), c.onTertiaryFixedVariant = u.fromPalette({ name: "on_tertiary_fixed_variant", palette: (r) => r.tertiaryPalette, tone: (r) => M(r) ? 90 : 30, background: (r) => c.tertiaryFixedDim, secondBackground: (r) => c.tertiaryFixed, contrastCurve: new p(3, 4.5, 7, 11) });
-class E {
+class A {
   static of(e) {
-    return new E(e, !1);
+    return new A(e, !1);
   }
   static contentOf(e) {
-    return new E(e, !0);
+    return new A(e, !0);
   }
   static fromColors(e) {
-    return E.createPaletteFromColors(!1, e);
+    return A.createPaletteFromColors(!1, e);
   }
   static contentFromColors(e) {
-    return E.createPaletteFromColors(!0, e);
+    return A.createPaletteFromColors(!0, e);
   }
   static createPaletteFromColors(e, o) {
-    const t = new E(o.primary, e);
+    const t = new A(o.primary, e);
     if (o.secondary) {
-      const a = new E(o.secondary, e);
+      const a = new A(o.secondary, e);
       t.a2 = a.a1;
     }
     if (o.tertiary) {
-      const a = new E(o.tertiary, e);
+      const a = new A(o.tertiary, e);
       t.a3 = a.a1;
     }
     if (o.error) {
-      const a = new E(o.error, e);
+      const a = new A(o.error, e);
       t.error = a.a1;
     }
     if (o.neutral) {
-      const a = new E(o.neutral, e);
+      const a = new A(o.neutral, e);
       t.n1 = a.n1;
     }
     if (o.neutralVariant) {
-      const a = new E(o.neutralVariant, e);
+      const a = new A(o.neutralVariant, e);
       t.n2 = a.n2;
     }
     return t;
@@ -620,16 +620,16 @@ class Y {
     return this.props.inversePrimary;
   }
   static light(e) {
-    return Y.lightFromCorePalette(E.of(e));
+    return Y.lightFromCorePalette(A.of(e));
   }
   static dark(e) {
-    return Y.darkFromCorePalette(E.of(e));
+    return Y.darkFromCorePalette(A.of(e));
   }
   static lightContent(e) {
-    return Y.lightFromCorePalette(E.contentOf(e));
+    return Y.lightFromCorePalette(A.contentOf(e));
   }
   static darkContent(e) {
-    return Y.darkFromCorePalette(E.contentOf(e));
+    return Y.darkFromCorePalette(A.contentOf(e));
   }
   static lightFromCorePalette(e) {
     return new Y({ primary: e.a1.tone(40), onPrimary: e.a1.tone(100), primaryContainer: e.a1.tone(90), onPrimaryContainer: e.a1.tone(10), secondary: e.a2.tone(40), onSecondary: e.a2.tone(100), secondaryContainer: e.a2.tone(90), onSecondaryContainer: e.a2.tone(10), tertiary: e.a3.tone(40), onTertiary: e.a3.tone(100), tertiaryContainer: e.a3.tone(90), onTertiaryContainer: e.a3.tone(10), error: e.error.tone(40), onError: e.error.tone(100), errorContainer: e.error.tone(90), onErrorContainer: e.error.tone(10), background: e.n1.tone(99), onBackground: e.n1.tone(10), surface: e.n1.tone(99), onSurface: e.n1.tone(10), surfaceVariant: e.n2.tone(90), onSurfaceVariant: e.n2.tone(30), outline: e.n2.tone(50), outlineVariant: e.n2.tone(80), shadow: e.n1.tone(0), scrim: e.n1.tone(0), inverseSurface: e.n1.tone(20), inverseOnSurface: e.n1.tone(95), inversePrimary: e.a1.tone(80) });
@@ -653,18 +653,18 @@ function Oe(r) {
 function q(r) {
   return parseInt(r, 16);
 }
-function Ne(r, e = []) {
-  const o = E.of(r);
+function Ze(r, e = []) {
+  const o = A.of(r);
   return { source: r, schemes: { light: Y.light(r), dark: Y.dark(r) }, palettes: { primary: o.a1, secondary: o.a2, tertiary: o.a3, neutral: o.n1, neutralVariant: o.n2, error: o.error }, customColors: e.map((t) => function(a, n) {
     let s = n.value;
     const l = s, h = a;
     n.blend && (s = Me.harmonize(l, h));
-    const i = E.of(s), m = i.a1;
+    const i = A.of(s), m = i.a1;
     return { color: n, value: s, light: { color: m.tone(40), onColor: m.tone(100), colorContainer: m.tone(90), onColorContainer: m.tone(10) }, dark: { color: m.tone(80), onColor: m.tone(20), colorContainer: m.tone(30), onColorContainer: m.tone(90) } };
   }(r, t)) };
 }
-const Qe = $e("theme-context");
-function Ze(r, e = !1, o) {
+const Ne = $e("theme-context");
+function Qe(r, e = !1, o) {
   function t(a) {
     return "#" + a.toString(16).padStart(8, "0").slice(2);
   }
@@ -689,9 +689,9 @@ function Ze(r, e = !1, o) {
     return { sys: { color: { scrim: t(a.scrim), outlineVariant: t(a.outlineVariant), outline: t(a.outline), surface: { default: t(a.surface), dim: t(n.sDim), bright: t(n.sBright), on: t(a.onSurface), onVariant: t(a.onSurfaceVariant), highest: t(n.cHighest), high: t(n.cHigh), container: t(n.c), low: t(n.cLow), lowest: t(n.cLowest) }, primary: { default: t(a.primary), on: t(a.onPrimary), container: t(a.primaryContainer), onContainer: t(a.onPrimaryContainer) }, secondary: { default: t(a.secondary), on: t(a.onSecondary), container: t(a.secondaryContainer), onContainer: t(a.onSecondaryContainer) }, tertiary: { default: t(a.tertiary), on: t(a.onTertiary), container: t(a.tertiaryContainer), onContainer: t(a.onTertiaryContainer) }, error: { default: t(a.error), on: t(a.onError), container: t(a.errorContainer), onContainer: t(a.onErrorContainer) }, success: { default: t(s.default), on: t(s.on), container: t(s.container), onContainer: t(s.onContainer) } }, elevation: { 0: "0 0 0 0 rgba(0, 0, 0, 0)", 1: "rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px", 2: "rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px", 3: "rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px", 4: "rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px", 5: "rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px" }, outline: { 1: "1px" } } };
   }
 }
-class N {
+class Z {
   constructor() {
-    this._scheme$ = new he("auto"), this._color$ = new he("#6200ee"), this._theme$ = new he({}), this._themeComponent$ = new he(null), this.scheme$ = this._scheme$.asObservable().pipe(X(), re(1)), this.color$ = this._color$.asObservable().pipe(X(), re(1)), this.theme$ = this._theme$.asObservable().pipe(X((e, o) => JSON.stringify(e) === JSON.stringify(o)), re(1)), this.themeComponent$ = this._themeComponent$.asObservable().pipe(X(), re(1)), this.resolvedScheme$ = this.scheme$.pipe(fe((e) => {
+    this._scheme$ = new he("auto"), this._color$ = new he("#6200ee"), this._theme$ = new he({}), this._themeComponent$ = new he(null), this.scheme$ = this._scheme$.asObservable().pipe(K(), re(1)), this.color$ = this._color$.asObservable().pipe(K(), re(1)), this.theme$ = this._theme$.asObservable().pipe(K((e, o) => JSON.stringify(e) === JSON.stringify(o)), re(1)), this.themeComponent$ = this._themeComponent$.asObservable().pipe(K(), re(1)), this.resolvedScheme$ = this.scheme$.pipe(fe((e) => {
       if (e === "auto") {
         const o = window.matchMedia("(prefers-color-scheme: dark)");
         return new Le((t) => {
@@ -702,7 +702,7 @@ class N {
         });
       }
       return ge(e);
-    }), X(), re(1)), this.discoverTheme();
+    }), K(), re(1)), this.discoverTheme();
   }
   get scheme() {
     return this._scheme$.getValue();
@@ -720,7 +720,7 @@ class N {
     return me(window, xe).pipe(ke(Ie(100)), ue((e) => e.detail.theme), Be(null), pe((e) => {
       e && this.registerThemeComponent(e);
     })).pipe(pe(() => {
-      window.dispatchEvent(new CustomEvent(Ee, { bubbles: !0, composed: !0 }));
+      window.dispatchEvent(new CustomEvent(Ae, { bubbles: !0, composed: !0 }));
     }), fe(() => me(window, xe).pipe(ke(Ie(100)), ue((e) => e.detail.theme), Be(null), pe((e) => {
       e && this.registerThemeComponent(e);
     }))));
@@ -755,13 +755,13 @@ class N {
     return "";
   }
   watchCSSVariable(e) {
-    return this.theme$.pipe(ue(() => this.getCSSVariable(e)), X());
+    return this.theme$.pipe(ue(() => this.getCSSVariable(e)), K());
   }
   static getInstance() {
-    return N.instance || (N.instance = new N()), N.instance;
+    return Z.instance || (Z.instance = new Z()), Z.instance;
   }
 }
-const ye = N.getInstance();
+const ye = Z.getInstance();
 var er = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, te = (r, e, o, t) => {
   for (var a, n = t > 1 ? void 0 : t ? rr(e, o) : e, s = r.length - 1; s >= 0; s--) (a = r[s]) && (n = (t ? a(e, o, n) : a(n)) || n);
   return t && n && er(e, o, n), n;
@@ -782,7 +782,7 @@ let J = class extends je(tr) {
   connectedCallback() {
     super.connectedCallback(), this.color || (this.color = this.generateRandomColor()), ye.registerThemeComponent(this), ge(this.scheme).pipe(fe((r) => r === "auto" ? or : ge(r))).subscribe((r) => {
       this.scheme = r, this.registerTheme(), ye.updateTheme({ scheme: this.scheme, color: this.color, theme: this.theme });
-    }), me(this, Ee).pipe(ke(this.disconnecting)).subscribe((r) => {
+    }), me(this, Ae).pipe(ke(this.disconnecting)).subscribe((r) => {
       r.stopPropagation(), r.preventDefault(), window.dispatchEvent(new CustomEvent(xe, { detail: { theme: this }, bubbles: !0, composed: !0 }));
     });
   }
@@ -790,7 +790,7 @@ let J = class extends je(tr) {
     super.updated(r), (r.has("color") || r.has("scheme") || r.has("theme")) && ye.updateTheme({ scheme: this.scheme, color: this.color, theme: this.theme });
   }
   registerTheme() {
-    let r = Ze(Ne(Oe(this.color)), this.scheme === "dark", Oe("#34B334"));
+    let r = Qe(Ze(Oe(this.color)), this.scheme === "dark", Oe("#34B334"));
     r = { ...r, ...this.theme }, this.registerThemeValues("schmancy", "", r), (this.root ? document.body : this.shadowRoot.host).style.colorScheme = this.scheme === "dark" ? "dark" : "light";
   }
   registerThemeValues(r = "schmancy", e, o) {
@@ -804,11 +804,11 @@ let J = class extends je(tr) {
     return Ye`<slot></slot>`;
   }
 };
-te([le({ type: String, reflect: !0 })], J.prototype, "color", 2), te([le({ type: String })], J.prototype, "scheme", 2), te([le({ type: Boolean })], J.prototype, "root", 2), te([Ue({ context: Qe }), le({ type: Object })], J.prototype, "theme", 2), J = te([Ge("schmancy-theme")], J);
+te([le({ type: String, reflect: !0 })], J.prototype, "color", 2), te([le({ type: String })], J.prototype, "scheme", 2), te([le({ type: Boolean })], J.prototype, "root", 2), te([Ue({ context: Ne }), le({ type: Object })], J.prototype, "theme", 2), J = te([Ge("schmancy-theme")], J);
 export {
   J as S,
   ye as a,
-  Ze as f,
+  Qe as f,
   tr as t
 };
-//# sourceMappingURL=theme.component-RePKvdDz.js.map
+//# sourceMappingURL=theme.component-C03A-Sve.js.map