@mhmo91/schmancy 0.8.4 → 0.9.2

package/dist/input-chip-B5ErXgCB.js

@@ -1,206 +0,0 @@
-import { T as m } from "./tailwind.mixin-Bp_PR6yc.js";
-import { css as b, html as c, LitElement as v } from "lit";
-import { property as r, state as h, customElement as f } from "lit/decorators.js";
-import { classMap as u } from "lit/directives/class-map.js";
-import { BehaviorSubject as d, combineLatest as y } from "rxjs";
-import { map as $, tap as g, takeUntil as x } from "rxjs/operators";
-var w = Object.defineProperty, k = Object.getOwnPropertyDescriptor, n = (e, t, o, s) => {
-  for (var l, a = s > 1 ? void 0 : s ? k(t, o) : t, p = e.length - 1; p >= 0; p--) (l = e[p]) && (a = (s ? l(t, o, a) : l(a)) || a);
-  return s && a && w(t, o, a), a;
-};
-let i = class extends m(b`
-	:host {
-		display: inline-block;
-		outline: none;
-		min-width:fit-content
-
-	}
-
-	:host([disabled]) {
-		pointer-events: none;
-	}
-
-	button {
-		font-family: inherit;
-	}
-
-	.avatar-img {
-		width: 20px;
-		height: 20px;
-		object-fit: cover;
-	}
-
-	/* Material Symbols font for icons */
-	.material-symbols-outlined {
-		font-family: 'Material Symbols Outlined';
-		font-weight: normal;
-		font-style: normal;
-		font-size: 18px;
-		line-height: 1;
-		letter-spacing: normal;
-		text-transform: none;
-		display: inline-block;
-		white-space: nowrap;
-		word-wrap: normal;
-		direction: ltr;
-		-webkit-font-smoothing: antialiased;
-		text-rendering: optimizeLegibility;
-		-moz-osx-font-smoothing: grayscale;
-		font-feature-settings: 'liga';
-		vertical-align: middle;
-	}
-
-	.ripple {
-		position: absolute;
-		border-radius: 50%;
-		transform: scale(0);
-		animation: ripple 600ms linear;
-		background-color: rgba(0, 0, 0, 0.08);
-		pointer-events: none;
-	}
-
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
-
-	/* State layer for M3 hover/focus/pressed states */
-	.state-layer {
-		position: absolute;
-		inset: 0;
-		border-radius: inherit;
-		pointer-events: none;
-		background-color: currentColor;
-		opacity: 0;
-		transition: opacity 200ms ease;
-	}
-
-	:host(:not([disabled])) .chip-container:hover .state-layer {
-		opacity: 0.08;
-	}
-
-	:host(:not([disabled])) .chip-container:focus-visible .state-layer {
-		opacity: 0.1;
-	}
-
-	:host(:not([disabled])) .chip-container:active .state-layer {
-		opacity: 0.1;
-	}
-`) {
-  constructor() {
-    super(), this.value = "", this.icon = "", this.avatar = "", this.removable = !0, this.disabled = !1, this.elevated = !1, this.chipHover$ = new d(!1), this.removeHover$ = new d(!1), this.focused$ = new d(!1), this.pressed$ = new d(!1), this.uiState = { chipHover: !1, removeHover: !1, focused: !1, pressed: !1 }, this.ripples = [], this.nextRippleId = 0, this.handleChipClick = (e) => {
-      if (this.disabled) return;
-      const t = this.shadowRoot?.querySelector(".chip-container");
-      if (t) {
-        const o = t.getBoundingClientRect(), s = e.clientX - o.left, l = e.clientY - o.top, a = this.nextRippleId++;
-        this.ripples = [...this.ripples, { x: s, y: l, id: a }], setTimeout(() => {
-          this.ripples = this.ripples.filter((p) => p.id !== a);
-        }, 600);
-      }
-      this.dispatchEvent(new CustomEvent("click", { detail: { value: this.value }, bubbles: !0, composed: !0 }));
-    }, this.handleRemove = (e) => {
-      this.disabled || (e.stopPropagation(), this.dispatchEvent(new CustomEvent("remove", { detail: { value: this.value }, bubbles: !0, composed: !0 })));
-    }, this.handleKeyDown = (e) => {
-      if (!this.disabled) if (e.key !== "Delete" && e.key !== "Backspace" || !this.removable) {
-        if (e.key === "Enter") {
-          e.preventDefault();
-          const t = new MouseEvent("click", { bubbles: !0, cancelable: !0, clientX: 0, clientY: 0 });
-          this.handleChipClick(t);
-        }
-      } else e.preventDefault(), this.handleRemove(e);
-    }, this.handleFocus = () => {
-      this.focused$.next(!0);
-    }, this.handleBlur = () => {
-      this.focused$.next(!1);
-    };
-    try {
-      this.internals = this.attachInternals();
-    } catch {
-      this.internals = void 0;
-    }
-  }
-  get form() {
-    return this.internals?.form;
-  }
-  connectedCallback() {
-    super.connectedCallback(), y([this.chipHover$, this.removeHover$, this.focused$, this.pressed$]).pipe($(([e, t, o, s]) => ({ chipHover: e, removeHover: t, focused: o, pressed: s })), g((e) => {
-      this.uiState = e;
-    }), x(this.disconnecting)).subscribe();
-  }
-  render() {
-    const e = this.avatar || this.icon, t = { "chip-container": !0, "inline-flex": !0, "items-center": !0, "gap-2": !0, "h-8": !0, "min-h-[32px]": !0, "rounded-full": !0, "cursor-default": !0, "transition-all": !0, "duration-200": !0, "select-none": !0, "text-sm": !0, "font-medium": !0, relative: !0, "overflow-hidden": !0, border: !0, "pl-2": e, "pl-4": !e, "pr-2": this.removable, "pr-4": !this.removable, "bg-surface-containerLow": !0, "text-surface-onVariant": !0, "border-outline": !0, "border-solid": !0, "focus-visible:outline": !this.disabled, "focus-visible:outline-2": !this.disabled, "focus-visible:outline-primary": !this.disabled, "focus-visible:outline-offset-2": !this.disabled, "opacity-38": this.disabled, "cursor-not-allowed": this.disabled }, o = { "size-[18px]": !0, flex: !0, "items-center": !0, "justify-center": !0, "rounded-full": !0, "transition-all": !0, "duration-200": !0, "cursor-pointer": !this.disabled, "-mr-1": !0, "hover:bg-surface-containerHighest": !this.disabled, "opacity-50": this.disabled };
-    return c`
-			<div
-				class=${u(t)}
-				@click=${this.handleChipClick}
-				@keydown=${this.handleKeyDown}
-				@mouseenter=${() => this.chipHover$.next(!0)}
-				@mouseleave=${() => this.chipHover$.next(!1)}
-				@mousedown=${() => this.pressed$.next(!0)}
-				@mouseup=${() => this.pressed$.next(!1)}
-				@focus=${this.handleFocus}
-				@blur=${this.handleBlur}
-				role="button"
-				tabindex=${this.disabled ? "-1" : "0"}
-				aria-disabled=${this.disabled}
-				aria-label=${this.value}
-			>
-				<!-- Avatar image (if provided) -->
-				${this.avatar ? c`
-					<img
-						src=${this.avatar}
-						alt=""
-						class="avatar-img rounded-full size-5"
-					/>
-				` : ""}
-
-				<!-- Icon (if provided and no avatar) -->
-				${this.icon && !this.avatar ? c`
-					<span class="material-symbols-outlined text-[18px] shrink-0">
-						${this.icon}
-					</span>
-				` : ""}
-
-				<!-- Chip content -->
-				<span class="text-sm font-medium leading-5">
-					<slot></slot>
-				</span>
-
-				<!-- Remove button (shown by default for input chips) -->
-				${this.removable ? c`
-					<button
-						class=${u(o)}
-						@click=${this.handleRemove}
-						@mouseenter=${() => this.removeHover$.next(!0)}
-						@mouseleave=${() => this.removeHover$.next(!1)}
-						aria-label="Remove"
-						tabindex="-1"
-						?disabled=${this.disabled}
-					>
-						<span class="material-symbols-outlined text-[18px]">
-							close
-						</span>
-					</button>
-				` : ""}
-
-				<!-- Ripple effects -->
-				${this.ripples.map((s) => c`
-					<span
-						class="ripple"
-						style="left: ${s.x}px; top: ${s.y}px;"
-					></span>
-				`)}
-
-				<!-- State layer for M3 hover/focus/pressed states -->
-				<div class="state-layer"></div>
-			</div>
-		`;
-  }
-};
-i.shadowRootOptions = { ...v.shadowRootOptions, delegatesFocus: !0 }, i.formAssociated = !0, n([r({ type: String, reflect: !0 })], i.prototype, "value", 2), n([r({ type: String, reflect: !0 })], i.prototype, "icon", 2), n([r({ type: String, reflect: !0 })], i.prototype, "avatar", 2), n([r({ type: Boolean, reflect: !0 })], i.prototype, "removable", 2), n([r({ type: Boolean, reflect: !0 })], i.prototype, "disabled", 2), n([r({ type: Boolean, reflect: !0 })], i.prototype, "elevated", 2), n([h()], i.prototype, "uiState", 2), n([h()], i.prototype, "ripples", 2), i = n([f("schmancy-input-chip")], i);
-export {
-  i as S
-};
-//# sourceMappingURL=input-chip-B5ErXgCB.js.map

