@mhmo91/schmancy 0.7.3 → 0.7.4

package/dist/{textarea-BYryibzf.cjs.map → textarea-BSBYVs99.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-BYryibzf.cjs","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\n/**\n * Textarea component with auto-resize and form integration.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} value - Current value of the textarea\n * @prop {string} placeholder - Placeholder text\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} disabled - Whether the field is disabled\n * @prop {boolean} readonly - Whether the field is read-only\n * @prop {number} rows - Number of visible text rows\n * @prop {number} maxlength - Maximum character length\n */\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-BSBYVs99.cjs","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\n/**\n * Textarea component with auto-resize and form integration.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} value - Current value of the textarea\n * @prop {string} placeholder - Placeholder text\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} disabled - Whether the field is disabled\n * @prop {boolean} readonly - Whether the field is read-only\n * @prop {number} rows - Number of visible text rows\n * @prop {number} maxlength - Maximum character length\n */\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-BAvMG2X9.js → textarea-CFrirT5y.js}

@@ -10,7 +10,7 @@ import { fromEvent as y, map as f, distinctUntilChanged as m, filter as E } from
 import "rxjs/operators";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as R } from "./tailwind.mixin-DqSYbdpb.js";
+import { T as R } from "./tailwind.mixin-xIIxrXd8.js";
 var k = Object.defineProperty, H = Object.getOwnPropertyDescriptor, i = (t, s, a, h) => {
   for (var p, o = h > 1 ? void 0 : h ? H(s, a) : s, c = t.length - 1; c >= 0; c--) (p = t[c]) && (o = (h ? p(s, a, o) : p(o)) || o);
   return h && o && k(s, a, o), o;
@@ -130,4 +130,4 @@ let e = class extends R(":host{border:unset!important;line-height:unset!importan
   }
 };
 e.shadowRootOptions = { ...x.shadowRootOptions, delegatesFocus: !0 }, e.formAssociated = !0, i([r()], e.prototype, "label", 2), i([r()], e.prototype, "name", 2), i([r()], e.prototype, "placeholder", 2), i([r({ type: String, reflect: !0 })], e.prototype, "value", 2), i([r({ type: Number })], e.prototype, "minlength", 2), i([r({ type: Number })], e.prototype, "maxlength", 2), i([r({ type: Number })], e.prototype, "cols", 2), i([r({ type: Number })], e.prototype, "rows", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "fillHeight", 2), i([r({ type: Boolean })], e.prototype, "autoHeight", 2), i([r({ type: String, reflect: !0 })], e.prototype, "resize", 2), i([r({ type: String })], e.prototype, "wrap", 2), i([r({ type: String })], e.prototype, "dirname", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "required", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "disabled", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "readonly", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "spellcheck", 2), i([r({ type: String, reflect: !0 })], e.prototype, "align", 2), i([r({ type: Boolean })], e.prototype, "autofocus", 2), i([r({ type: Number })], e.prototype, "tabIndex", 2), i([b("textarea")], e.prototype, "textareaElement", 2), i([r()], e.prototype, "hint", 2), i([r({ type: Boolean, reflect: !0 })], e.prototype, "error", 2), e = i([v("schmancy-textarea")], e);
-//# sourceMappingURL=textarea-BAvMG2X9.js.map
+//# sourceMappingURL=textarea-CFrirT5y.js.map

package/dist/{textarea-BAvMG2X9.js.map → textarea-CFrirT5y.js.map}

