@mhmo91/schmancy 0.5.10 → 0.5.11

package/dist/nav-drawer.js

@@ -1,4 +1,4 @@
-import { $ as c, k as e, m as n, n as m, o as s, l as o, p as t, j as w } from "./avatar-CWqrPcmt.js";
+import { $ as c, k as e, m as n, n as m, o as s, l as o, p as t, j as w } from "./avatar-BrNa1pz6.js";
 export {
   c as $drawer,
   e as SchmancyDrawerAppbar,

package/dist/{option-Dolb8CBn.cjs → option-CLHsQQRu.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const i=require("lit/decorators.js"),d=require("./tailwind.mixin-BvVlz7hG.cjs"),a=require("lit");var u=Object.defineProperty,y=Object.getOwnPropertyDescriptor,n=(e,o,c,r)=>{for(var p,s=r>1?void 0:r?y(o,c):o,h=e.length-1;h>=0;h--)(p=e[h])&&(s=(r?p(o,c,s):p(s))||s);return r&&s&&u(o,c,s),s};let t=class extends d.TailwindElement(a.css`
+"use strict";const l=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const i=require("lit/decorators.js"),d=require("./tailwind.mixin-BvVlz7hG.cjs"),a=require("lit");var u=Object.defineProperty,y=Object.getOwnPropertyDescriptor,o=(e,n,p,r)=>{for(var c,s=r>1?void 0:r?y(n,p):n,h=e.length-1;h>=0;h--)(c=e[h])&&(s=(r?c(n,p,s):c(s))||s);return r&&s&&u(n,p,s),s};let t=class extends d.TailwindElement(a.css`
 	:host {
 		display: block;
 		cursor: pointer;
@@ -19,7 +19,7 @@
 		opacity: 0.5;
 		pointer-events: none;
 	}
-`){constructor(){super(...arguments),this.value="",this.label="",this.selected=!1,this.disabled=!1,this.group="",this.icon=""}connectedCallback(){super.connectedCallback(),this.id||(this.id=`schmancy-option-${Math.random().toString(36).substring(2,9)}`),this.label||(this.label=this.textContent?.trim()||this.value),!this.value&&this.textContent&&(this.value=this.textContent.trim()),l.fromEvent(this,"click").pipe(l.takeUntil(this.disconnecting)).subscribe(this.handleClick),l.fromEvent(this,"keydown").pipe(l.takeUntil(this.disconnecting)).subscribe(this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback()}handleClick(e){e.stopPropagation(),this.disabled||this.dispatchEvent(new CustomEvent("option-select",{bubbles:!0,composed:!0,detail:{value:this.value}}))}handleKeyDown(e){e.key!==" "&&e.key!=="Enter"||(e.preventDefault(),this.handleClick(e))}render(){const e={"py-2":!0,"px-3":!0,rounded:!0,"text-sm":!0,"w-full":!0,flex:!0,"items-center":!0,"gap-2":!0,"bg-primary-container":this.selected,"text-primary-onContainer":this.selected,"hover:bg-surface-high":!this.selected,"focus:outline-none":!0};return a.html`
+`){constructor(){super(...arguments),this.value="",this.label="",this.selected=!1,this.disabled=!1,this.group="",this.icon=""}connectedCallback(){super.connectedCallback(),this.id||(this.id=`schmancy-option-${Math.random().toString(36).substring(2,9)}`),this.label||(this.label=this.textContent?.trim()||this.value),!this.value&&this.textContent&&(this.value=this.textContent.trim()),l.fromEvent(this,"click").pipe(l.takeUntil(this.disconnecting)).subscribe(e=>{e.stopPropagation(),this.disabled||this.dispatchEvent(new CustomEvent("option-select",{bubbles:!0,composed:!0,detail:{value:this.value}}))}),l.fromEvent(this,"keydown").pipe(l.takeUntil(this.disconnecting)).subscribe(e=>{if(e.key===" "||e.key==="Enter"){if(e.preventDefault(),e.stopPropagation(),this.disabled)return;this.dispatchEvent(new CustomEvent("option-select",{bubbles:!0,composed:!0,detail:{value:this.value}}))}})}disconnectedCallback(){super.disconnectedCallback()}render(){const e={"py-2":!0,"px-3":!0,rounded:!0,"text-sm":!0,"w-full":!0,flex:!0,"items-center":!0,"gap-2":!0,"bg-primary-container":this.selected,"text-primary-onContainer":this.selected,"hover:bg-surface-high":!this.selected,"focus:outline-none":!0};return a.html`
 			<div class=${this.classMap(e)} role="option" aria-selected=${this.selected} aria-disabled=${this.disabled}>
 				${this.icon?a.html`<span class="icon">${this.icon}</span>`:""}
 				<span class="flex-1">${this.label||this.value}</span>
@@ -40,5 +40,5 @@
 							</span>
 						`:""}
 			</div>
-		`}};n([i.property({type:String})],t.prototype,"value",2),n([i.property({type:String})],t.prototype,"label",2),n([i.property({type:Boolean,reflect:!0})],t.prototype,"selected",2),n([i.property({type:Boolean,reflect:!0})],t.prototype,"disabled",2),n([i.property({type:String})],t.prototype,"group",2),n([i.property({type:String})],t.prototype,"icon",2),t=n([i.customElement("schmancy-option")],t);
-//# sourceMappingURL=option-Dolb8CBn.cjs.map
+		`}};o([i.property({type:String})],t.prototype,"value",2),o([i.property({type:String})],t.prototype,"label",2),o([i.property({type:Boolean,reflect:!0})],t.prototype,"selected",2),o([i.property({type:Boolean,reflect:!0})],t.prototype,"disabled",2),o([i.property({type:String})],t.prototype,"group",2),o([i.property({type:String})],t.prototype,"icon",2),t=o([i.customElement("schmancy-option")],t);
+//# sourceMappingURL=option-CLHsQQRu.cjs.map

package/dist/option-CLHsQQRu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-CLHsQQRu.cjs","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * `schmancy-option` is an option element for schmancy-select and schmancy-autocomplete components.\n *\n * @fires click - When the option is clicked\n */\n@customElement('schmancy-option')\nexport default class SchmancyOption extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\toutline: none;\n\t}\n\n\t:host(:focus-visible) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: -2px;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t:host([disabled]) {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n`) {\n\t/**\n\t * The value of the option, will be used when selected.\n\t */\n\t@property({ type: String })\n\tvalue: string = ''\n\n\t/**\n\t * The human-readable label for the option.\n\t */\n\t@property({ type: String })\n\tlabel: string = ''\n\n\t/**\n\t * Whether the option is currently selected.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t/**\n\t * Whether the option is disabled.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/**\n\t * Optional group this option belongs to (for option grouping).\n\t */\n\t@property({ type: String })\n\tgroup: string = ''\n\n\t/**\n\t * Optional icon or image to display before the label.\n\t */\n\t@property({ type: String })\n\ticon: string = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Ensure the option has an ID for accessibility\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-option-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// If no label was provided, use the text content or value\n\t\tif (!this.label) {\n\t\t\tthis.label = this.textContent?.trim() || this.value\n\t\t}\n\n\t\t// If value wasn't set but there's text content, use that as the value\n\t\tif (!this.value && this.textContent) {\n\t\t\tthis.value = this.textContent.trim()\n\t\t}\n\n\t\t// Make the option clickable\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tif (this.disabled) return\n\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\t// Handle space and enter as clicks\n\t\t\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tif (this.disabled) return\n\t\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'py-2': true,\n\t\t\t'px-3': true,\n\t\t\trounded: true,\n\t\t\t'text-sm': true,\n\t\t\t'w-full': true,\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t// Selected state\n\t\t\t'bg-primary-container': this.selected,\n\t\t\t'text-primary-onContainer': this.selected,\n\t\t\t// Hover state (when not selected)\n\t\t\t'hover:bg-surface-high': !this.selected,\n\t\t\t// Focus state\n\t\t\t'focus:outline-none': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} role=\"option\" aria-selected=${this.selected} aria-disabled=${this.disabled}>\n\t\t\t\t${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : ''}\n\t\t\t\t<span class=\"flex-1\">${this.label || this.value}</span>\n\t\t\t\t${this.selected\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<span class=\"check\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"></polyline>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-option': SchmancyOption\n\t}\n}\n"],"names":["SchmancyOption","TailwindElement","css","super","arguments","this","value","label","selected","disabled","group","icon","connectedCallback","id","Math","random","toString","substring","textContent","trim","fromEvent","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","disconnectedCallback","render","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}

package/dist/{option-BPPKtXwf.js → option-MTri6AjG.js}

@@ -2,13 +2,13 @@ import { fromEvent as h, takeUntil as d } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { property as o, customElement as u } from "lit/decorators.js";
-import { T as y } from "./tailwind.mixin-R2xLfpws.js";
-import { css as b, html as p } from "lit";
+import { T as b } from "./tailwind.mixin-R2xLfpws.js";
+import { css as y, html as p } from "lit";
 var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (e, n, r, l) => {
   for (var a, s = l > 1 ? void 0 : l ? v(n, r) : n, c = e.length - 1; c >= 0; c--) (a = e[c]) && (s = (l ? a(n, r, s) : a(s)) || s);
   return l && s && m(n, r, s), s;
 };
-let t = class extends y(b`
+let t = class extends b(y`
 	:host {
 		display: block;
 		cursor: pointer;
@@ -34,17 +34,18 @@ let t = class extends y(b`
     super(...arguments), this.value = "", this.label = "", this.selected = !1, this.disabled = !1, this.group = "", this.icon = "";
   }
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `schmancy-option-${Math.random().toString(36).substring(2, 9)}`), this.label || (this.label = this.textContent?.trim() || this.value), !this.value && this.textContent && (this.value = this.textContent.trim()), h(this, "click").pipe(d(this.disconnecting)).subscribe(this.handleClick), h(this, "keydown").pipe(d(this.disconnecting)).subscribe(this.handleKeyDown);
+    super.connectedCallback(), this.id || (this.id = `schmancy-option-${Math.random().toString(36).substring(2, 9)}`), this.label || (this.label = this.textContent?.trim() || this.value), !this.value && this.textContent && (this.value = this.textContent.trim()), h(this, "click").pipe(d(this.disconnecting)).subscribe((e) => {
+      e.stopPropagation(), this.disabled || this.dispatchEvent(new CustomEvent("option-select", { bubbles: !0, composed: !0, detail: { value: this.value } }));
+    }), h(this, "keydown").pipe(d(this.disconnecting)).subscribe((e) => {
+      if (e.key === " " || e.key === "Enter") {
+        if (e.preventDefault(), e.stopPropagation(), this.disabled) return;
+        this.dispatchEvent(new CustomEvent("option-select", { bubbles: !0, composed: !0, detail: { value: this.value } }));
+      }
+    });
   }
   disconnectedCallback() {
     super.disconnectedCallback();
   }
-  handleClick(e) {
-    e.stopPropagation(), this.disabled || this.dispatchEvent(new CustomEvent("option-select", { bubbles: !0, composed: !0, detail: { value: this.value } }));
-  }
-  handleKeyDown(e) {
-    e.key !== " " && e.key !== "Enter" || (e.preventDefault(), this.handleClick(e));
-  }
   render() {
     const e = { "py-2": !0, "px-3": !0, rounded: !0, "text-sm": !0, "w-full": !0, flex: !0, "items-center": !0, "gap-2": !0, "bg-primary-container": this.selected, "text-primary-onContainer": this.selected, "hover:bg-surface-high": !this.selected, "focus:outline-none": !0 };
     return p`
@@ -72,4 +73,4 @@ let t = class extends y(b`
   }
 };
 i([o({ type: String })], t.prototype, "value", 2), i([o({ type: String })], t.prototype, "label", 2), i([o({ type: Boolean, reflect: !0 })], t.prototype, "selected", 2), i([o({ type: Boolean, reflect: !0 })], t.prototype, "disabled", 2), i([o({ type: String })], t.prototype, "group", 2), i([o({ type: String })], t.prototype, "icon", 2), t = i([u("schmancy-option")], t);
-//# sourceMappingURL=option-BPPKtXwf.js.map
+//# sourceMappingURL=option-MTri6AjG.js.map

package/dist/option-MTri6AjG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-MTri6AjG.js","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * `schmancy-option` is an option element for schmancy-select and schmancy-autocomplete components.\n *\n * @fires click - When the option is clicked\n */\n@customElement('schmancy-option')\nexport default class SchmancyOption extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\toutline: none;\n\t}\n\n\t:host(:focus-visible) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: -2px;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t:host([disabled]) {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n`) {\n\t/**\n\t * The value of the option, will be used when selected.\n\t */\n\t@property({ type: String })\n\tvalue: string = ''\n\n\t/**\n\t * The human-readable label for the option.\n\t */\n\t@property({ type: String })\n\tlabel: string = ''\n\n\t/**\n\t * Whether the option is currently selected.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t/**\n\t * Whether the option is disabled.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/**\n\t * Optional group this option belongs to (for option grouping).\n\t */\n\t@property({ type: String })\n\tgroup: string = ''\n\n\t/**\n\t * Optional icon or image to display before the label.\n\t */\n\t@property({ type: String })\n\ticon: string = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Ensure the option has an ID for accessibility\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-option-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// If no label was provided, use the text content or value\n\t\tif (!this.label) {\n\t\t\tthis.label = this.textContent?.trim() || this.value\n\t\t}\n\n\t\t// If value wasn't set but there's text content, use that as the value\n\t\tif (!this.value && this.textContent) {\n\t\t\tthis.value = this.textContent.trim()\n\t\t}\n\n\t\t// Make the option clickable\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tif (this.disabled) return\n\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe((e) => {\n\t\t\t\t// Handle space and enter as clicks\n\t\t\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\t\t\te.preventDefault()\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t\tif (this.disabled) return\n\t\t\t\t\t// Dispatch a custom event with this option's value\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent('option-select', {\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\tdetail: { value: this.value },\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'py-2': true,\n\t\t\t'px-3': true,\n\t\t\trounded: true,\n\t\t\t'text-sm': true,\n\t\t\t'w-full': true,\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t// Selected state\n\t\t\t'bg-primary-container': this.selected,\n\t\t\t'text-primary-onContainer': this.selected,\n\t\t\t// Hover state (when not selected)\n\t\t\t'hover:bg-surface-high': !this.selected,\n\t\t\t// Focus state\n\t\t\t'focus:outline-none': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} role=\"option\" aria-selected=${this.selected} aria-disabled=${this.disabled}>\n\t\t\t\t${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : ''}\n\t\t\t\t<span class=\"flex-1\">${this.label || this.value}</span>\n\t\t\t\t${this.selected\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<span class=\"check\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"></polyline>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-option': SchmancyOption\n\t}\n}\n"],"names":["SchmancyOption","TailwindElement","css","super","arguments","this","value","label","selected","disabled","group","icon","connectedCallback","id","Math","random","toString","substring","textContent","trim","fromEvent","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","disconnectedCallback","render","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}

package/dist/option.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./option-Dolb8CBn.cjs");
+"use strict";require("./option-CLHsQQRu.cjs");
 //# sourceMappingURL=option.cjs.map

package/dist/option.js

@@ -1,2 +1,2 @@
-import "./option-BPPKtXwf.js";
+import "./option-MTri6AjG.js";
 //# sourceMappingURL=option.js.map

package/dist/teleport.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-DoxGzRgy.cjs");exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.teleport=e.teleport;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-Lcb94SrU.cjs");exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.teleport=e.teleport;
 //# sourceMappingURL=teleport.cjs.map

package/dist/teleport.js

@@ -1,4 +1,4 @@
-import { H as o, q as t, W as a, t as s } from "./avatar-CWqrPcmt.js";
+import { H as o, q as t, W as a, t as s } from "./avatar-BrNa1pz6.js";
 export {
   o as HereMorty,
   t as SchmancyTeleportation,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mhmo91/schmancy",
-	"version": "0.5.10",
+	"version": "0.5.11",
 	"description": "UI library build with web components",
 	"main": "./dist/index.js",
 	"exports": {

package/types/src/option/option.d.ts

@@ -31,8 +31,6 @@ export default class SchmancyOption extends SchmancyOption_base {
     icon: string;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    private handleClick;
-    private handleKeyDown;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/option-BPPKtXwf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option-BPPKtXwf.js","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * `schmancy-option` is an option element for schmancy-select and schmancy-autocomplete components.\n *\n * @fires click - When the option is clicked\n */\n@customElement('schmancy-option')\nexport default class SchmancyOption extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\toutline: none;\n\t}\n\n\t:host(:focus-visible) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: -2px;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t:host([disabled]) {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n`) {\n\t/**\n\t * The value of the option, will be used when selected.\n\t */\n\t@property({ type: String })\n\tvalue: string = ''\n\n\t/**\n\t * The human-readable label for the option.\n\t */\n\t@property({ type: String })\n\tlabel: string = ''\n\n\t/**\n\t * Whether the option is currently selected.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t/**\n\t * Whether the option is disabled.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/**\n\t * Optional group this option belongs to (for option grouping).\n\t */\n\t@property({ type: String })\n\tgroup: string = ''\n\n\t/**\n\t * Optional icon or image to display before the label.\n\t */\n\t@property({ type: String })\n\ticon: string = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Ensure the option has an ID for accessibility\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-option-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// If no label was provided, use the text content or value\n\t\tif (!this.label) {\n\t\t\tthis.label = this.textContent?.trim() || this.value\n\t\t}\n\n\t\t// If value wasn't set but there's text content, use that as the value\n\t\tif (!this.value && this.textContent) {\n\t\t\tthis.value = this.textContent.trim()\n\t\t}\n\n\t\t// Make the option clickable\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(this.handleClick)\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate handleClick(e: Event) {\n\t\te.stopPropagation()\n\t\tif (this.disabled) return\n\t\t// Dispatch a custom event with this option's value\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('option-select', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t\tdetail: { value: this.value },\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleKeyDown(e: KeyboardEvent) {\n\t\t// Handle space and enter as clicks\n\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\te.preventDefault()\n\t\t\tthis.handleClick(e)\n\t\t}\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'py-2': true,\n\t\t\t'px-3': true,\n\t\t\trounded: true,\n\t\t\t'text-sm': true,\n\t\t\t'w-full': true,\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t// Selected state\n\t\t\t'bg-primary-container': this.selected,\n\t\t\t'text-primary-onContainer': this.selected,\n\t\t\t// Hover state (when not selected)\n\t\t\t'hover:bg-surface-high': !this.selected,\n\t\t\t// Focus state\n\t\t\t'focus:outline-none': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} role=\"option\" aria-selected=${this.selected} aria-disabled=${this.disabled}>\n\t\t\t\t${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : ''}\n\t\t\t\t<span class=\"flex-1\">${this.label || this.value}</span>\n\t\t\t\t${this.selected\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<span class=\"check\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"></polyline>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-option': SchmancyOption\n\t}\n}\n"],"names":["SchmancyOption","TailwindElement","css","constructor","super","arguments","this","value","label","selected","disabled","group","icon","connectedCallback","id","Math","random","toString","substring","textContent","trim","fromEvent","pipe","takeUntil","disconnecting","subscribe","handleClick","handleKeyDown","disconnectedCallback","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","render","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}

package/dist/option-Dolb8CBn.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"option-Dolb8CBn.cjs","sources":["../src/option/option.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n/**\n * `schmancy-option` is an option element for schmancy-select and schmancy-autocomplete components.\n *\n * @fires click - When the option is clicked\n */\n@customElement('schmancy-option')\nexport default class SchmancyOption extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\toutline: none;\n\t}\n\n\t:host(:focus-visible) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: -2px;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t:host([disabled]) {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n`) {\n\t/**\n\t * The value of the option, will be used when selected.\n\t */\n\t@property({ type: String })\n\tvalue: string = ''\n\n\t/**\n\t * The human-readable label for the option.\n\t */\n\t@property({ type: String })\n\tlabel: string = ''\n\n\t/**\n\t * Whether the option is currently selected.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tselected: boolean = false\n\n\t/**\n\t * Whether the option is disabled.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/**\n\t * Optional group this option belongs to (for option grouping).\n\t */\n\t@property({ type: String })\n\tgroup: string = ''\n\n\t/**\n\t * Optional icon or image to display before the label.\n\t */\n\t@property({ type: String })\n\ticon: string = ''\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Ensure the option has an ID for accessibility\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-option-${Math.random().toString(36).substring(2, 9)}`\n\t\t}\n\n\t\t// If no label was provided, use the text content or value\n\t\tif (!this.label) {\n\t\t\tthis.label = this.textContent?.trim() || this.value\n\t\t}\n\n\t\t// If value wasn't set but there's text content, use that as the value\n\t\tif (!this.value && this.textContent) {\n\t\t\tthis.value = this.textContent.trim()\n\t\t}\n\n\t\t// Make the option clickable\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(this.handleClick)\n\n\t\tfromEvent<KeyboardEvent>(this, 'keydown')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Event listeners are automatically cleaned up via takeUntil(this.disconnecting)\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate handleClick(e: Event) {\n\t\te.stopPropagation()\n\t\tif (this.disabled) return\n\t\t// Dispatch a custom event with this option's value\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('option-select', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t\tdetail: { value: this.value },\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleKeyDown(e: KeyboardEvent) {\n\t\t// Handle space and enter as clicks\n\t\tif (e.key === ' ' || e.key === 'Enter') {\n\t\t\te.preventDefault()\n\t\t\tthis.handleClick(e)\n\t\t}\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'py-2': true,\n\t\t\t'px-3': true,\n\t\t\trounded: true,\n\t\t\t'text-sm': true,\n\t\t\t'w-full': true,\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t// Selected state\n\t\t\t'bg-primary-container': this.selected,\n\t\t\t'text-primary-onContainer': this.selected,\n\t\t\t// Hover state (when not selected)\n\t\t\t'hover:bg-surface-high': !this.selected,\n\t\t\t// Focus state\n\t\t\t'focus:outline-none': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(classes)} role=\"option\" aria-selected=${this.selected} aria-disabled=${this.disabled}>\n\t\t\t\t${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : ''}\n\t\t\t\t<span class=\"flex-1\">${this.label || this.value}</span>\n\t\t\t\t${this.selected\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<span class=\"check\">\n\t\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"></polyline>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-option': SchmancyOption\n\t}\n}\n"],"names":["SchmancyOption","TailwindElement","css","super","arguments","this","value","label","selected","disabled","group","icon","connectedCallback","id","Math","random","toString","substring","textContent","trim","fromEvent","pipe","takeUntil","disconnecting","subscribe","handleClick","handleKeyDown","disconnectedCallback","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","detail","key","preventDefault","render","classes","rounded","flex","html","classMap","__decorateClass","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"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"}