package/dist/input-chip-B5ErXgCB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-chip-B5ErXgCB.js","sources":["../src/chips/input-chip.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { map, takeUntil, tap } from 'rxjs/operators'\n\n/**\n * Input chip component - represents user-provided information that can be removed.\n *\n * IMPORTANT: Per Material Design 3 specification, input chips do NOT have selected state.\n * They represent discrete pieces of user input (like entered tags, selections from lists, etc.)\n * that can only be removed, not toggled on/off.\n *\n * Use cases:\n * - Displaying selected recipients in an email\n * - Showing applied filters that can be removed\n * - Tags or keywords entered by the user\n * - Selected items from a multi-select dropdown\n *\n * @fires click - Optional click event on chip body (value)\n * @fires remove - Dispatched when remove button is clicked (value)\n *\n * @example\n * ```html\n * <schmancy-input-chip value=\"john@example.com\" avatar=\"/avatars/john.jpg\">\n *   John Doe\n * </schmancy-input-chip>\n * ```\n */\n@customElement('schmancy-input-chip')\nexport class SchmancyInputChip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\toutline: none;\n\t\tmin-width:fit-content\n\n\t}\n\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t}\n\n\tbutton {\n\t\tfont-family: inherit;\n\t}\n\n\t.avatar-img {\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tobject-fit: cover;\n\t}\n\n\t/* Material Symbols font for icons */\n\t.material-symbols-outlined {\n\t\tfont-family: 'Material Symbols Outlined';\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tfont-size: 18px;\n\t\tline-height: 1;\n\t\tletter-spacing: normal;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t\tword-wrap: normal;\n\t\tdirection: ltr;\n\t\t-webkit-font-smoothing: antialiased;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\tfont-feature-settings: 'liga';\n\t\tvertical-align: middle;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\t\tborder-radius: 50%;\n\t\ttransform: scale(0);\n\t\tanimation: ripple 600ms linear;\n\t\tbackground-color: rgba(0, 0, 0, 0.08);\n\t\tpointer-events: none;\n\t}\n\n\t@keyframes ripple {\n\t\tto {\n\t\t\ttransform: scale(4);\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t/* State layer for M3 hover/focus/pressed states */\n\t.state-layer {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tpointer-events: none;\n\t\tbackground-color: currentColor;\n\t\topacity: 0;\n\t\ttransition: opacity 200ms ease;\n\t}\n\n\t:host(:not([disabled])) .chip-container:hover .state-layer {\n\t\topacity: 0.08;\n\t}\n\n\t:host(:not([disabled])) .chip-container:focus-visible .state-layer {\n\t\topacity: 0.1;\n\t}\n\n\t:host(:not([disabled])) .chip-container:active .state-layer {\n\t\topacity: 0.1;\n\t}\n`) {\n\t/** Value identifier for the chip */\n\t@property({ type: String, reflect: true })\n\tvalue: string = ''\n\n\t/** Optional icon name (Material Symbols) */\n\t@property({ type: String, reflect: true })\n\ticon: string = ''\n\n\t/** Optional avatar image URL */\n\t@property({ type: String, reflect: true })\n\tavatar: string = ''\n\n\t/** Whether to show remove button (default true for input chips) */\n\t@property({ type: Boolean, reflect: true })\n\tremovable: boolean = true\n\n\t/** Disable the chip */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/** Elevated style variant */\n\t@property({ type: Boolean, reflect: true })\n\televated: boolean = false\n\n\t// RxJS state streams\n\tprivate chipHover$ = new BehaviorSubject<boolean>(false)\n\tprivate removeHover$ = new BehaviorSubject<boolean>(false)\n\tprivate focused$ = new BehaviorSubject<boolean>(false)\n\tprivate pressed$ = new BehaviorSubject<boolean>(false)\n\n\t// UI state from combined streams\n\t@state()  uiState = {\n\t\tchipHover: false,\n\t\tremoveHover: false,\n\t\tfocused: false,\n\t\tpressed: false\n\t}\n\n\t// Ripple effects\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\tprivate nextRippleId = 0\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\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\n\tstatic formAssociated = true\n\tinternals: ElementInternals | undefined\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Combine all UI state streams\n\t\tcombineLatest([\n\t\t\tthis.chipHover$,\n\t\t\tthis.removeHover$,\n\t\t\tthis.focused$,\n\t\t\tthis.pressed$\n\t\t]).pipe(\n\t\t\tmap(([chipHover, removeHover, focused, pressed]) => ({\n\t\t\t\tchipHover,\n\t\t\t\tremoveHover,\n\t\t\t\tfocused,\n\t\t\t\tpressed\n\t\t\t})),\n\t\t\ttap(state => {\n\t\t\t\tthis.uiState = state\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate handleChipClick = (e: MouseEvent) => {\n\t\tif (this.disabled) return\n\n\t\t// Add ripple effect\n\t\tconst chip = this.shadowRoot?.querySelector('.chip-container') as HTMLElement\n\t\tif (chip) {\n\t\t\tconst rect = chip.getBoundingClientRect()\n\t\t\tconst x = e.clientX - rect.left\n\t\t\tconst y = e.clientY - rect.top\n\t\t\tconst id = this.nextRippleId++\n\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t\t// Remove ripple after animation\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t\t}, 600)\n\t\t}\n\n\t\t// Dispatch optional click event (for custom handling if needed)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('click', {\n\t\t\t\tdetail: { value: this.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t)\n\t}\n\n\tprivate handleRemove = (e: Event) => {\n\t\tif (this.disabled) return\n\n\t\te.stopPropagation()\n\n\t\t// Dispatch remove event\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('remove', {\n\t\t\t\tdetail: { value: this.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t)\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled) return\n\n\t\t// Delete or Backspace removes the chip\n\t\tif ((e.key === 'Delete' || e.key === 'Backspace') && this.removable) {\n\t\t\te.preventDefault()\n\t\t\tthis.handleRemove(e)\n\t\t}\n\t\t// Enter can optionally trigger click\n\t\telse if (e.key === 'Enter') {\n\t\t\te.preventDefault()\n\t\t\tconst clickEvent = new MouseEvent('click', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcancelable: true,\n\t\t\t\tclientX: 0,\n\t\t\t\tclientY: 0\n\t\t\t})\n\t\t\tthis.handleChipClick(clickEvent)\n\t\t}\n\t}\n\n\tprivate handleFocus = () => {\n\t\tthis.focused$.next(true)\n\t}\n\n\tprivate handleBlur = () => {\n\t\tthis.focused$.next(false)\n\t}\n\n\tprotected render(): unknown {\n\t\tconst hasLeadingIcon = this.avatar || this.icon;\n\n\t\tconst chipClasses = {\n\t\t\t'chip-container': true,\n\t\t\t'inline-flex': true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t'h-8': true, // M3: 32px height\n\t\t\t'min-h-[32px]': true,\n\t\t\t'rounded-full': true,\n\t\t\t'cursor-default': true,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'select-none': true,\n\t\t\t'text-sm': true, // M3: 14px Label Large\n\t\t\t'font-medium': true, // M3: 500 weight\n\t\t\t'relative': true,\n\t\t\t'overflow-hidden': true,\n\t\t\t'border': true,\n\n\t\t\t// M3 Padding: 8px with icon, 16px without (leading), 8px with trailing icon\n\t\t\t'pl-2': hasLeadingIcon, // 8px with avatar/icon\n\t\t\t'pl-4': !hasLeadingIcon, // 16px without\n\t\t\t'pr-2': this.removable, // 8px with remove button\n\t\t\t'pr-4': !this.removable, // 16px without\n\n\t\t\t// M3 Colors for input chips\n\t\t\t'bg-surface-containerLow': true,\n\t\t\t'text-surface-onVariant': true,\n\t\t\t'border-outline': true,\n\t\t\t'border-solid':true,\n\t\t\t// Input chips are flat (no elevation) per M3\n\n\t\t\t// Focus-visible state\n\t\t\t'focus-visible:outline': !this.disabled,\n\t\t\t'focus-visible:outline-2': !this.disabled,\n\t\t\t'focus-visible:outline-primary': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\n\t\t\t// Disabled state\n\t\t\t'opacity-38': this.disabled, // M3 disabled opacity\n\t\t\t'cursor-not-allowed': this.disabled\n\t\t}\n\n\t\tconst removeButtonClasses = {\n\t\t\t'size-[18px]': true, // M3: 18px icon size\n\t\t\t'flex': true,\n\t\t\t'items-center': true,\n\t\t\t'justify-center': true,\n\t\t\t'rounded-full': true,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'-mr-1': true, // Adjust for visual balance\n\n\t\t\t// Hover state for remove button\n\t\t\t'hover:bg-surface-containerHighest': !this.disabled,\n\t\t\t'opacity-50': this.disabled\n\t\t}\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=${classMap(chipClasses)}\n\t\t\t\t@click=${this.handleChipClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@mouseenter=${() => this.chipHover$.next(true)}\n\t\t\t\t@mouseleave=${() => this.chipHover$.next(false)}\n\t\t\t\t@mousedown=${() => this.pressed$.next(true)}\n\t\t\t\t@mouseup=${() => this.pressed$.next(false)}\n\t\t\t\t@focus=${this.handleFocus}\n\t\t\t\t@blur=${this.handleBlur}\n\t\t\t\trole=\"button\"\n\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\taria-label=${this.value}\n\t\t\t>\n\t\t\t\t<!-- Avatar image (if provided) -->\n\t\t\t\t${this.avatar ? html`\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc=${this.avatar}\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tclass=\"avatar-img rounded-full size-5\"\n\t\t\t\t\t/>\n\t\t\t\t` : ''}\n\n\t\t\t\t<!-- Icon (if provided and no avatar) -->\n\t\t\t\t${this.icon && !this.avatar ? html`\n\t\t\t\t\t<span class=\"material-symbols-outlined text-[18px] shrink-0\">\n\t\t\t\t\t\t${this.icon}\n\t\t\t\t\t</span>\n\t\t\t\t` : ''}\n\n\t\t\t\t<!-- Chip content -->\n\t\t\t\t<span class=\"text-sm font-medium leading-5\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\n\t\t\t\t<!-- Remove button (shown by default for input chips) -->\n\t\t\t\t${this.removable ? html`\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=${classMap(removeButtonClasses)}\n\t\t\t\t\t\t@click=${this.handleRemove}\n\t\t\t\t\t\t@mouseenter=${() => this.removeHover$.next(true)}\n\t\t\t\t\t\t@mouseleave=${() => this.removeHover$.next(false)}\n\t\t\t\t\t\taria-label=\"Remove\"\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"material-symbols-outlined text-[18px]\">\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</button>\n\t\t\t\t` : ''}\n\n\t\t\t\t<!-- Ripple effects -->\n\t\t\t\t${this.ripples.map(ripple => html`\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"ripple\"\n\t\t\t\t\t\tstyle=\"left: ${ripple.x}px; top: ${ripple.y}px;\"\n\t\t\t\t\t></span>\n\t\t\t\t`)}\n\n\t\t\t\t<!-- State layer for M3 hover/focus/pressed states -->\n\t\t\t\t<div class=\"state-layer\"></div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input-chip': SchmancyInputChip\n\t}\n}\n\nexport type InputChipClickEvent = { value: string }\nexport type InputChipRemoveEvent = { value: string }"],"names":["SchmancyInputChip","TailwindElement","css","super","this","value","icon","avatar","removable","disabled","elevated","chipHover$","BehaviorSubject","removeHover$","focused$","pressed$","uiState","chipHover","removeHover","focused","pressed","ripples","nextRippleId","handleChipClick","e","chip","shadowRoot","querySelector","rect","getBoundingClientRect","x","clientX","left","y","clientY","top","id","setTimeout","filter","r","dispatchEvent","CustomEvent","detail","bubbles","composed","handleRemove","stopPropagation","handleKeyDown","key","preventDefault","clickEvent","MouseEvent","cancelable","handleFocus","next","handleBlur","internals","attachInternals","form","connectedCallback","combineLatest","pipe","map","tap","state","takeUntil","disconnecting","subscribe","render","hasLeadingIcon","chipClasses","relative","border","removeButtonClasses","flex","html","classMap","ripple","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","type","String","reflect","prototype","Boolean","customElement"],"mappings":";;;;;;;;;;AA+BO,IAAMA,IAAN,cAAgCC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CA2HtD,EAAA;AAAA,EAAA;AACCC,UAAAA,GAzCDC,KAAAC,QAAgB,IAIhBD,KAAAE,OAAe,IAIfF,KAAAG,SAAiB,IAIjBH,KAAAI,gBAIAJ,KAAAK,eAIAL,KAAAM,eAGAN,KAAQO,aAAa,IAAIC,IAAyB,GAClDR,KAAQS,eAAe,IAAID,EAAAA,KAC3BR,KAAQU,WAAW,IAAIF,EAAAA,EAAyB,GAChDR,KAAQW,WAAW,IAAIH,IAAyB,GAGtCR,KAAAY,UAAU,EACnBC,WAAAA,IACAC,aAAAA,IACAC,SAAAA,IACAC,YAAS,GAIDhB,KAAQiB,UAAuD,CAAA,GACxEjB,KAAQkB,eAAe,GA6CvBlB,KAAQmB,kBAAmBC,CAAAA,MAAAA;AAC1B,UAAIpB,KAAKK,SAAU;AAGnB,YAAMgB,IAAOrB,KAAKsB,YAAYC,cAAc,iBAAA;AAC5C,UAAIF,GAAM;AACT,cAAMG,IAAOH,EAAKI,yBACZC,IAAIN,EAAEO,UAAUH,EAAKI,MACrBC,IAAIT,EAAEU,UAAUN,EAAKO,KACrBC,IAAKhC,KAAKkB;AAEhBlB,aAAKiB,UAAU,CAAA,GAAIjB,KAAKiB,SAAS,EAAES,MAAGG,GAAAA,GAAGG,IAAAA,EAAAA,CAAAA,GAGzCC,WAAW,MAAA;AACVjC,eAAKiB,UAAUjB,KAAKiB,QAAQiB,OAAOC,CAAAA,MAAKA,EAAEH,OAAOA,CAAAA;AAAAA,QAAAA,GAC/C,GAAA;AAAA,MACJ;AAGAhC,WAAKoC,cACJ,IAAIC,YAAY,SAAS,EACxBC,QAAQ,EAAErC,OAAOD,KAAKC,SACtBsC,SAAAA,IACAC,aAAU,CAAA,CAAA;AAAA,IAAA,GAKbxC,KAAQyC,eAAgBrB,CAAAA,MAAAA;AACnBpB,WAAKK,aAETe,EAAEsB,gBAAAA,GAGF1C,KAAKoC,cACJ,IAAIC,YAAY,UAAU,EACzBC,QAAQ,EAAErC,OAAOD,KAAKC,MAAAA,GACtBsC,aACAC,UAAAA;OAKHxC,KAAQ2C,gBAAiBvB,CAAAA;AACxB,UAAA,CAAIpB,KAAKK,SAGT,KAAKe,EAAEwB,QAAQ,YAAYxB,EAAEwB,QAAQ,eAARA,CAAwB5C,KAAKI;AAG1D,YAESgB,EAAEwB,QAAQ,SAAS;AAC3BxB,UAAAA,EAAEyB,eAAAA;AACF,gBAAMC,IAAa,IAAIC,WAAW,SAAS,EAC1CR,SAAAA,IACAS,YAAAA,IACArB,SAAS,GACTG,SAAS,EAAA,CAAA;AAEV9B,eAAKmB,gBAAgB2B,CAAAA;AAAAA,QACtB;AAAA,YAbC1B,CAAAA,EAAEyB,eAAAA,GACF7C,KAAKyC,aAAarB,CAAAA;AAAAA,IAAAA,GAepBpB,KAAQiD,cAAc,MAAA;AACrBjD,WAAKU,SAASwC,KAAAA,EAAK;AAAA,IAAA,GAGpBlD,KAAQmD,aAAa,MAAA;AACpBnD,WAAKU,SAASwC,KAAAA,EAAK;AAAA,IAAA;AA/GnB,QAAA;AACClD,WAAKoD,YAAYpD,KAAKqD;IACvB,QAAA;AACCrD,WAAKoD,YAAAA;AAAAA,IACN;AAAA,EACD;AAAA,EASA,IAAA;AACC,WAAOpD,KAAKoD,WAAWE;AAAAA,EACxB;AAAA,EAEA,oBAAAC;AACCxD,UAAMwD,kBAAAA,GAGNC,EAAc,CACbxD,KAAKO,YACLP,KAAKS,cACLT,KAAKU,UACLV,KAAKW,QAAAA,CAAAA,EACH8C,KACFC,EAAI,CAAA,CAAE7C,GAAWC,GAAaC,GAASC,QAAO,EAC7CH,WAAAA,GACAC,gBACAC,SAAAA,GACAC,SAAAA,EAAAA,EAAAA,GAED2C,EAAIC,CAAAA,MAAAA;AACH5D,WAAKY,UAAUgD;AAAAA,IAAAA,CAAAA,GAEhBC,EAAU7D,KAAK8D,aAAAA,CAAAA,EACdC,UAAAA;AAAAA,EACH;AAAA,EA2EU,SAAAC;AACT,UAAMC,IAAiBjE,KAAKG,UAAUH,KAAKE,MAErCgE,IAAc,EACnB,kBAAA,IACA,eAAA,IACA,gBAAA,IACA,aACA,OAAA,IACA,gBAAA,IACA,oBACA,kBAAA,IACA,kBAAA,IACA,oBACA,eAAA,IACA,WAAA,IACA,mBACAC,UAAAA,IACA,mBAAA,IACAC,YAGA,QAAQH,GACR,QAAA,CAASA,GACT,QAAQjE,KAAKI,WACb,SAASJ,KAAKI,WAGd,+BACA,0BAAA,IACA,kBAAA,IACA,oBAIA,yBAAA,CAA0BJ,KAAKK,UAC/B,4BAA4BL,KAAKK,UACjC,kCAAkCL,KAAKK,UACvC,mCAAmCL,KAAKK,UAGxC,cAAcL,KAAKK,UACnB,sBAAsBL,KAAKK,SAAAA,GAGtBgE,IAAsB,EAC3B,eAAA,IACAC,MAAAA,IACA,oBACA,kBAAA,IACA,gBAAA,IACA,sBACA,gBAAA,IACA,kBAAA,CAAmBtE,KAAKK,UACxB,SAAA,IAGA,sCAAsCL,KAAKK,UAC3C,cAAcL,KAAKK,SAAAA;AAGpB,WAAOkE;AAAAA;AAAAA,YAEGC,EAASN,CAAAA,CAAAA;AAAAA,aACRlE,KAAKmB,eAAAA;AAAAA,eACHnB,KAAK2C,aAAAA;AAAAA,kBACF,MAAM3C,KAAKO,WAAW2C,KAAAA,EAAK,CAAA;AAAA,kBAC3B,MAAMlD,KAAKO,WAAW2C,KAAAA,EAAK,CAAA;AAAA,iBAC5B,MAAMlD,KAAKW,SAASuC,KAAAA,EAAK,CAAA;AAAA,eAC3B,MAAMlD,KAAKW,SAASuC,KAAAA,EAAK,CAAA;AAAA,aAC3BlD,KAAKiD,WAAAA;AAAAA,YACNjD,KAAKmD,UAAAA;AAAAA;AAAAA,eAEFnD,KAAKK,WAAW,OAAO,GAAA;AAAA,oBAClBL,KAAKK,QAAAA;AAAAA,iBACRL,KAAKC,KAAAA;AAAAA;AAAAA;AAAAA,MAGhBD,KAAKG,SAASoE;AAAAA;AAAAA,YAERvE,KAAKG,MAAAA;AAAAA;AAAAA;AAAAA;AAAAA,QAIT,EAAA;AAAA;AAAA;AAAA,MAGFH,KAAKE,QAAAA,CAASF,KAAKG,SAASoE;AAAAA;AAAAA,QAE1BvE,KAAKE,IAAAA;AAAAA;AAAAA,QAEL,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQFF,KAAKI,YAAYmE;AAAAA;AAAAA,cAETC,EAASH,CAAAA,CAAAA;AAAAA,eACRrE,KAAKyC,YAAAA;AAAAA,oBACA,MAAMzC,KAAKS,aAAayC,KAAAA,EAAK,CAAA;AAAA,oBAC7B,MAAMlD,KAAKS,aAAayC,KAAAA,EAAK,CAAA;AAAA;AAAA;AAAA,kBAG/BlD,KAAKK,QAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,QAMf,EAAA;AAAA;AAAA;AAAA,MAGFL,KAAKiB,QAAQyC,IAAIe,CAAAA,MAAUF;AAAAA;AAAAA;AAAAA,qBAGZE,EAAO/C,aAAa+C,EAAO5C,CAAAA;AAAAA;AAAAA;;;;;;EAQ/C;AAAA;AA9WYjC,EAoIK8E,oBAAoB,EAAA,GACjCC,EAAWD,mBACdE,gBAAAA,GAAgB,GAtILhF,EAyILiF,iBAAAA,IAtDPC,EAAA,CADCC,EAAS,EAAEC,MAAMC,QAAQC,SAAAA,QAlFdtF,EAmFZuF,WAAA,SAAA,CAAA,GAIAL,EAAA,CADCC,EAAS,EAAEC,MAAMC,QAAQC,SAAAA,GAAS,CAAA,CAAA,GAtFvBtF,EAuFZuF,WAAA,QAAA,CAAA,GAIAL,EAAA,CADCC,EAAS,EAAEC,MAAMC,QAAQC,YAAS,CAAA,CAAA,GA1FvBtF,EA2FZuF,WAAA,UAAA,CAAA,GAIAL,EAAA,CADCC,EAAS,EAAEC,MAAMI,SAASF,SAAAA,QA9FftF,EA+FZuF,WAAA,aAAA,CAAA,GAIAL,EAAA,CADCC,EAAS,EAAEC,MAAMI,SAASF,SAAAA,GAAS,CAAA,CAAA,GAlGxBtF,EAmGZuF,WAAA,YAAA,IAIAL,EAAA,CADCC,EAAS,EAAEC,MAAMI,SAASF,YAAS,CAAA,CAAA,GAtGxBtF,EAuGZuF,WAAA,YAAA,CAAA,GASUL,EAAA,CAATlB,EAAAA,CAAAA,GAhHWhE,EAgHFuF,WAAA,WAAA,CAAA,GAQOL,EAAA,CAAhBlB,EAAAA,CAAAA,GAxHWhE,EAwHKuF,WAAA,WAAA,CAAA,GAxHLvF,IAANkF,EAAA,CADNO,EAAc,qBAAA,CAAA,GACFzF,CAAAA;"}

