@mhmo91/schmancy 0.5.6 → 0.5.7

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

@@ -1 +1 @@
-{"version":3,"file":"textarea-AQhSey_l.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-BACIb-N3.cjs");
+"use strict";require("./textarea-BE1uxnbN.cjs");
 //# sourceMappingURL=textarea.cjs.map

package/dist/textarea.js

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

package/dist/{theme-button-Dp2Z3PTI.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-T5CiXVWk.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-Dp2Z3PTI.js.map
+//# sourceMappingURL=theme-button-CeLy95-B.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme-button-Dp2Z3PTI.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-CRdkWTDn.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-CngO3XGT.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-CRdkWTDn.cjs.map
+//# sourceMappingURL=theme-button-DXJTRh4E.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme-button-CRdkWTDn.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-CRdkWTDn.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-Dp2Z3PTI.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-Bgw2BYNp.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-0o6NJY_z.js → theme.component-C03A-Sve.js}

@@ -1,5 +1,5 @@
 import { n as $e, e as Ue } from "./provide-tcktw8xB.js";
-import { T as je } from "./tailwind.mixin-T5CiXVWk.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 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";
@@ -811,4 +811,4 @@ export {
   Qe as f,
   tr as t
 };
-//# sourceMappingURL=theme.component-0o6NJY_z.js.map
+//# sourceMappingURL=theme.component-C03A-Sve.js.map