@@ -1 +1 @@
-{"version":3,"file":"textarea-BAvMG2X9.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\n/**\n * Textarea component with auto-resize and form integration.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} value - Current value of the textarea\n * @prop {string} placeholder - Placeholder text\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} disabled - Whether the field is disabled\n * @prop {boolean} readonly - Whether the field is read-only\n * @prop {number} rows - Number of visible text rows\n * @prop {number} maxlength - Maximum character length\n */\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-CFrirT5y.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\n/**\n * Textarea component with auto-resize and form integration.\n *\n * @prop {string} name - Name attribute for form submission\n * @prop {string} value - Current value of the textarea\n * @prop {string} placeholder - Placeholder text\n * @prop {boolean} required - Whether the field is required\n * @prop {boolean} disabled - Whether the field is disabled\n * @prop {boolean} readonly - Whether the field is read-only\n * @prop {number} rows - Number of visible text rows\n * @prop {number} maxlength - Maximum character length\n */\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-BYryibzf.cjs");
+"use strict";require("./textarea-BSBYVs99.cjs");
 //# sourceMappingURL=textarea.cjs.map

package/dist/textarea.js

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

package/dist/{theme-button-U_pvbRUN.cjs → theme-button-B8Xqrz1M.cjs}

@@ -1,4 +1,4 @@
-"use strict";require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const s=require("lit/decorators.js"),l=require("./tailwind.mixin-7Zryjmgw.cjs"),m=require("lit");var d=Object.defineProperty,h=Object.getOwnPropertyDescriptor,a=(u,r,c,t)=>{for(var o,e=t>1?void 0:t?h(r,c):r,n=u.length-1;n>=0;n--)(o=u[n])&&(e=(t?o(r,c,e):o(e))||e);return t&&e&&d(r,c,e),e};let i=class extends l.TailwindElement(){render(){return m.html`
+"use strict";require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const s=require("lit/decorators.js"),l=require("./tailwind.mixin-scDxsqaX.cjs"),m=require("lit");var d=Object.defineProperty,h=Object.getOwnPropertyDescriptor,a=(u,r,c,t)=>{for(var o,e=t>1?void 0:t?h(r,c):r,n=u.length-1;n>=0;n--)(o=u[n])&&(e=(t?o(r,c,e):o(e))||e);return t&&e&&d(r,c,e),e};let i=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>
 		`}};a([s.query("#color")],i.prototype,"color",2),i=a([s.customElement("schmancy-theme-button")],i);
-//# sourceMappingURL=theme-button-U_pvbRUN.cjs.map
+//# sourceMappingURL=theme-button-B8Xqrz1M.cjs.map

package/dist/{theme-button-U_pvbRUN.cjs.map → theme-button-B8Xqrz1M.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-button-U_pvbRUN.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":"saAKA,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-B8Xqrz1M.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":"saAKA,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-xscoLGo8.js → theme-button-D-LTPh88.js}

@@ -3,7 +3,7 @@ import "rxjs/operators";
 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-DqSYbdpb.js";
+import { T as l } from "./tailwind.mixin-xIIxrXd8.js";
 import { html as h } from "lit";
 var y = Object.defineProperty, d = Object.getOwnPropertyDescriptor, a = (s, r, e, o) => {
   for (var n, t = o > 1 ? void 0 : o ? d(r, e) : r, c = s.length - 1; c >= 0; c--) (n = s[c]) && (t = (o ? n(r, e, t) : n(t)) || t);
@@ -24,4 +24,4 @@ let m = class extends l() {
   }
 };
 a([i("#color")], m.prototype, "color", 2), m = a([p("schmancy-theme-button")], m);
-//# sourceMappingURL=theme-button-xscoLGo8.js.map
+//# sourceMappingURL=theme-button-D-LTPh88.js.map