package/dist/input-chip-DkWaTciP.cjs

@@ -1,147 +0,0 @@
-"use strict";const u=require("./tailwind.mixin-Cp4PyXok.cjs"),r=require("lit"),a=require("lit/decorators.js"),d=require("lit/directives/class-map.js"),c=require("rxjs"),h=require("rxjs/operators");var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(e,t,s,i)=>{for(var l,o=i>1?void 0:i?v(t,s):t,p=e.length-1;p>=0;p--)(l=e[p])&&(o=(i?l(t,s,o):l(o))||o);return i&&o&&m(t,s,o),o};exports.SchmancyInputChip=class extends u.TailwindElement(r.css`
-	:host {
-		display: inline-block;
-		outline: none;
-		min-width:fit-content
-
-	}
-
-	:host([disabled]) {
-		pointer-events: none;
-	}
-
-	button {
-		font-family: inherit;
-	}
-
-	.avatar-img {
-		width: 20px;
-		height: 20px;
-		object-fit: cover;
-	}
-
-	/* Material Symbols font for icons */
-	.material-symbols-outlined {
-		font-family: 'Material Symbols Outlined';
-		font-weight: normal;
-		font-style: normal;
-		font-size: 18px;
-		line-height: 1;
-		letter-spacing: normal;
-		text-transform: none;
-		display: inline-block;
-		white-space: nowrap;
-		word-wrap: normal;
-		direction: ltr;
-		-webkit-font-smoothing: antialiased;
-		text-rendering: optimizeLegibility;
-		-moz-osx-font-smoothing: grayscale;
-		font-feature-settings: 'liga';
-		vertical-align: middle;
-	}
-
-	.ripple {
-		position: absolute;
-		border-radius: 50%;
-		transform: scale(0);
-		animation: ripple 600ms linear;
-		background-color: rgba(0, 0, 0, 0.08);
-		pointer-events: none;
-	}
-
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
-
-	/* State layer for M3 hover/focus/pressed states */
-	.state-layer {
-		position: absolute;
-		inset: 0;
-		border-radius: inherit;
-		pointer-events: none;
-		background-color: currentColor;
-		opacity: 0;
-		transition: opacity 200ms ease;
-	}
-
-	:host(:not([disabled])) .chip-container:hover .state-layer {
-		opacity: 0.08;
-	}
-
-	:host(:not([disabled])) .chip-container:focus-visible .state-layer {
-		opacity: 0.1;
-	}
-
-	:host(:not([disabled])) .chip-container:active .state-layer {
-		opacity: 0.1;
-	}
-`){constructor(){super(),this.value="",this.icon="",this.avatar="",this.removable=!0,this.disabled=!1,this.elevated=!1,this.chipHover$=new c.BehaviorSubject(!1),this.removeHover$=new c.BehaviorSubject(!1),this.focused$=new c.BehaviorSubject(!1),this.pressed$=new c.BehaviorSubject(!1),this.uiState={chipHover:!1,removeHover:!1,focused:!1,pressed:!1},this.ripples=[],this.nextRippleId=0,this.handleChipClick=e=>{if(this.disabled)return;const t=this.shadowRoot?.querySelector(".chip-container");if(t){const s=t.getBoundingClientRect(),i=e.clientX-s.left,l=e.clientY-s.top,o=this.nextRippleId++;this.ripples=[...this.ripples,{x:i,y:l,id:o}],setTimeout(()=>{this.ripples=this.ripples.filter(p=>p.id!==o)},600)}this.dispatchEvent(new CustomEvent("click",{detail:{value:this.value},bubbles:!0,composed:!0}))},this.handleRemove=e=>{this.disabled||(e.stopPropagation(),this.dispatchEvent(new CustomEvent("remove",{detail:{value:this.value},bubbles:!0,composed:!0})))},this.handleKeyDown=e=>{if(!this.disabled)if(e.key!=="Delete"&&e.key!=="Backspace"||!this.removable){if(e.key==="Enter"){e.preventDefault();const t=new MouseEvent("click",{bubbles:!0,cancelable:!0,clientX:0,clientY:0});this.handleChipClick(t)}}else e.preventDefault(),this.handleRemove(e)},this.handleFocus=()=>{this.focused$.next(!0)},this.handleBlur=()=>{this.focused$.next(!1)};try{this.internals=this.attachInternals()}catch{this.internals=void 0}}get form(){return this.internals?.form}connectedCallback(){super.connectedCallback(),c.combineLatest([this.chipHover$,this.removeHover$,this.focused$,this.pressed$]).pipe(h.map(([e,t,s,i])=>({chipHover:e,removeHover:t,focused:s,pressed:i})),h.tap(e=>{this.uiState=e}),h.takeUntil(this.disconnecting)).subscribe()}render(){const e=this.avatar||this.icon,t={"chip-container":!0,"inline-flex":!0,"items-center":!0,"gap-2":!0,"h-8":!0,"min-h-[32px]":!0,"rounded-full":!0,"cursor-default":!0,"transition-all":!0,"duration-200":!0,"select-none":!0,"text-sm":!0,"font-medium":!0,relative:!0,"overflow-hidden":!0,border:!0,"pl-2":e,"pl-4":!e,"pr-2":this.removable,"pr-4":!this.removable,"bg-surface-containerLow":!0,"text-surface-onVariant":!0,"border-outline":!0,"border-solid":!0,"focus-visible:outline":!this.disabled,"focus-visible:outline-2":!this.disabled,"focus-visible:outline-primary":!this.disabled,"focus-visible:outline-offset-2":!this.disabled,"opacity-38":this.disabled,"cursor-not-allowed":this.disabled},s={"size-[18px]":!0,flex:!0,"items-center":!0,"justify-center":!0,"rounded-full":!0,"transition-all":!0,"duration-200":!0,"cursor-pointer":!this.disabled,"-mr-1":!0,"hover:bg-surface-containerHighest":!this.disabled,"opacity-50":this.disabled};return r.html`
-			<div
-				class=${d.classMap(t)}
-				@click=${this.handleChipClick}
-				@keydown=${this.handleKeyDown}
-				@mouseenter=${()=>this.chipHover$.next(!0)}
-				@mouseleave=${()=>this.chipHover$.next(!1)}
-				@mousedown=${()=>this.pressed$.next(!0)}
-				@mouseup=${()=>this.pressed$.next(!1)}
-				@focus=${this.handleFocus}
-				@blur=${this.handleBlur}
-				role="button"
-				tabindex=${this.disabled?"-1":"0"}
-				aria-disabled=${this.disabled}
-				aria-label=${this.value}
-			>
-				<!-- Avatar image (if provided) -->
-				${this.avatar?r.html`
-					<img
-						src=${this.avatar}
-						alt=""
-						class="avatar-img rounded-full size-5"
-					/>
-				`:""}
-
-				<!-- Icon (if provided and no avatar) -->
-				${this.icon&&!this.avatar?r.html`
-					<span class="material-symbols-outlined text-[18px] shrink-0">
-						${this.icon}
-					</span>
-				`:""}
-
-				<!-- Chip content -->
-				<span class="text-sm font-medium leading-5">
-					<slot></slot>
-				</span>
-
-				<!-- Remove button (shown by default for input chips) -->
-				${this.removable?r.html`
-					<button
-						class=${d.classMap(s)}
-						@click=${this.handleRemove}
-						@mouseenter=${()=>this.removeHover$.next(!0)}
-						@mouseleave=${()=>this.removeHover$.next(!1)}
-						aria-label="Remove"
-						tabindex="-1"
-						?disabled=${this.disabled}
-					>
-						<span class="material-symbols-outlined text-[18px]">
-							close
-						</span>
-					</button>
-				`:""}
-
-				<!-- Ripple effects -->
-				${this.ripples.map(i=>r.html`
-					<span
-						class="ripple"
-						style="left: ${i.x}px; top: ${i.y}px;"
-					></span>
-				`)}
-
-				<!-- State layer for M3 hover/focus/pressed states -->
-				<div class="state-layer"></div>
-			</div>
-		`}},exports.SchmancyInputChip.shadowRootOptions={...r.LitElement.shadowRootOptions,delegatesFocus:!0},exports.SchmancyInputChip.formAssociated=!0,n([a.property({type:String,reflect:!0})],exports.SchmancyInputChip.prototype,"value",2),n([a.property({type:String,reflect:!0})],exports.SchmancyInputChip.prototype,"icon",2),n([a.property({type:String,reflect:!0})],exports.SchmancyInputChip.prototype,"avatar",2),n([a.property({type:Boolean,reflect:!0})],exports.SchmancyInputChip.prototype,"removable",2),n([a.property({type:Boolean,reflect:!0})],exports.SchmancyInputChip.prototype,"disabled",2),n([a.property({type:Boolean,reflect:!0})],exports.SchmancyInputChip.prototype,"elevated",2),n([a.state()],exports.SchmancyInputChip.prototype,"uiState",2),n([a.state()],exports.SchmancyInputChip.prototype,"ripples",2),exports.SchmancyInputChip=n([a.customElement("schmancy-input-chip")],exports.SchmancyInputChip);
-//# sourceMappingURL=input-chip-DkWaTciP.cjs.map

package/dist/input-chip-DkWaTciP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-chip-DkWaTciP.cjs","sources":["../src/chips/input-chip.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { map, takeUntil, tap } from 'rxjs/operators'\n\n/**\n * Input chip component - represents user-provided information that can be removed.\n *\n * IMPORTANT: Per Material Design 3 specification, input chips do NOT have selected state.\n * They represent discrete pieces of user input (like entered tags, selections from lists, etc.)\n * that can only be removed, not toggled on/off.\n *\n * Use cases:\n * - Displaying selected recipients in an email\n * - Showing applied filters that can be removed\n * - Tags or keywords entered by the user\n * - Selected items from a multi-select dropdown\n *\n * @fires click - Optional click event on chip body (value)\n * @fires remove - Dispatched when remove button is clicked (value)\n *\n * @example\n * ```html\n * <schmancy-input-chip value=\"john@example.com\" avatar=\"/avatars/john.jpg\">\n *   John Doe\n * </schmancy-input-chip>\n * ```\n */\n@customElement('schmancy-input-chip')\nexport class SchmancyInputChip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\toutline: none;\n\t\tmin-width:fit-content\n\n\t}\n\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t}\n\n\tbutton {\n\t\tfont-family: inherit;\n\t}\n\n\t.avatar-img {\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tobject-fit: cover;\n\t}\n\n\t/* Material Symbols font for icons */\n\t.material-symbols-outlined {\n\t\tfont-family: 'Material Symbols Outlined';\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tfont-size: 18px;\n\t\tline-height: 1;\n\t\tletter-spacing: normal;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t\tword-wrap: normal;\n\t\tdirection: ltr;\n\t\t-webkit-font-smoothing: antialiased;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\tfont-feature-settings: 'liga';\n\t\tvertical-align: middle;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\t\tborder-radius: 50%;\n\t\ttransform: scale(0);\n\t\tanimation: ripple 600ms linear;\n\t\tbackground-color: rgba(0, 0, 0, 0.08);\n\t\tpointer-events: none;\n\t}\n\n\t@keyframes ripple {\n\t\tto {\n\t\t\ttransform: scale(4);\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t/* State layer for M3 hover/focus/pressed states */\n\t.state-layer {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tpointer-events: none;\n\t\tbackground-color: currentColor;\n\t\topacity: 0;\n\t\ttransition: opacity 200ms ease;\n\t}\n\n\t:host(:not([disabled])) .chip-container:hover .state-layer {\n\t\topacity: 0.08;\n\t}\n\n\t:host(:not([disabled])) .chip-container:focus-visible .state-layer {\n\t\topacity: 0.1;\n\t}\n\n\t:host(:not([disabled])) .chip-container:active .state-layer {\n\t\topacity: 0.1;\n\t}\n`) {\n\t/** Value identifier for the chip */\n\t@property({ type: String, reflect: true })\n\tvalue: string = ''\n\n\t/** Optional icon name (Material Symbols) */\n\t@property({ type: String, reflect: true })\n\ticon: string = ''\n\n\t/** Optional avatar image URL */\n\t@property({ type: String, reflect: true })\n\tavatar: string = ''\n\n\t/** Whether to show remove button (default true for input chips) */\n\t@property({ type: Boolean, reflect: true })\n\tremovable: boolean = true\n\n\t/** Disable the chip */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/** Elevated style variant */\n\t@property({ type: Boolean, reflect: true })\n\televated: boolean = false\n\n\t// RxJS state streams\n\tprivate chipHover$ = new BehaviorSubject<boolean>(false)\n\tprivate removeHover$ = new BehaviorSubject<boolean>(false)\n\tprivate focused$ = new BehaviorSubject<boolean>(false)\n\tprivate pressed$ = new BehaviorSubject<boolean>(false)\n\n\t// UI state from combined streams\n\t@state()  uiState = {\n\t\tchipHover: false,\n\t\tremoveHover: false,\n\t\tfocused: false,\n\t\tpressed: false\n\t}\n\n\t// Ripple effects\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\tprivate nextRippleId = 0\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\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\n\tstatic formAssociated = true\n\tinternals: ElementInternals | undefined\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Combine all UI state streams\n\t\tcombineLatest([\n\t\t\tthis.chipHover$,\n\t\t\tthis.removeHover$,\n\t\t\tthis.focused$,\n\t\t\tthis.pressed$\n\t\t]).pipe(\n\t\t\tmap(([chipHover, removeHover, focused, pressed]) => ({\n\t\t\t\tchipHover,\n\t\t\t\tremoveHover,\n\t\t\t\tfocused,\n\t\t\t\tpressed\n\t\t\t})),\n\t\t\ttap(state => {\n\t\t\t\tthis.uiState = state\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate handleChipClick = (e: MouseEvent) => {\n\t\tif (this.disabled) return\n\n\t\t// Add ripple effect\n\t\tconst chip = this.shadowRoot?.querySelector('.chip-container') as HTMLElement\n\t\tif (chip) {\n\t\t\tconst rect = chip.getBoundingClientRect()\n\t\t\tconst x = e.clientX - rect.left\n\t\t\tconst y = e.clientY - rect.top\n\t\t\tconst id = this.nextRippleId++\n\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t\t// Remove ripple after animation\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t\t}, 600)\n\t\t}\n\n\t\t// Dispatch optional click event (for custom handling if needed)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('click', {\n\t\t\t\tdetail: { value: this.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t)\n\t}\n\n\tprivate handleRemove = (e: Event) => {\n\t\tif (this.disabled) return\n\n\t\te.stopPropagation()\n\n\t\t// Dispatch remove event\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('remove', {\n\t\t\t\tdetail: { value: this.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t)\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled) return\n\n\t\t// Delete or Backspace removes the chip\n\t\tif ((e.key === 'Delete' || e.key === 'Backspace') && this.removable) {\n\t\t\te.preventDefault()\n\t\t\tthis.handleRemove(e)\n\t\t}\n\t\t// Enter can optionally trigger click\n\t\telse if (e.key === 'Enter') {\n\t\t\te.preventDefault()\n\t\t\tconst clickEvent = new MouseEvent('click', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcancelable: true,\n\t\t\t\tclientX: 0,\n\t\t\t\tclientY: 0\n\t\t\t})\n\t\t\tthis.handleChipClick(clickEvent)\n\t\t}\n\t}\n\n\tprivate handleFocus = () => {\n\t\tthis.focused$.next(true)\n\t}\n\n\tprivate handleBlur = () => {\n\t\tthis.focused$.next(false)\n\t}\n\n\tprotected render(): unknown {\n\t\tconst hasLeadingIcon = this.avatar || this.icon;\n\n\t\tconst chipClasses = {\n\t\t\t'chip-container': true,\n\t\t\t'inline-flex': true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t'h-8': true, // M3: 32px height\n\t\t\t'min-h-[32px]': true,\n\t\t\t'rounded-full': true,\n\t\t\t'cursor-default': true,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'select-none': true,\n\t\t\t'text-sm': true, // M3: 14px Label Large\n\t\t\t'font-medium': true, // M3: 500 weight\n\t\t\t'relative': true,\n\t\t\t'overflow-hidden': true,\n\t\t\t'border': true,\n\n\t\t\t// M3 Padding: 8px with icon, 16px without (leading), 8px with trailing icon\n\t\t\t'pl-2': hasLeadingIcon, // 8px with avatar/icon\n\t\t\t'pl-4': !hasLeadingIcon, // 16px without\n\t\t\t'pr-2': this.removable, // 8px with remove button\n\t\t\t'pr-4': !this.removable, // 16px without\n\n\t\t\t// M3 Colors for input chips\n\t\t\t'bg-surface-containerLow': true,\n\t\t\t'text-surface-onVariant': true,\n\t\t\t'border-outline': true,\n\t\t\t'border-solid':true,\n\t\t\t// Input chips are flat (no elevation) per M3\n\n\t\t\t// Focus-visible state\n\t\t\t'focus-visible:outline': !this.disabled,\n\t\t\t'focus-visible:outline-2': !this.disabled,\n\t\t\t'focus-visible:outline-primary': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\n\t\t\t// Disabled state\n\t\t\t'opacity-38': this.disabled, // M3 disabled opacity\n\t\t\t'cursor-not-allowed': this.disabled\n\t\t}\n\n\t\tconst removeButtonClasses = {\n\t\t\t'size-[18px]': true, // M3: 18px icon size\n\t\t\t'flex': true,\n\t\t\t'items-center': true,\n\t\t\t'justify-center': true,\n\t\t\t'rounded-full': true,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'-mr-1': true, // Adjust for visual balance\n\n\t\t\t// Hover state for remove button\n\t\t\t'hover:bg-surface-containerHighest': !this.disabled,\n\t\t\t'opacity-50': this.disabled\n\t\t}\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=${classMap(chipClasses)}\n\t\t\t\t@click=${this.handleChipClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@mouseenter=${() => this.chipHover$.next(true)}\n\t\t\t\t@mouseleave=${() => this.chipHover$.next(false)}\n\t\t\t\t@mousedown=${() => this.pressed$.next(true)}\n\t\t\t\t@mouseup=${() => this.pressed$.next(false)}\n\t\t\t\t@focus=${this.handleFocus}\n\t\t\t\t@blur=${this.handleBlur}\n\t\t\t\trole=\"button\"\n\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\taria-label=${this.value}\n\t\t\t>\n\t\t\t\t<!-- Avatar image (if provided) -->\n\t\t\t\t${this.avatar ? html`\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc=${this.avatar}\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tclass=\"avatar-img rounded-full size-5\"\n\t\t\t\t\t/>\n\t\t\t\t` : ''}\n\n\t\t\t\t<!-- Icon (if provided and no avatar) -->\n\t\t\t\t${this.icon && !this.avatar ? html`\n\t\t\t\t\t<span class=\"material-symbols-outlined text-[18px] shrink-0\">\n\t\t\t\t\t\t${this.icon}\n\t\t\t\t\t</span>\n\t\t\t\t` : ''}\n\n\t\t\t\t<!-- Chip content -->\n\t\t\t\t<span class=\"text-sm font-medium leading-5\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\n\t\t\t\t<!-- Remove button (shown by default for input chips) -->\n\t\t\t\t${this.removable ? html`\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=${classMap(removeButtonClasses)}\n\t\t\t\t\t\t@click=${this.handleRemove}\n\t\t\t\t\t\t@mouseenter=${() => this.removeHover$.next(true)}\n\t\t\t\t\t\t@mouseleave=${() => this.removeHover$.next(false)}\n\t\t\t\t\t\taria-label=\"Remove\"\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"material-symbols-outlined text-[18px]\">\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</button>\n\t\t\t\t` : ''}\n\n\t\t\t\t<!-- Ripple effects -->\n\t\t\t\t${this.ripples.map(ripple => html`\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"ripple\"\n\t\t\t\t\t\tstyle=\"left: ${ripple.x}px; top: ${ripple.y}px;\"\n\t\t\t\t\t></span>\n\t\t\t\t`)}\n\n\t\t\t\t<!-- State layer for M3 hover/focus/pressed states -->\n\t\t\t\t<div class=\"state-layer\"></div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input-chip': SchmancyInputChip\n\t}\n}\n\nexport type InputChipClickEvent = { value: string }\nexport type InputChipRemoveEvent = { value: string }"],"names":["SchmancyInputChip","TailwindElement","css","super","this","value","icon","avatar","removable","disabled","elevated","chipHover$","BehaviorSubject","removeHover$","focused$","pressed$","uiState","chipHover","removeHover","focused","pressed","ripples","nextRippleId","handleChipClick","e","chip","shadowRoot","querySelector","rect","getBoundingClientRect","x","clientX","left","y","clientY","top","id","setTimeout","filter","r","dispatchEvent","CustomEvent","detail","bubbles","composed","handleRemove","stopPropagation","handleKeyDown","key","preventDefault","clickEvent","MouseEvent","cancelable","handleFocus","next","handleBlur","internals","attachInternals","form","connectedCallback","combineLatest","pipe","map","tap","state","takeUntil","disconnecting","subscribe","hasLeadingIcon","chipClasses","relative","border","removeButtonClasses","flex","html","classMap","ripple","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","type","String","reflect","prototype","Boolean","customElement"],"mappings":"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"}