package/dist/{theme-button-xscoLGo8.js.map → theme-button-D-LTPh88.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-button-xscoLGo8.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-D-LTPh88.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.cjs

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

package/dist/theme-button.js

@@ -1,2 +1,2 @@
-import "./theme-button-xscoLGo8.js";
+import "./theme-button-D-LTPh88.js";
 //# sourceMappingURL=theme-button.js.map

package/dist/{theme-controller-boat-CBRV8Lxv.js → theme-controller-boat-BOddzVdU.js}

@@ -1,12 +1,12 @@
 import { BehaviorSubject as Me, map as re, distinctUntilChanged as Z, shareReplay as te, switchMap as xe, Observable as je, of as be, fromEvent as ve, takeUntil as le, timer as $e, defaultIfEmpty as Re, tap as ue, Subject as He, debounceTime as Ge } from "rxjs";
 import { a as De, T as Ue } from "./theme.events-CPSLaOlR.js";
-import { c as er } from "./context-create-DCiujzV2.js";
+import { c as er } from "./context-create-BvxbWTgj.js";
 import { property as ce, customElement as Le, state as Ce } from "lit/decorators.js";
 import "rxjs/operators";
 import { n as rr, e as tr } from "./provide-tcktw8xB.js";
-import { T as or } from "./tailwind.mixin-DqSYbdpb.js";
+import { T as or } from "./tailwind.mixin-xIIxrXd8.js";
 import { unsafeCSS as nr, html as we } from "lit";
-import { $ as ar } from "./litElement.mixin-Bx-YfcU2.js";
+import { $ as ar } from "./litElement.mixin-BzbZQbxa.js";
 function H(r) {
   return r < 0 ? -1 : r === 0 ? 0 : 1;
 }
@@ -39,16 +39,16 @@ function Ye(r) {
   return 255 & r;
 }
 function Te(r) {
-  const e = function(t) {
+  const e = (function(t) {
     return Fe([ie(qe(t)), ie(Je(t)), ie(Ye(t))], cr);
-  }(r)[1];
+  })(r)[1];
   return 116 * We(e / 100) - 16;
 }
 function K(r) {
-  return 100 * function(e) {
+  return 100 * (function(e) {
     const t = 0.008856451679035631, o = 24389 / 27, n = e * e * e;
     return n > t ? n : (116 * e - 16) / o;
-  }((r + 16) / 116);
+  })((r + 16) / 116);
 }
 function Ie(r) {
   return 116 * We(r / 100) - 16;
@@ -67,9 +67,9 @@ function We(r) {
   return r > 216 / 24389 ? Math.pow(r, 1 / 3) : (903.2962962962963 * r + 16) / 116;
 }
 class U {
-  static make(e = /* @__PURE__ */ function() {
+  static make(e = /* @__PURE__ */ (function() {
     return ir;
-  }(), t = 200 / Math.PI * K(50) / 100, o = 50, n = 2, a = !1) {
+  })(), t = 200 / Math.PI * K(50) / 100, o = 50, n = 2, a = !1) {
     const s = e, i = 0.401288 * s[0] + 0.650173 * s[1] + -0.051461 * s[2], m = -0.250268 * s[0] + 1.204414 * s[1] + 0.045854 * s[2], h = -2079e-6 * s[0] + 0.048952 * s[1] + 0.953127 * s[2], u = 0.8 + n / 10, k = u >= 0.9 ? de(0.59, 0.69, 10 * (u - 0.9)) : de(0.525, 0.59, 10 * (u - 0.8));
     let C = a ? 1 : u * (1 - 1 / 3.6 * Math.exp((-t - 42) / 92));
     C = C > 1 ? 1 : C < 0 ? 0 : C;
@@ -118,10 +118,10 @@ class V {
   }
   viewed(e) {
     const t = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), o = Math.pow(t / Math.pow(1.64 - Math.pow(0.29, e.n), 0.73), 1 / 0.9), n = this.hue * Math.PI / 180, a = 0.25 * (Math.cos(n + 2) + 3.8), s = e.aw * Math.pow(this.j / 100, 1 / e.c / e.z), i = a * (5e4 / 13) * e.nc * e.ncb, m = s / e.nbb, h = Math.sin(n), u = Math.cos(n), k = 23 * (m + 0.305) * o / (23 * i + 11 * o * u + 108 * o * h), C = k * u, l = k * h, g = (460 * m + 451 * C + 288 * l) / 1403, w = (460 * m - 891 * C - 261 * l) / 1403, P = (460 * m - 220 * C - 6300 * l) / 1403, F = Math.max(0, 27.13 * Math.abs(g) / (400 - Math.abs(g))), x = H(g) * (100 / e.fl) * Math.pow(F, 1 / 0.42), A = Math.max(0, 27.13 * Math.abs(w) / (400 - Math.abs(w))), b = H(w) * (100 / e.fl) * Math.pow(A, 1 / 0.42), v = Math.max(0, 27.13 * Math.abs(P) / (400 - Math.abs(P))), B = H(P) * (100 / e.fl) * Math.pow(v, 1 / 0.42), D = x / e.rgbD[0], I = b / e.rgbD[1], T = B / e.rgbD[2];
-    return function(z, N, q) {
+    return (function(z, N, q) {
       const $ = sr, _ = $[0][0] * z + $[0][1] * N + $[0][2] * q, he = $[1][0] * z + $[1][1] * N + $[1][2] * q, me = $[2][0] * z + $[2][1] * N + $[2][2] * q;
       return Be(ee(_), ee(he), ee(me));
-    }(1.86206786 * D - 1.01125463 * I + 0.14918677 * T, 0.38752654 * D + 0.62144744 * I - 897398e-8 * T, -0.0158415 * D - 0.03412294 * I + 1.04996444 * T);
+    })(1.86206786 * D - 1.01125463 * I + 0.14918677 * T, 0.38752654 * D + 0.62144744 * I - 897398e-8 * T, -0.0158415 * D - 0.03412294 * I + 1.04996444 * T);
   }
   static fromXyzInViewingConditions(e, t, o, n) {
     const a = 0.401288 * e + 0.650173 * t - 0.051461 * o, s = -0.250268 * e + 1.204414 * t + 0.045854 * o, i = -2079e-6 * e + 0.048952 * t + 0.953127 * o, m = n.rgbD[0] * a, h = n.rgbD[1] * s, u = n.rgbD[2] * i, k = Math.pow(n.fl * Math.abs(m) / 100, 0.42), C = Math.pow(n.fl * Math.abs(h) / 100, 0.42), l = Math.pow(n.fl * Math.abs(u) / 100, 0.42), g = 400 * H(m) * k / (k + 27.13), w = 400 * H(h) * C / (C + 27.13), P = 400 * H(u) * l / (l + 27.13), F = (11 * g + -12 * w + P) / 11, x = (g + w - 2 * P) / 9, A = (20 * g + 20 * w + 21 * P) / 20, b = (40 * g + 20 * w + P) / 20, v = 180 * Math.atan2(x, F) / Math.PI, B = v < 0 ? v + 360 : v >= 360 ? v - 360 : v, D = B * Math.PI / 180, I = b * n.nbb, T = 100 * Math.pow(I / n.aw, n.c * n.z), pe = 4 / n.c * Math.sqrt(T / 100) * (n.aw + 4) * n.fLRoot, z = B < 20.14 ? B + 360 : B, N = 5e4 / 13 * (1 / 4 * (Math.cos(z * Math.PI / 180 + 2) + 3.8)) * n.nc * n.ncb * Math.sqrt(F * F + x * x) / (A + 0.305), q = Math.pow(N, 0.9) * Math.pow(1.64 - Math.pow(0.29, n.n), 0.73), $ = q * Math.sqrt(T / 100), _ = $ * n.fLRoot, he = 50 * Math.sqrt(q * n.c / (n.aw + 4)), me = (1 + 100 * 7e-3) * T / (1 + 7e-3 * T), fe = Math.log(1 + 0.0228 * _) / 0.0228, ge = fe * Math.cos(D), ke = fe * Math.sin(D);
@@ -230,10 +230,10 @@ class p {
     return 0;
   }
   static solveToInt(e, t, o) {
-    if (t < 1e-4 || o < 1e-4 || o > 99.9999) return function(i) {
+    if (t < 1e-4 || o < 1e-4 || o > 99.9999) return (function(i) {
       const m = ee(K(i));
       return Be(m, m, m);
-    }(o);
+    })(o);
     const n = (e = Se(e)) / 180 * Math.PI, a = K(o), s = p.findResultByJ(n, t, a);
     return s !== 0 ? s : ze(p.bisectToLimit(a, n));
   }
@@ -475,7 +475,7 @@ class c {
 }
 c.contentAccentToneDelta = 15, c.primaryPaletteKeyColor = d.fromPalette({ name: "primary_palette_key_color", palette: (r) => r.primaryPalette, tone: (r) => r.primaryPalette.keyColor.tone }), c.secondaryPaletteKeyColor = d.fromPalette({ name: "secondary_palette_key_color", palette: (r) => r.secondaryPalette, tone: (r) => r.secondaryPalette.keyColor.tone }), c.tertiaryPaletteKeyColor = d.fromPalette({ name: "tertiary_palette_key_color", palette: (r) => r.tertiaryPalette, tone: (r) => r.tertiaryPalette.keyColor.tone }), c.neutralPaletteKeyColor = d.fromPalette({ name: "neutral_palette_key_color", palette: (r) => r.neutralPalette, tone: (r) => r.neutralPalette.keyColor.tone }), c.neutralVariantPaletteKeyColor = d.fromPalette({ name: "neutral_variant_palette_key_color", palette: (r) => r.neutralVariantPalette, tone: (r) => r.neutralVariantPalette.keyColor.tone }), c.background = d.fromPalette({ name: "background", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 6 : 98, isBackground: !0 }), c.onBackground = d.fromPalette({ name: "on_background", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 90 : 10, background: (r) => c.background, contrastCurve: new f(3, 3, 4.5, 7) }), c.surface = d.fromPalette({ name: "surface", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 6 : 98, isBackground: !0 }), c.surfaceDim = d.fromPalette({ name: "surface_dim", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 6 : new f(87, 87, 80, 75).get(r.contrastLevel), isBackground: !0 }), c.surfaceBright = d.fromPalette({ name: "surface_bright", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(24, 24, 29, 34).get(r.contrastLevel) : 98, isBackground: !0 }), c.surfaceContainerLowest = d.fromPalette({ name: "surface_container_lowest", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(4, 4, 2, 0).get(r.contrastLevel) : 100, isBackground: !0 }), c.surfaceContainerLow = d.fromPalette({ name: "surface_container_low", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(10, 10, 11, 12).get(r.contrastLevel) : new f(96, 96, 96, 95).get(r.contrastLevel), isBackground: !0 }), c.surfaceContainer = d.fromPalette({ name: "surface_container", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(12, 12, 16, 20).get(r.contrastLevel) : new f(94, 94, 92, 90).get(r.contrastLevel), isBackground: !0 }), c.surfaceContainerHigh = d.fromPalette({ name: "surface_container_high", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(17, 17, 21, 25).get(r.contrastLevel) : new f(92, 92, 88, 85).get(r.contrastLevel), isBackground: !0 }), c.surfaceContainerHighest = d.fromPalette({ name: "surface_container_highest", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(22, 22, 26, 30).get(r.contrastLevel) : new f(90, 90, 84, 80).get(r.contrastLevel), isBackground: !0 }), c.onSurface = d.fromPalette({ name: "on_surface", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 90 : 10, background: (r) => c.highestSurface(r), contrastCurve: new f(4.5, 7, 11, 21) }), c.surfaceVariant = d.fromPalette({ name: "surface_variant", palette: (r) => r.neutralVariantPalette, tone: (r) => r.isDark ? 30 : 90, isBackground: !0 }), c.onSurfaceVariant = d.fromPalette({ name: "on_surface_variant", palette: (r) => r.neutralVariantPalette, tone: (r) => r.isDark ? 80 : 30, background: (r) => c.highestSurface(r), contrastCurve: new f(3, 4.5, 7, 11) }), c.inverseSurface = d.fromPalette({ name: "inverse_surface", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 90 : 20 }), c.inverseOnSurface = d.fromPalette({ name: "inverse_on_surface", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 20 : 95, background: (r) => c.inverseSurface, contrastCurve: new f(4.5, 7, 11, 21) }), c.outline = d.fromPalette({ name: "outline", palette: (r) => r.neutralVariantPalette, tone: (r) => r.isDark ? 60 : 50, background: (r) => c.highestSurface(r), contrastCurve: new f(1.5, 3, 4.5, 7) }), c.outlineVariant = d.fromPalette({ name: "outline_variant", palette: (r) => r.neutralVariantPalette, tone: (r) => r.isDark ? 30 : 80, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5) }), c.shadow = d.fromPalette({ name: "shadow", palette: (r) => r.neutralPalette, tone: (r) => 0 }), c.scrim = d.fromPalette({ name: "scrim", palette: (r) => r.neutralPalette, tone: (r) => 0 }), c.surfaceTint = d.fromPalette({ name: "surface_tint", palette: (r) => r.primaryPalette, tone: (r) => r.isDark ? 80 : 40, isBackground: !0 }), c.primary = d.fromPalette({ name: "primary", palette: (r) => r.primaryPalette, tone: (r) => S(r) ? r.isDark ? 100 : 0 : r.isDark ? 80 : 40, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(3, 4.5, 7, 7), toneDeltaPair: (r) => new R(c.primaryContainer, c.primary, 10, "nearer", !1) }), c.onPrimary = d.fromPalette({ name: "on_primary", palette: (r) => r.primaryPalette, tone: (r) => S(r) ? r.isDark ? 10 : 90 : r.isDark ? 20 : 100, background: (r) => c.primary, contrastCurve: new f(4.5, 7, 11, 21) }), c.primaryContainer = d.fromPalette({ name: "primary_container", palette: (r) => r.primaryPalette, tone: (r) => oe(r) ? r.sourceColorHct.tone : S(r) ? r.isDark ? 85 : 25 : r.isDark ? 30 : 90, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5), toneDeltaPair: (r) => new R(c.primaryContainer, c.primary, 10, "nearer", !1) }), c.onPrimaryContainer = d.fromPalette({ name: "on_primary_container", palette: (r) => r.primaryPalette, tone: (r) => oe(r) ? d.foregroundTone(c.primaryContainer.tone(r), 4.5) : S(r) ? r.isDark ? 0 : 100 : r.isDark ? 90 : 30, background: (r) => c.primaryContainer, contrastCurve: new f(3, 4.5, 7, 11) }), c.inversePrimary = d.fromPalette({ name: "inverse_primary", palette: (r) => r.primaryPalette, tone: (r) => r.isDark ? 40 : 80, background: (r) => c.inverseSurface, contrastCurve: new f(3, 4.5, 7, 7) }), c.secondary = d.fromPalette({ name: "secondary", palette: (r) => r.secondaryPalette, tone: (r) => r.isDark ? 80 : 40, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(3, 4.5, 7, 7), toneDeltaPair: (r) => new R(c.secondaryContainer, c.secondary, 10, "nearer", !1) }), c.onSecondary = d.fromPalette({ name: "on_secondary", palette: (r) => r.secondaryPalette, tone: (r) => S(r) ? r.isDark ? 10 : 100 : r.isDark ? 20 : 100, background: (r) => c.secondary, contrastCurve: new f(4.5, 7, 11, 21) }), c.secondaryContainer = d.fromPalette({ name: "secondary_container", palette: (r) => r.secondaryPalette, tone: (r) => {
   const e = r.isDark ? 30 : 90;
-  return S(r) ? r.isDark ? 30 : 85 : oe(r) ? function(t, o, n, a) {
+  return S(r) ? r.isDark ? 30 : 85 : oe(r) ? (function(t, o, n, a) {
     let s = n, i = L.from(t, o, n);
     if (i.chroma < o) {
       let m = i.chroma;
@@ -487,7 +487,7 @@ c.contentAccentToneDelta = 15, c.primaryPaletteKeyColor = d.fromPalette({ name:
       }
     }
     return s;
-  }(r.secondaryPalette.hue, r.secondaryPalette.chroma, e, !r.isDark) : e;
+  })(r.secondaryPalette.hue, r.secondaryPalette.chroma, e, !r.isDark) : e;
 }, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5), toneDeltaPair: (r) => new R(c.secondaryContainer, c.secondary, 10, "nearer", !1) }), c.onSecondaryContainer = d.fromPalette({ name: "on_secondary_container", palette: (r) => r.secondaryPalette, tone: (r) => S(r) ? r.isDark ? 90 : 10 : oe(r) ? d.foregroundTone(c.secondaryContainer.tone(r), 4.5) : r.isDark ? 90 : 30, background: (r) => c.secondaryContainer, contrastCurve: new f(3, 4.5, 7, 11) }), c.tertiary = d.fromPalette({ name: "tertiary", palette: (r) => r.tertiaryPalette, tone: (r) => S(r) ? r.isDark ? 90 : 25 : r.isDark ? 80 : 40, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(3, 4.5, 7, 7), toneDeltaPair: (r) => new R(c.tertiaryContainer, c.tertiary, 10, "nearer", !1) }), c.onTertiary = d.fromPalette({ name: "on_tertiary", palette: (r) => r.tertiaryPalette, tone: (r) => S(r) ? r.isDark ? 10 : 90 : r.isDark ? 20 : 100, background: (r) => c.tertiary, contrastCurve: new f(4.5, 7, 11, 21) }), c.tertiaryContainer = d.fromPalette({ name: "tertiary_container", palette: (r) => r.tertiaryPalette, tone: (r) => {
   if (S(r)) return r.isDark ? 60 : 49;
   if (!oe(r)) return r.isDark ? 30 : 90;
@@ -660,20 +660,20 @@ function J(r) {
 }
 function hr(r, e = []) {
   const t = E.of(r);
-  return { source: r, schemes: { light: W.light(r), dark: W.dark(r) }, palettes: { primary: t.a1, secondary: t.a2, tertiary: t.a3, neutral: t.n1, neutralVariant: t.n2, error: t.error }, customColors: e.map((o) => function(n, a) {
+  return { source: r, schemes: { light: W.light(r), dark: W.dark(r) }, palettes: { primary: t.a1, secondary: t.a2, tertiary: t.a3, neutral: t.n1, neutralVariant: t.n2, error: t.error }, customColors: e.map((o) => (function(n, a) {
     let s = a.value;
     const i = s, m = n;
     a.blend && (s = Oe.harmonize(i, m));
     const h = E.of(s), u = h.a1;
     return { color: a, value: s, light: { color: u.tone(40), onColor: u.tone(100), colorContainer: u.tone(90), onColorContainer: u.tone(10) }, dark: { color: u.tone(80), onColor: u.tone(20), colorContainer: u.tone(30), onColorContainer: u.tone(90) } };
-  }(r, o)) };
+  })(r, o)) };
 }
 function y(r) {
-  return function(e) {
+  return (function(e) {
     const t = qe(e), o = Je(e), n = Ye(e), a = [t.toString(16), o.toString(16), n.toString(16)];
     for (const [s, i] of a.entries()) i.length === 1 && (a[s] = "0" + i);
     return "#" + a.join("");
-  }(r);
+  })(r);
 }
 function Y(r) {
   const e = L.fromInt(r), t = M.fromHueAndChroma(e.hue, e.chroma);
@@ -964,4 +964,4 @@ export {
   Br as s,
   ur as t
 };
-//# sourceMappingURL=theme-controller-boat-CBRV8Lxv.js.map
+//# sourceMappingURL=theme-controller-boat-BOddzVdU.js.map