package/dist/input.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/intersection-CJxzz8c-.js

@@ -1,15 +0,0 @@
-import { Observable as s } from "rxjs";
-function c(r, t = { threshold: 0.5 }) {
-  return new s((o) => {
-    const e = new IntersectionObserver((n) => {
-      o.next(n);
-    }, t);
-    return Array.isArray(r) ? r.forEach((n) => e.observe(n)) : e.observe(r), () => {
-      e.disconnect();
-    };
-  });
-}
-export {
-  c as i
-};
-//# sourceMappingURL=intersection-CJxzz8c-.js.map

package/dist/intersection-CJxzz8c-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"intersection-CJxzz8c-.js","sources":["../src/utils/intersection.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tArray.isArray(element) ? element.forEach(el => observer.observe(el)) : observer.observe(element)\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n"],"names":["intersection$","element","options","threshold","Observable","subscriber","observer","IntersectionObserver","entries","next","Array","isArray","forEach","el","observe","disconnect"],"mappings":";AAEO,SAASA,EACfC,GACAC,IAAU,EACTC,WAAW,IAAA,GAAA;AAGZ,SAAO,IAAIC,EAAWC,CAAAA,MAAAA;AACrB,UAAMC,IAAW,IAAIC,qBAAqBC,CAAAA,MAAAA;AACzCH,MAAAA,EAAWI,KAAKD,CAAAA;AAAAA,IAAAA,GACdN;AAMH,WAHAQ,MAAMC,QAAQV,CAAAA,IAAWA,EAAQW,QAAQC,CAAAA,MAAMP,EAASQ,QAAQD,MAAOP,EAASQ,QAAQb,IAGjF,MAAA;AACNK,MAAAA,EAASS;;;AAGZ;"}

package/dist/intersection-CVvaDv96.cjs

@@ -1,2 +0,0 @@
-"use strict";const o=require("rxjs");exports.intersection$=function(r,t={threshold:.5}){return new o.Observable(s=>{const e=new IntersectionObserver(n=>{s.next(n)},t);return Array.isArray(r)?r.forEach(n=>e.observe(n)):e.observe(r),()=>{e.disconnect()}})};
-//# sourceMappingURL=intersection-CVvaDv96.cjs.map

package/dist/intersection-CVvaDv96.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"intersection-CVvaDv96.cjs","sources":["../src/utils/intersection.ts"],"sourcesContent":["import { Observable } from 'rxjs'\n\nexport function intersection$(\n\telement: Element | Element[],\n\toptions = {\n\t\tthreshold: 0.5,\n\t},\n) {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new IntersectionObserver(entries => {\n\t\t\tsubscriber.next(entries) // Emit the entries array\n\t\t}, options)\n\n\t\t// Observe each element\n\t\tArray.isArray(element) ? element.forEach(el => observer.observe(el)) : observer.observe(element)\n\n\t\t// Cleanup on unsubscription\n\t\treturn () => {\n\t\t\tobserver.disconnect()\n\t\t}\n\t})\n}\n"],"names":["element","options","threshold","Observable","subscriber","observer","IntersectionObserver","entries","next","Array","isArray","forEach","el","observe","disconnect"],"mappings":"2DAEO,SACNA,EACAC,EAAU,CACTC,UAAW,KAGZ,OAAO,IAAIC,EAAAA,WAAWC,GAAAA,CACrB,MAAMC,EAAW,IAAIC,qBAAqBC,GAAAA,CACzCH,EAAWI,KAAKD,CAAAA,CAAAA,EACdN,GAMH,OAHAQ,MAAMC,QAAQV,CAAAA,EAAWA,EAAQW,QAAQC,GAAMP,EAASQ,QAAQD,CAAAA,CAAAA,EAAOP,EAASQ,QAAQb,CAAAA,EAGjF,IAAA,CACNK,EAASS,WAAAA,CAAAA,CAAAA,CAAAA,CAGZ"}

package/dist/json-BZVe74np.cjs

@@ -1,12 +0,0 @@
-"use strict";require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const n=require("lit/decorators.js"),y=require("./tailwind.mixin-Cp4PyXok.cjs"),h=require("lit"),g=require("lit/directives/unsafe-html.js"),p=require("./notification-service-DknbpqTt.cjs");var u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,a=(e,t,s,c)=>{for(var i,r=c>1?void 0:c?d(t,s):t,o=e.length-1;o>=0;o--)(i=e[o])&&(r=(c?i(t,s,r):i(r))||r);return c&&r&&u(t,s,r),r};exports.SchmancyJson=class extends y.TailwindElement(h.css`:host { display: block }`){constructor(){super(...arguments),this.data={},this.highlightKeys=[],this.compact=!1}highlightChanges(e,t){let s=e;return t.forEach(c=>{const i=new RegExp(`("${c}":\\s*)([^,\\n}]+)`,"g");s=s.replace(i,(r,o,l)=>`${o}<span class="text-warning-default font-bold">${l}</span>`)}),s}async copyJSON(){try{await navigator.clipboard.writeText(JSON.stringify(this.data,null,2)),p.$notify.success("JSON copied to clipboard")}catch{p.$notify.error("Failed to copy JSON")}}render(){const e=JSON.stringify(this.data,null,this.compact?0:2),t=this.highlightKeys.length>0?this.highlightChanges(e,this.highlightKeys):e;return h.html`
-			<div
-				class="bg-surface-container rounded-lg p-2 font-mono overflow-auto cursor-pointer hover:bg-surface-container-high transition-colors"
-				@click=${this.copyJSON}
-			>
-				<div class="flex items-center justify-between mb-1">
-					<schmancy-icon size="12px" class="text-on-surface-variant">content_copy</schmancy-icon>
-				</div>
-				<pre class="text-[10px] leading-tight">${g.unsafeHTML(t)}</pre>
-			</div>
-		`}},a([n.property({type:Object})],exports.SchmancyJson.prototype,"data",2),a([n.property({type:Array})],exports.SchmancyJson.prototype,"highlightKeys",2),a([n.property({type:Boolean})],exports.SchmancyJson.prototype,"compact",2),exports.SchmancyJson=a([n.customElement("schmancy-json")],exports.SchmancyJson);
-//# sourceMappingURL=json-BZVe74np.cjs.map

package/dist/json-BZVe74np.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"json-BZVe74np.cjs","sources":["../src/json/json.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\nimport { $notify } from '@schmancy/notification'\n\n@customElement('schmancy-json')\nexport class SchmancyJson extends TailwindElement(css`:host { display: block }`) {\n\t@property({ type: Object }) data: Record<string, any> = {}\n\t@property({ type: Array }) highlightKeys: string[] = []\n\t@property({ type: Boolean }) compact = false\n\n\tprivate highlightChanges(json: string, changedKeys: string[]): string {\n\t\tlet highlighted = json\n\t\tchangedKeys.forEach(key => {\n\t\t\tconst regex = new RegExp(`(\"${key}\":\\\\s*)([^,\\\\n}]+)`, 'g')\n\t\t\thighlighted = highlighted.replace(regex, (_match, keyPart, valuePart) => {\n\t\t\t\treturn `${keyPart}<span class=\"text-warning-default font-bold\">${valuePart}</span>`\n\t\t\t})\n\t\t})\n\t\treturn highlighted\n\t}\n\n\tprivate async copyJSON() {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(JSON.stringify(this.data, null, 2))\n\t\t\t$notify.success('JSON copied to clipboard')\n\t\t} catch (error) {\n\t\t\t$notify.error('Failed to copy JSON')\n\t\t}\n\t}\n\n\trender() {\n\t\tconst jsonString = JSON.stringify(this.data, null, this.compact ? 0 : 2)\n\t\tconst highlighted = this.highlightKeys.length > 0 ? this.highlightChanges(jsonString, this.highlightKeys) : jsonString\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"bg-surface-container rounded-lg p-2 font-mono overflow-auto cursor-pointer hover:bg-surface-container-high transition-colors\"\n\t\t\t\t@click=${this.copyJSON}\n\t\t\t>\n\t\t\t\t<div class=\"flex items-center justify-between mb-1\">\n\t\t\t\t\t<schmancy-icon size=\"12px\" class=\"text-on-surface-variant\">content_copy</schmancy-icon>\n\t\t\t\t</div>\n\t\t\t\t<pre class=\"text-[10px] leading-tight\">${unsafeHTML(highlighted)}</pre>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-json': SchmancyJson\n\t}\n}\n"],"names":["SchmancyJson","TailwindElement","css","constructor","super","arguments","this","data","highlightKeys","compact","json","changedKeys","highlighted","forEach","key","regex","RegExp","replace","_match","keyPart","valuePart","copyJSON","navigator","clipboard","writeText","JSON","stringify","$notify","success","error","jsonString","length","highlightChanges","html","unsafeHTML","__decorateClass","property","type","Object","prototype","Array","Boolean","customElement"],"mappings":"kgBAOaA,QAAAA,aAAN,cAA2BC,EAAAA,gBAAgBC,+BAAA,CAAA,CAA3C,aAAAC,CAAAC,MAAAA,GAAAC,WACsBC,KAAAC,KAA4B,CAAA,EAC7BD,KAAAE,cAA0B,CAAA,EACxBF,KAAAG,QAAAA,EAAU,CAE/B,iBAAiBC,EAAcC,EAAAA,CACtC,IAAIC,EAAcF,EAOlB,OANAC,EAAYE,QAAQC,GAAAA,CACnB,MAAMC,EAAQ,IAAIC,OAAO,KAAKF,sBAAyB,GAAA,EACvDF,EAAcA,EAAYK,QAAQF,EAAO,CAACG,EAAQC,EAASC,IACnD,GAAGD,CAAAA,gDAAuDC,cAG5DR,CACR,CAEA,gBAAcS,CACb,GAAA,CAAA,MACOC,UAAUC,UAAUC,UAAUC,KAAKC,UAAUpB,KAAKC,KAAM,KAAM,IACpEoB,EAAAA,QAAQC,QAAQ,0BAAA,CACjB,MAASC,CACRF,EAAAA,QAAQE,MAAM,qBAAA,CACf,CACD,CAEA,SACC,MAAMC,EAAaL,KAAKC,UAAUpB,KAAKC,KAAM,KAAMD,KAAKG,QAAU,EAAI,CAAA,EAChEG,EAAcN,KAAKE,cAAcuB,OAAS,EAAIzB,KAAK0B,iBAAiBF,EAAYxB,KAAKE,eAAiBsB,EAE5G,OAAOG,EAAAA;AAAAA;AAAAA;AAAAA,aAGI3B,KAAKe,QAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,6CAK2Ba,EAAAA,WAAWtB,CAAAA,CAAAA;AAAAA;AAAAA,GAGvD,CAAA,EAvC4BuB,EAAA,CAA3BC,WAAS,CAAEC,KAAMC,UADNtC,qBACgBuC,UAAA,OAAA,CAAA,EACDJ,EAAA,CAA1BC,WAAS,CAAEC,KAAMG,SAFNxC,qBAEeuC,UAAA,gBAAA,CAAA,EACEJ,EAAA,CAA5BC,WAAS,CAAEC,KAAMI,WAHNzC,qBAGiBuC,UAAA,UAAA,CAAA,EAHjBvC,QAAAA,aAANmC,EAAA,CADNO,EAAAA,cAAc,kBACF1C"}

package/dist/json-PKewOWuJ.js

@@ -1,51 +0,0 @@
-import "rxjs";
-import "rxjs/operators";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { property as p, customElement as g } from "lit/decorators.js";
-import { T as m } from "./tailwind.mixin-Bp_PR6yc.js";
-import { css as y, html as d } from "lit";
-import { unsafeHTML as f } from "lit/directives/unsafe-html.js";
-import { $ as h } from "./notification-service-CUlfXqmj.js";
-var u = Object.defineProperty, b = Object.getOwnPropertyDescriptor, n = (t, r, s, e) => {
-  for (var i, o = e > 1 ? void 0 : e ? b(r, s) : r, a = t.length - 1; a >= 0; a--) (i = t[a]) && (o = (e ? i(r, s, o) : i(o)) || o);
-  return e && o && u(r, s, o), o;
-};
-let c = class extends m(y`:host { display: block }`) {
-  constructor() {
-    super(...arguments), this.data = {}, this.highlightKeys = [], this.compact = !1;
-  }
-  highlightChanges(t, r) {
-    let s = t;
-    return r.forEach((e) => {
-      const i = new RegExp(`("${e}":\\s*)([^,\\n}]+)`, "g");
-      s = s.replace(i, (o, a, l) => `${a}<span class="text-warning-default font-bold">${l}</span>`);
-    }), s;
-  }
-  async copyJSON() {
-    try {
-      await navigator.clipboard.writeText(JSON.stringify(this.data, null, 2)), h.success("JSON copied to clipboard");
-    } catch {
-      h.error("Failed to copy JSON");
-    }
-  }
-  render() {
-    const t = JSON.stringify(this.data, null, this.compact ? 0 : 2), r = this.highlightKeys.length > 0 ? this.highlightChanges(t, this.highlightKeys) : t;
-    return d`
-			<div
-				class="bg-surface-container rounded-lg p-2 font-mono overflow-auto cursor-pointer hover:bg-surface-container-high transition-colors"
-				@click=${this.copyJSON}
-			>
-				<div class="flex items-center justify-between mb-1">
-					<schmancy-icon size="12px" class="text-on-surface-variant">content_copy</schmancy-icon>
-				</div>
-				<pre class="text-[10px] leading-tight">${f(r)}</pre>
-			</div>
-		`;
-  }
-};
-n([p({ type: Object })], c.prototype, "data", 2), n([p({ type: Array })], c.prototype, "highlightKeys", 2), n([p({ type: Boolean })], c.prototype, "compact", 2), c = n([g("schmancy-json")], c);
-export {
-  c as S
-};
-//# sourceMappingURL=json-PKewOWuJ.js.map

package/dist/json-PKewOWuJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"json-PKewOWuJ.js","sources":["../src/json/json.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\nimport { $notify } from '@schmancy/notification'\n\n@customElement('schmancy-json')\nexport class SchmancyJson extends TailwindElement(css`:host { display: block }`) {\n\t@property({ type: Object }) data: Record<string, any> = {}\n\t@property({ type: Array }) highlightKeys: string[] = []\n\t@property({ type: Boolean }) compact = false\n\n\tprivate highlightChanges(json: string, changedKeys: string[]): string {\n\t\tlet highlighted = json\n\t\tchangedKeys.forEach(key => {\n\t\t\tconst regex = new RegExp(`(\"${key}\":\\\\s*)([^,\\\\n}]+)`, 'g')\n\t\t\thighlighted = highlighted.replace(regex, (_match, keyPart, valuePart) => {\n\t\t\t\treturn `${keyPart}<span class=\"text-warning-default font-bold\">${valuePart}</span>`\n\t\t\t})\n\t\t})\n\t\treturn highlighted\n\t}\n\n\tprivate async copyJSON() {\n\t\ttry {\n\t\t\tawait navigator.clipboard.writeText(JSON.stringify(this.data, null, 2))\n\t\t\t$notify.success('JSON copied to clipboard')\n\t\t} catch (error) {\n\t\t\t$notify.error('Failed to copy JSON')\n\t\t}\n\t}\n\n\trender() {\n\t\tconst jsonString = JSON.stringify(this.data, null, this.compact ? 0 : 2)\n\t\tconst highlighted = this.highlightKeys.length > 0 ? this.highlightChanges(jsonString, this.highlightKeys) : jsonString\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"bg-surface-container rounded-lg p-2 font-mono overflow-auto cursor-pointer hover:bg-surface-container-high transition-colors\"\n\t\t\t\t@click=${this.copyJSON}\n\t\t\t>\n\t\t\t\t<div class=\"flex items-center justify-between mb-1\">\n\t\t\t\t\t<schmancy-icon size=\"12px\" class=\"text-on-surface-variant\">content_copy</schmancy-icon>\n\t\t\t\t</div>\n\t\t\t\t<pre class=\"text-[10px] leading-tight\">${unsafeHTML(highlighted)}</pre>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-json': SchmancyJson\n\t}\n}\n"],"names":["SchmancyJson","TailwindElement","css","super","arguments","this","data","highlightKeys","compact","json","changedKeys","highlighted","forEach","key","regex","RegExp","replace","_match","keyPart","valuePart","navigator","clipboard","writeText","JSON","stringify","$notify","success","error","render","jsonString","length","highlightChanges","html","copyJSON","unsafeHTML","__decorateClass","property","type","Object","prototype","Array","Boolean","customElement"],"mappings":";;;;;;;;;;;;;AAOO,IAAMA,IAAN,cAA2BC,EAAgBC,2BAAA,EAAA;AAAA,EAA3C;AAAAC,UAAAA,GAAAC,SAAAA,GACsBC,KAAAC,OAA4B,CAAA,GAC7BD,KAAAE,gBAA0B,CAAA,GACxBF,KAAAG;EAAU;AAAA,EAE/B,iBAAiBC,GAAcC,GAAAA;AACtC,QAAIC,IAAcF;AAOlB,WANAC,EAAYE,QAAQC,CAAAA;AACnB,YAAMC,IAAQ,IAAIC,OAAO,KAAKF,CAAAA,sBAAyB,GAAA;AACvDF,UAAcA,EAAYK,QAAQF,GAAO,CAACG,GAAQC,GAASC,MACnD,GAAGD,CAAAA,gDAAuDC,CAAAA,SAAAA;AAAAA,IAAAA,CAAAA,GAG5DR;AAAAA,EACR;AAAA,EAEA,MAAA;AACC,QAAA;AAAA,YACOS,UAAUC,UAAUC,UAAUC,KAAKC,UAAUnB,KAAKC,MAAM,MAAM,CAAA,CAAA,GACpEmB,EAAQC,QAAQ;IACjB,QAASC;AACRF,MAAAA,EAAQE,MAAM,qBAAA;AAAA,IACf;AAAA,EACD;AAAA,EAEA,SAAAC;AACC,UAAMC,IAAaN,KAAKC,UAAUnB,KAAKC,MAAM,MAAMD,KAAKG,UAAU,IAAI,CAAA,GAChEG,IAAcN,KAAKE,cAAcuB,SAAS,IAAIzB,KAAK0B,iBAAiBF,GAAYxB,KAAKE,aAAAA,IAAiBsB;AAE5G,WAAOG;AAAAA;AAAAA;AAAAA,aAGI3B,KAAK4B,QAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,6CAK2BC,EAAWvB,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA,EAGvD;AAAA;AAvC4BwB,EAAA,CAA3BC,EAAS,EAAEC,MAAMC,OAAAA,CAAAA,CAAAA,GADNtC,EACgBuC,WAAA,QAAA,IACDJ,EAAA,CAA1BC,EAAS,EAAEC,MAAMG,MAAAA,CAAAA,CAAAA,GAFNxC,EAEeuC,WAAA,iBAAA,IACEJ,EAAA,CAA5BC,EAAS,EAAEC,MAAMI,QAAAA,CAAAA,CAAAA,GAHNzC,EAGiBuC,WAAA,WAAA,IAHjBvC,IAANmC,EAAA,CADNO,EAAc,mBACF1C,CAAAA;"}

package/dist/layout.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}