@mhmo91/schmancy 0.2.85 → 0.2.86

package/dist/card.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./teleport.component-CEgJ1UMu.cjs");
+"use strict";require("./teleport.component-BxEfgyT8.cjs");
 //# sourceMappingURL=card.cjs.map

package/dist/card.js

@@ -1,2 +1,2 @@
-import "./teleport.component-BDwKenAE.js";
+import "./teleport.component-DVCE0UQm.js";
 //# sourceMappingURL=card.js.map

package/dist/content-drawer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-CEgJ1UMu.cjs");Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,exports.schmancyContentDrawer=e.schmancyContentDrawer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-BxEfgyT8.cjs");Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,exports.schmancyContentDrawer=e.schmancyContentDrawer;
 //# sourceMappingURL=content-drawer.cjs.map

package/dist/content-drawer.js

@@ -1,4 +1,4 @@
-import { e as n, b as t, f as r, c, d as h, g as S, S as o, a as s, s as m } from "./teleport.component-BDwKenAE.js";
+import { e as n, b as t, f as r, c, d as h, g as S, S as o, a as s, s as m } from "./teleport.component-DVCE0UQm.js";
 export {
   n as SchmancyContentDrawer,
   t as SchmancyContentDrawerID,

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-CoNHPVcy.cjs");const r=require("./area.component-D_L_-rhD.cjs");require("./autocomplete-ButddDCL.cjs"),require("./spinner-DGtAaEn5.cjs");const o=require("./icon-button-CQafspg2.cjs"),e=require("./teleport.component-CEgJ1UMu.cjs"),S=require("./checkbox-DzIUvkYN.cjs");require("./chips-9AOuHsA9.cjs");const u=require("./payment-card-form-C03BsKJ1.cjs");require("./date-range-CtF2mjKx.cjs");const y=require("./delay-DMiYzQSi.cjs"),c=require("./ripple-C2BHbhcS.cjs");require("./divider-Cv8bePwT.cjs"),require("./form-BCqsvcur.cjs"),require("./icon-VtRCgMjd.cjs"),require("./input-CXj30kcz.cjs");const t=require("./flex-CCO2kjCx.cjs"),m=require("./list-pIDcGS1c.cjs");require("./menu-qiBmvTtT.cjs");const a=require("./outlet-B9NdhBgt.cjs");require("./option-DFjInzHW.cjs");const b=require("./radio-group-DrwawzHG.cjs"),l=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs");const d=require("./select-C3UtMXwp.cjs"),n=require("./sheet-PgbfqWGo.cjs"),h=require("./slider-BQQQ9rrx.cjs"),p=require("./surface-BbkSDH8N.cjs");require("./table-CJzGX5VB.cjs"),require("./tabs-group-BO-vC7go.cjs"),require("./textarea-B1XE6nT1.cjs");const i=require("./theme.component-4cjbFqy7.cjs"),g=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-mmu8bUNx.cjs");const f=require("./tree-D07FpMNb.cjs"),q=require("./types.cjs"),O=require("./typewriter-C9L0TA4Y.cjs"),w=require("./typography-BHeQxLl8.cjs"),D=require("./intersection-CVvaDv96.cjs");exports.FINDING_MORTIES=r.FINDING_MORTIES,exports.HERE_RICKY=r.HERE_RICKY,exports.HISTORY_STRATEGY=r.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>r.SchmancyArea}),exports.area=r.area,exports.routerHistory=r.routerHistory,Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>o.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>o.SchmnacyIconButton}),exports.$drawer=e.$drawer,exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.schmancyContentDrawer=e.schmancyContentDrawer,exports.schmancyNavDrawer=e.schmancyNavDrawer,exports.teleport=e.teleport,Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>S.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>u.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>y.SchmancyDelay}),exports.delayContext=y.delayContext,exports.color=c.color,exports.fullHeight=c.fullHeight,exports.ripple=c.ripple,Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>t.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>t.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>t.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>t.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>m.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>m.SchmancyListItem}),exports.$notify=a.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>a.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationOutlet",{enumerable:!0,get:()=>a.SchmancyNotificationOutlet}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>b.RadioGroup}),exports.mutationObserver=l.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>d.SchmancySelect}),exports.SchmancySheetPosition=n.SchmancySheetPosition,exports.SheetHereMorty=n.SheetHereMorty,exports.SheetWhereAreYouRicky=n.SheetWhereAreYouRicky,exports.sheet=n.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>h.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>h.SchmancySlider}),Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>p.SchmancySurface}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>i.SchmancyThemeComponent}),exports.formateTheme=i.formateTheme,exports.tailwindStyles=i.tailwindStyles,exports.SchmancyTheme=g.SchmancyTheme,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>f.SchmancyTree}),exports.SchmancyEvents=q.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>O.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>w.SchmancyTypography}),exports.intersection$=D.intersection$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-CoNHPVcy.cjs");const r=require("./area.component-D_L_-rhD.cjs");require("./autocomplete-ButddDCL.cjs"),require("./spinner-DGtAaEn5.cjs");const o=require("./icon-button-CQafspg2.cjs"),e=require("./teleport.component-BxEfgyT8.cjs"),S=require("./checkbox-DzIUvkYN.cjs");require("./chips-9AOuHsA9.cjs");const u=require("./payment-card-form-C03BsKJ1.cjs");require("./date-range-CtF2mjKx.cjs");const y=require("./delay-DMiYzQSi.cjs"),c=require("./ripple-C2BHbhcS.cjs");require("./divider-Cv8bePwT.cjs"),require("./form-BCqsvcur.cjs"),require("./icon-VtRCgMjd.cjs"),require("./input-CXj30kcz.cjs");const t=require("./flex-CCO2kjCx.cjs"),m=require("./list-CtdZaq7u.cjs");require("./menu-qiBmvTtT.cjs");const a=require("./outlet-B9NdhBgt.cjs");require("./option-DFjInzHW.cjs");const b=require("./radio-group-DrwawzHG.cjs"),l=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs");const d=require("./select-C3UtMXwp.cjs"),n=require("./sheet-PgbfqWGo.cjs"),h=require("./slider-BQQQ9rrx.cjs"),p=require("./surface-BHP347Uc.cjs");require("./table-CJzGX5VB.cjs"),require("./tabs-group-BO-vC7go.cjs"),require("./textarea-B1XE6nT1.cjs");const i=require("./theme.component-4cjbFqy7.cjs"),g=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-mmu8bUNx.cjs");const f=require("./tree-D07FpMNb.cjs"),q=require("./types.cjs"),O=require("./typewriter-C9L0TA4Y.cjs"),w=require("./typography-BHeQxLl8.cjs"),D=require("./intersection-CVvaDv96.cjs");exports.FINDING_MORTIES=r.FINDING_MORTIES,exports.HERE_RICKY=r.HERE_RICKY,exports.HISTORY_STRATEGY=r.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>r.SchmancyArea}),exports.area=r.area,exports.routerHistory=r.routerHistory,Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>o.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>o.SchmnacyIconButton}),exports.$drawer=e.$drawer,exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.schmancyContentDrawer=e.schmancyContentDrawer,exports.schmancyNavDrawer=e.schmancyNavDrawer,exports.teleport=e.teleport,Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>S.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>u.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>y.SchmancyDelay}),exports.delayContext=y.delayContext,exports.color=c.color,exports.fullHeight=c.fullHeight,exports.ripple=c.ripple,Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>t.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>t.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>t.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>t.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>m.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>m.SchmancyListItem}),exports.$notify=a.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>a.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationOutlet",{enumerable:!0,get:()=>a.SchmancyNotificationOutlet}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>b.RadioGroup}),exports.mutationObserver=l.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>d.SchmancySelect}),exports.SchmancySheetPosition=n.SchmancySheetPosition,exports.SheetHereMorty=n.SheetHereMorty,exports.SheetWhereAreYouRicky=n.SheetWhereAreYouRicky,exports.sheet=n.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>h.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>h.SchmancySlider}),Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>p.SchmancySurface}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>i.SchmancyThemeComponent}),exports.formateTheme=i.formateTheme,exports.tailwindStyles=i.tailwindStyles,exports.SchmancyTheme=g.SchmancyTheme,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>f.SchmancyTree}),exports.SchmancyEvents=q.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>O.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>w.SchmancyTypography}),exports.intersection$=D.intersection$;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -3,7 +3,7 @@ import { F as C, H as d, b as T, S as b, a as u, r as N } from "./area.component
 import "./autocomplete-mnVXXSzl.js";
 import "./spinner-mbCqGAta.js";
 import { S as R, a as v } from "./icon-button-CJ-eY6wF.js";
-import { $ as M, H as g, e as E, b as A, f as F, c as Y, d as $, g as k, S as G, a as O, i as W, k as L, l as _, m as B, j as P, n as j, o as K, W as V, s as q, h as z, t as J } from "./teleport.component-BDwKenAE.js";
+import { $ as M, H as g, e as E, b as A, f as F, c as Y, d as $, g as k, S as G, a as O, i as W, k as L, l as _, m as B, j as P, n as j, o as K, W as V, s as q, h as z, t as J } from "./teleport.component-DVCE0UQm.js";
 import { S as U } from "./checkbox-bDNd_3dy.js";
 import "./chips-C0maM-LZ.js";
 import { S as Z } from "./payment-card-form-E08S_U7K.js";
@@ -15,7 +15,7 @@ import "./form-G748qOFO.js";
 import "./icon-VpDcG-1m.js";
 import "./input-DQo_jcQh.js";
 import { S as sa, c as Sa, a as ha, b as ia } from "./flex-BD4c3vZt.js";
-import { L as pa, S as fa } from "./list-C9s_UTGh.js";
+import { L as pa, S as fa } from "./list-DqFCfkhp.js";
 import "./menu-Cpld82tG.js";
 import { $ as la, S as wa, a as Da } from "./outlet-Ivt5XK7t.js";
 import "./option-CXpO0NeB.js";
@@ -26,7 +26,7 @@ import "./index-CuY8m6ta.js";
 import { S as Na } from "./select-B6Us7Kk8.js";
 import { S as Ra, b as va, a as Ia, s as Ma } from "./sheet-DI6i9VtX.js";
 import { S as Ea, a as Aa } from "./slider-BYmWjukU.js";
-import { S as Ya } from "./surface-DkGerfbU.js";
+import { S as Ya } from "./surface-Bxn0eKDp.js";
 import "./table-BGHYGmrv.js";
 import "./tabs-group-BGt0LDRx.js";
 import "./textarea-DVE0Iujg.js";

package/dist/list-CtdZaq7u.cjs

@@ -0,0 +1,17 @@
+"use strict";const y=require("./consume-Bb7_UzYd.cjs");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const d=require("./tailwind.mixin-CJgIYh7g.cjs"),h=require("./context-CHWQnKZ-.cjs"),p=require("lit"),r=require("lit/decorators.js"),m=require("lit/directives/when.js"),u=require("./provide-DSU87U5x.cjs");var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,c=(i,t,s,o)=>{for(var n,e=o>1?void 0:o?g(t,s):t,l=i.length-1;l>=0;l--)(n=i[l])&&(e=(o?n(t,s,e):n(e))||e);return o&&e&&f(t,s,e),e};exports.SchmancyListItem=class extends d.TailwindElement(){constructor(){super(...arguments),this.selected=!1}get imgClasses(){return["h-[24px]","w-[24px]","object-contain"]}firstUpdated(){var i,t;(i=this.leading)==null||i.forEach(s=>{s.classList.add(...this.imgClasses)}),(t=this.trailing)==null||t.forEach(s=>{s.classList.add(...this.imgClasses)})}render(){const i={"rounded-none":this.rounded===!1,"rounded-full":this.rounded,"relative inset-0 w-full flex items-center  min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden":!0,"bg-secondary-container text-secondery-onContainer":this.selected},t={"z-0 duration-500 transition-opacity":!0,"rounded-none":this.rounded===!1,"rounded-full":this.rounded,"hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ":!this.readonly};return p.html` <li .tabIndex=${this.readonly?-1:0} class=${this.classMap(i)}>
+			${m.when(!this.readonly,()=>p.html` <div class="${this.classMap(t)}"></div>`)}
+			<slot></slot>
+		</li>`}},c([y.c({context:h.SchmancySurfaceTypeContext,subscribe:!0}),r.property()],exports.SchmancyListItem.prototype,"variant",2),c([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"rounded",2),c([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"readonly",2),c([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"selected",2),c([r.queryAssignedElements({slot:"leading",flatten:!0})],exports.SchmancyListItem.prototype,"leading",2),c([r.queryAssignedElements({slot:"trailing",flatten:!0})],exports.SchmancyListItem.prototype,"trailing",2),exports.SchmancyListItem=c([r.customElement("schmancy-list-item")],exports.SchmancyListItem);const v=u.n(void 0);var b=Object.defineProperty,L=Object.getOwnPropertyDescriptor,a=(i,t,s,o)=>{for(var n,e=o>1?void 0:o?L(t,s):t,l=i.length-1;l>=0;l--)(n=i[l])&&(e=(o?n(t,s,e):n(e))||e);return o&&e&&b(t,s,e),e};exports.List=class extends d.TailwindElement(p.css`
+	:host {
+		display: block;
+		padding-top: 8px;
+		padding-bottom: 8px;
+	}
+`){constructor(){super(...arguments),this.fill="auto",this.scroller=!1,this.elevation=0}render(){return p.html`
+			<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface} ?scroller=${this.scroller}>
+				<ul>
+					<slot></slot>
+				</ul>
+			</schmancy-surface>
+		`}},a([u.e({context:v}),r.property()],exports.List.prototype,"surface",2),a([r.property({type:String,reflect:!0})],exports.List.prototype,"fill",2),a([r.property({type:Boolean,reflect:!0})],exports.List.prototype,"scroller",2),a([r.property({type:Number})],exports.List.prototype,"elevation",2),exports.List=a([r.customElement("schmancy-list")],exports.List);
+//# sourceMappingURL=list-CtdZaq7u.cjs.map

package/dist/list-CtdZaq7u.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-CtdZaq7u.cjs","sources":["../src/list/list-item.ts","../src/list/context.ts","../src/list/list.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceTypeContext } from '@schmancy/surface/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\n/**\n * @element schmancy-list-item\n * @slot leading - leading content\n * @slot trailing - trailing content\n * @slot - default content\n */\n@customElement('schmancy-list-item')\nexport class SchmancyListItem extends TailwindElement() {\n\t@consume({ context: SchmancySurfaceTypeContext, subscribe: true })\n\t@property()\n\tvariant: TSurfaceColor\n\n\t@property({ type: Boolean })\n\trounded: boolean\n\n\t@property({ type: Boolean }) readonly: boolean\n\n\t@property({ type: Boolean }) selected: boolean = false\n\n\t@queryAssignedElements({\n\t\tslot: 'leading',\n\t\tflatten: true,\n\t})\n\tprivate leading!: HTMLElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'trailing',\n\t\tflatten: true,\n\t})\n\tprivate trailing!: HTMLElement[]\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['h-[24px]', 'w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\tthis.leading?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t\tthis.trailing?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'relative inset-0 w-full flex items-center  min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'bg-secondary-container text-secondery-onContainer': this.selected,\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'z-0 duration-500 transition-opacity': true,\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ': !this.readonly,\n\t\t}\n\t\treturn html` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(classes)}>\n\t\t\t${when(!this.readonly, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t<slot></slot>\n\t\t</li>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list-item': SchmancyListItem\n\t}\n}\n","import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancyListTypeContext = createContext<TSurfaceColor>(undefined)\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceFill } from '@schmancy/surface'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancyListTypeContext } from './context'\n\n/**\n * `<schmancy-list>` component.\n *\n * A list component that wraps its content within a customizable surface.\n * It allows you to set the surface type and fill style, and can optionally\n * enable scrolling behavior by delegating the scroller attribute to the surface.\n *\n * @element schmancy-list\n * @slot - The default slot for list items.\n *\n * @example\n * <schmancy-list surface=\"container\" scroller>\n *   <schmancy-list-item>List Item 1</schmancy-list-item>\n * </schmancy-list>\n */\n@customElement('schmancy-list')\nexport class List extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding-top: 8px;\n\t\tpadding-bottom: 8px;\n\t}\n`) {\n\t/**\n\t * Defines the type or color of the surface used by the component.\n\t * This value is provided to descendant components via context.\n\t *\n\t * @attr surface\n\t * @type {TSurfaceColor}\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancyListTypeContext })\n\t@property()\n\tsurface: TSurfaceColor\n\n\t/**\n\t * Determines the fill style of the underlying surface.\n\t *\n\t * @attr fill\n\t * @type {SchmancySurfaceFill}\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: SchmancySurfaceFill = 'auto'\n\n\t/**\n\t * When set to true, the surface component will handle scrolling behavior.\n\t * This is achieved by passing the boolean attribute to <schmancy-surface>.\n\t *\n\t * @attr scroller\n\t * @type {boolean}\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tscroller: boolean = false\n\n\t/**\n\t * Defines the elevation level of the surface.\n\t *\n\t * @attr elevation\n\t * @type {number}\n\t * @default 0\n\t */\n\t@property({ type: Number })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\t/**\n\t * Renders the component's template.\n\t * The list content is wrapped inside a `<schmancy-surface>` element.\n\t * The scroller property is delegated to the surface so that it controls\n\t * the scrollable behavior.\n\t *\n\t * @returns The HTML template for the component.\n\t */\n\trender() {\n\t\treturn html`\n\t\t\t<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface} ?scroller=${this.scroller}>\n\t\t\t\t<ul>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list': List\n\t}\n}\n"],"names":["SchmancyListItem","TailwindElement","super","arguments","this","selected","leading","forEach","img","classList","add","imgClasses","trailing","classes","rounded","stateLayerClasses","readonly","html","classMap","when","__decorateClass","consume","context","SchmancySurfaceTypeContext","subscribe","property","prototype","type","Boolean","queryAssignedElements","slot","flatten","customElement","SchmancyListTypeContext","createContext","List","css","fill","scroller","elevation","surface","provide","String","reflect","Number"],"mappings":"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"}

package/dist/{list-C9s_UTGh.js → list-DqFCfkhp.js}

@@ -1,18 +1,18 @@
 import { c as m } from "./consume-fRVATvdE.js";
 import "rxjs";
-import { classMap as v } from "lit/directives/class-map.js";
+import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as f } from "./tailwind.mixin-D4STgS5j.js";
+import { T as y } from "./tailwind.mixin-D4STgS5j.js";
 import { S as g } from "./context-YZmnxxIi.js";
-import { html as u, css as b } from "lit";
-import { property as l, queryAssignedElements as h, customElement as y } from "lit/decorators.js";
-import { when as x } from "lit/directives/when.js";
-import { n as $, e as j } from "./provide-BLSgVvMJ.js";
-var w = Object.defineProperty, O = Object.getOwnPropertyDescriptor, c = (s, e, o, r) => {
-  for (var n, t = r > 1 ? void 0 : r ? O(e, o) : e, a = s.length - 1; a >= 0; a--) (n = s[a]) && (t = (r ? n(e, o, t) : n(t)) || t);
-  return r && t && w(e, o, t), t;
+import { html as u, css as v } from "lit";
+import { property as l, queryAssignedElements as f, customElement as h } from "lit/decorators.js";
+import { when as b } from "lit/directives/when.js";
+import { n as x, e as $ } from "./provide-BLSgVvMJ.js";
+var O = Object.defineProperty, j = Object.getOwnPropertyDescriptor, p = (s, e, o, r) => {
+  for (var n, t = r > 1 ? void 0 : r ? j(e, o) : e, a = s.length - 1; a >= 0; a--) (n = s[a]) && (t = (r ? n(e, o, t) : n(t)) || t);
+  return r && t && O(e, o, t), t;
 };
-let i = class extends f() {
+let i = class extends y() {
   constructor() {
     super(...arguments), this.selected = !1;
   }
@@ -30,48 +30,40 @@ let i = class extends f() {
   render() {
     const s = { "rounded-none": this.rounded === !1, "rounded-full": this.rounded, "relative inset-0 w-full flex items-center  min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden": !0, "bg-secondary-container text-secondery-onContainer": this.selected }, e = { "z-0 duration-500 transition-opacity": !0, "rounded-none": this.rounded === !1, "rounded-full": this.rounded, "hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ": !this.readonly };
     return u` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(s)}>
-			${x(!this.readonly, () => u` <div class="${this.classMap(e)}"></div>`)}
+			${b(!this.readonly, () => u` <div class="${this.classMap(e)}"></div>`)}
 			<slot></slot>
 		</li>`;
   }
 };
-c([m({ context: g, subscribe: !0 }), l()], i.prototype, "variant", 2), c([l({ type: Boolean })], i.prototype, "rounded", 2), c([l({ type: Boolean })], i.prototype, "readonly", 2), c([l({ type: Boolean })], i.prototype, "selected", 2), c([h({ slot: "leading", flatten: !0 })], i.prototype, "leading", 2), c([h({ slot: "trailing", flatten: !0 })], i.prototype, "trailing", 2), i = c([y("schmancy-list-item")], i);
-const B = $(void 0);
-var C = Object.defineProperty, E = Object.getOwnPropertyDescriptor, d = (s, e, o, r) => {
-  for (var n, t = r > 1 ? void 0 : r ? E(e, o) : e, a = s.length - 1; a >= 0; a--) (n = s[a]) && (t = (r ? n(e, o, t) : n(t)) || t);
-  return r && t && C(e, o, t), t;
+p([m({ context: g, subscribe: !0 }), l()], i.prototype, "variant", 2), p([l({ type: Boolean })], i.prototype, "rounded", 2), p([l({ type: Boolean })], i.prototype, "readonly", 2), p([l({ type: Boolean })], i.prototype, "selected", 2), p([f({ slot: "leading", flatten: !0 })], i.prototype, "leading", 2), p([f({ slot: "trailing", flatten: !0 })], i.prototype, "trailing", 2), i = p([h("schmancy-list-item")], i);
+const w = x(void 0);
+var B = Object.defineProperty, C = Object.getOwnPropertyDescriptor, d = (s, e, o, r) => {
+  for (var n, t = r > 1 ? void 0 : r ? C(e, o) : e, a = s.length - 1; a >= 0; a--) (n = s[a]) && (t = (r ? n(e, o, t) : n(t)) || t);
+  return r && t && B(e, o, t), t;
 };
-let p = class extends f(b`
+let c = class extends y(v`
 	:host {
 		display: block;
 		padding-top: 8px;
 		padding-bottom: 8px;
 	}
-
-	/* When the ul element has the "scroller" class, apply scrolling behavior */
-	ul.scroller {
-		position: relative;
-		contain: size layout;
-		overflow: auto;
-		scroll-behavior: smooth;
-	}
 `) {
   constructor() {
     super(...arguments), this.fill = "auto", this.scroller = !1, this.elevation = 0;
   }
   render() {
     return u`
-			<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface}>
-				<ul class=${v({ scroller: this.scroller })}>
+			<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface} ?scroller=${this.scroller}>
+				<ul>
 					<slot></slot>
 				</ul>
 			</schmancy-surface>
 		`;
   }
 };
-d([j({ context: B }), l()], p.prototype, "surface", 2), d([l({ type: String, reflect: !0 })], p.prototype, "fill", 2), d([l({ type: Boolean, reflect: !0 })], p.prototype, "scroller", 2), d([l({ type: Number })], p.prototype, "elevation", 2), p = d([y("schmancy-list")], p);
+d([$({ context: w }), l()], c.prototype, "surface", 2), d([l({ type: String, reflect: !0 })], c.prototype, "fill", 2), d([l({ type: Boolean, reflect: !0 })], c.prototype, "scroller", 2), d([l({ type: Number })], c.prototype, "elevation", 2), c = d([h("schmancy-list")], c);
 export {
-  p as L,
+  c as L,
   i as S
 };
-//# sourceMappingURL=list-C9s_UTGh.js.map
+//# sourceMappingURL=list-DqFCfkhp.js.map

package/dist/list-DqFCfkhp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-DqFCfkhp.js","sources":["../src/list/list-item.ts","../src/list/context.ts","../src/list/list.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceTypeContext } from '@schmancy/surface/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\n/**\n * @element schmancy-list-item\n * @slot leading - leading content\n * @slot trailing - trailing content\n * @slot - default content\n */\n@customElement('schmancy-list-item')\nexport class SchmancyListItem extends TailwindElement() {\n\t@consume({ context: SchmancySurfaceTypeContext, subscribe: true })\n\t@property()\n\tvariant: TSurfaceColor\n\n\t@property({ type: Boolean })\n\trounded: boolean\n\n\t@property({ type: Boolean }) readonly: boolean\n\n\t@property({ type: Boolean }) selected: boolean = false\n\n\t@queryAssignedElements({\n\t\tslot: 'leading',\n\t\tflatten: true,\n\t})\n\tprivate leading!: HTMLElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'trailing',\n\t\tflatten: true,\n\t})\n\tprivate trailing!: HTMLElement[]\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['h-[24px]', 'w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\tthis.leading?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t\tthis.trailing?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'relative inset-0 w-full flex items-center  min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'bg-secondary-container text-secondery-onContainer': this.selected,\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'z-0 duration-500 transition-opacity': true,\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ': !this.readonly,\n\t\t}\n\t\treturn html` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(classes)}>\n\t\t\t${when(!this.readonly, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t<slot></slot>\n\t\t</li>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list-item': SchmancyListItem\n\t}\n}\n","import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancyListTypeContext = createContext<TSurfaceColor>(undefined)\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceFill } from '@schmancy/surface'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancyListTypeContext } from './context'\n\n/**\n * `<schmancy-list>` component.\n *\n * A list component that wraps its content within a customizable surface.\n * It allows you to set the surface type and fill style, and can optionally\n * enable scrolling behavior by delegating the scroller attribute to the surface.\n *\n * @element schmancy-list\n * @slot - The default slot for list items.\n *\n * @example\n * <schmancy-list surface=\"container\" scroller>\n *   <schmancy-list-item>List Item 1</schmancy-list-item>\n * </schmancy-list>\n */\n@customElement('schmancy-list')\nexport class List extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding-top: 8px;\n\t\tpadding-bottom: 8px;\n\t}\n`) {\n\t/**\n\t * Defines the type or color of the surface used by the component.\n\t * This value is provided to descendant components via context.\n\t *\n\t * @attr surface\n\t * @type {TSurfaceColor}\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancyListTypeContext })\n\t@property()\n\tsurface: TSurfaceColor\n\n\t/**\n\t * Determines the fill style of the underlying surface.\n\t *\n\t * @attr fill\n\t * @type {SchmancySurfaceFill}\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: SchmancySurfaceFill = 'auto'\n\n\t/**\n\t * When set to true, the surface component will handle scrolling behavior.\n\t * This is achieved by passing the boolean attribute to <schmancy-surface>.\n\t *\n\t * @attr scroller\n\t * @type {boolean}\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tscroller: boolean = false\n\n\t/**\n\t * Defines the elevation level of the surface.\n\t *\n\t * @attr elevation\n\t * @type {number}\n\t * @default 0\n\t */\n\t@property({ type: Number })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\t/**\n\t * Renders the component's template.\n\t * The list content is wrapped inside a `<schmancy-surface>` element.\n\t * The scroller property is delegated to the surface so that it controls\n\t * the scrollable behavior.\n\t *\n\t * @returns The HTML template for the component.\n\t */\n\trender() {\n\t\treturn html`\n\t\t\t<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface} ?scroller=${this.scroller}>\n\t\t\t\t<ul>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list': List\n\t}\n}\n"],"names":["SchmancyListItem","TailwindElement","constructor","super","arguments","this","selected","imgClasses","leading","forEach","img","classList","add","trailing","classes","rounded","stateLayerClasses","readonly","html","classMap","when","__decorateClass","consume","context","SchmancySurfaceTypeContext","subscribe","property","prototype","type","Boolean","queryAssignedElements","slot","flatten","customElement","SchmancyListTypeContext","createContext","List","css","fill","scroller","elevation","render","surface","provide","String","reflect","Number"],"mappings":"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"}

package/dist/list.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./list-pIDcGS1c.cjs");Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>e.SchmancyListItem});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./list-CtdZaq7u.cjs");Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>e.SchmancyListItem});
 //# sourceMappingURL=list.cjs.map

package/dist/list.js

@@ -1,4 +1,4 @@
-import { L as a, S as m } from "./list-C9s_UTGh.js";
+import { L as a, S as m } from "./list-DqFCfkhp.js";
 export {
   a as List,
   m as SchmancyListItem

package/dist/nav-drawer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-CEgJ1UMu.cjs");exports.$drawer=e.$drawer,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),exports.schmancyNavDrawer=e.schmancyNavDrawer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-BxEfgyT8.cjs");exports.$drawer=e.$drawer,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),exports.schmancyNavDrawer=e.schmancyNavDrawer;
 //# sourceMappingURL=nav-drawer.cjs.map

package/dist/nav-drawer.js

@@ -1,4 +1,4 @@
-import { $ as c, i as e, k as n, l as m, m as s, j as h, n as i, h as t } from "./teleport.component-BDwKenAE.js";
+import { $ as c, i as e, k as n, l as m, m as s, j as h, n as i, h as t } from "./teleport.component-DVCE0UQm.js";
 export {
   c as $drawer,
   e as SchmancyDrawerAppbar,

package/dist/surface-BHP347Uc.cjs

@@ -0,0 +1,26 @@
+"use strict";const l=require("./provide-DSU87U5x.cjs"),u=require("./tailwind.mixin-CJgIYh7g.cjs"),a=require("lit"),t=require("lit/decorators.js"),p=require("lit/directives/class-map.js"),d=require("./context-CHWQnKZ-.cjs");var f=Object.defineProperty,y=Object.getOwnPropertyDescriptor,r=(i,s,h,o)=>{for(var c,e=o>1?void 0:o?y(s,h):s,n=i.length-1;n>=0;n--)(c=i[n])&&(e=(o?c(s,h,e):c(e))||e);return o&&e&&f(s,h,e),e};exports.SchmancySurface=class extends u.TailwindElement(a.css`
+	:host([fill='all']) {
+		height: 100%;
+		width: 100%;
+	}
+	:host([fill='width']) {
+		width: 100%;
+	}
+	:host([fill='height']) {
+		height: 100%;
+	}
+	:host {
+		display: block;
+	}
+	/* When the scroller attribute is present, enable scrolling behavior */
+	:host([scroller]) {
+		overflow: auto;
+		scroll-behavior: smooth;
+		position: relative;
+	}
+`){constructor(){super(...arguments),this.fill="auto",this.rounded="none",this.type="surface",this.elevation=0,this.scroller=!1}render(){const i={relative:!0,"inset-0":!0,block:!0,"box-border":!0,"rounded-none":this.rounded==="none","rounded-t-[8px]":this.rounded==="top","rounded-l-[8px]":this.rounded==="left","rounded-r-[8px]":this.rounded==="right","rounded-b-[8px]":this.rounded==="bottom","rounded-[8px]":this.rounded==="all","w-full":this.fill==="width"||this.fill==="all","h-full":this.fill==="height"||this.fill==="all","shadow-xs":this.elevation===1,"shadow-sm":this.elevation===2,"shadow-md":this.elevation===3,"shadow-lg":this.elevation===4,"shadow-xl":this.elevation===5,"text-surface-on":this.type==="surface"||this.type==="surfaceDim"||this.type==="surfaceBright"||this.type==="containerLowest"||this.type==="containerLow"||this.type==="container"||this.type==="containerHigh"||this.type==="containerHighest","bg-surface-default":this.type==="surface","bg-surface-dim":this.type==="surfaceDim","bg-surface-bright":this.type==="surfaceBright","bg-surface-lowest":this.type==="containerLowest","bg-surface-low":this.type==="containerLow","bg-surface-container":this.type==="container","bg-surface-high":this.type==="containerHigh","bg-surface-highest":this.type==="containerHighest"};return a.html`
+			<section class=${p.classMap(i)}>
+				<slot></slot>
+			</section>
+		`}},r([t.property({type:String,reflect:!0})],exports.SchmancySurface.prototype,"fill",2),r([t.property()],exports.SchmancySurface.prototype,"rounded",2),r([l.e({context:d.SchmancySurfaceTypeContext}),t.property()],exports.SchmancySurface.prototype,"type",2),r([t.property({type:Number,reflect:!0})],exports.SchmancySurface.prototype,"elevation",2),r([t.property({type:Boolean,reflect:!0})],exports.SchmancySurface.prototype,"scroller",2),exports.SchmancySurface=r([t.customElement("schmancy-surface")],exports.SchmancySurface);
+//# sourceMappingURL=surface-BHP347Uc.cjs.map

package/dist/surface-BHP347Uc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface-BHP347Uc.cjs","sources":["../src/surface/surface.ts"],"sourcesContent":["import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { TSurfaceColor } from '@schmancy/types'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js' // Utility for conditionally applying CSS classes\nimport { SchmancySurfaceTypeContext } from './context'\n\n/**\n * Defines the fill options for the surface component.\n */\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n\n/**\n * `<schmancy-surface>` component.\n *\n * This component renders a styled surface element that adapts its dimensions based on the\n * provided fill mode. It supports various rounding options, elevation levels, and applies\n * background and text color classes based on the specified surface variant.\n *\n * **Note:** The property for defining the surface variant is named `surface` and is not\n * changed to `type` to maintain API consistency.\n *\n * @element schmancy-surface\n * @slot - Default slot for projecting child elements.\n *\n * @example\n * <schmancy-surface fill=\"all\" rounded=\"all\" elevation=\"3\" surface=\"surfaceBright\" scroller>\n *   <p>Your content here</p>\n * </schmancy-surface>\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host([fill='all']) {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\t:host([fill='width']) {\n\t\twidth: 100%;\n\t}\n\t:host([fill='height']) {\n\t\theight: 100%;\n\t}\n\t:host {\n\t\tdisplay: block;\n\t}\n\t/* When the scroller attribute is present, enable scrolling behavior */\n\t:host([scroller]) {\n\t\toverflow: auto;\n\t\tscroll-behavior: smooth;\n\t\tposition: relative;\n\t}\n`) {\n\t/**\n\t * Determines how the component should fill the available space.\n\t *\n\t * - `all`: Fills both width and height.\n\t * - `width`: Fills only the width.\n\t * - `height`: Fills only the height.\n\t * - `auto`: No automatic filling.\n\t *\n\t * @attr fill\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true }) fill: SchmancySurfaceFill = 'auto'\n\n\t/**\n\t * Specifies the rounding style of the component's corners.\n\t *\n\t * Options:\n\t * - `none`: No rounding.\n\t * - `top`, `left`, `right`, `bottom`: Rounds only one edge.\n\t * - `all`: Rounds all corners.\n\t *\n\t * @attr rounded\n\t * @default 'none'\n\t */\n\t@property() rounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t/**\n\t * Specifies the type variant.\n\t *\n\t * **Note:** The property name is `type` and is kept as-is to maintain API consistency.\n\t * This value is also provided via context to descendant components.\n\t *\n\t * @attr type\n\t * @default 'type'\n\t */\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property()\n\ttype: TSurfaceColor = 'surface'\n\n\t/**\n\t * Defines the elevation level (shadow depth) of the surface.\n\t *\n\t * Valid values: 0, 1, 2, 3, 4, 5.\n\t *\n\t * @attr elevation\n\t * @default 0\n\t */\n\t@property({ type: Number, reflect: true }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\t/**\n\t * When set to true, the surface becomes scrollable.\n\t *\n\t * @attr scroller\n\t * @type {boolean}\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true }) scroller: boolean = false\n\n\t/**\n\t * Renders the component's template.\n\t *\n\t * CSS classes are conditionally applied using the `classMap` directive based on the\n\t * current property values.\n\t *\n\t * @returns The template for the component.\n\t */\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\trelative: true,\n\t\t\t'inset-0': true,\n\t\t\tblock: true,\n\t\t\t'box-border': true,\n\t\t\t// Rounding classes\n\t\t\t'rounded-none': this.rounded === 'none',\n\t\t\t'rounded-t-[8px]': this.rounded === 'top',\n\t\t\t'rounded-l-[8px]': this.rounded === 'left',\n\t\t\t'rounded-r-[8px]': this.rounded === 'right',\n\t\t\t'rounded-b-[8px]': this.rounded === 'bottom',\n\t\t\t'rounded-[8px]': this.rounded === 'all',\n\t\t\t// Fill classes\n\t\t\t'w-full': this.fill === 'width' || this.fill === 'all',\n\t\t\t'h-full': this.fill === 'height' || this.fill === 'all',\n\t\t\t// Elevation shadow classes\n\t\t\t'shadow-xs': this.elevation === 1,\n\t\t\t'shadow-sm': this.elevation === 2,\n\t\t\t'shadow-md': this.elevation === 3,\n\t\t\t'shadow-lg': this.elevation === 4,\n\t\t\t'shadow-xl': this.elevation === 5,\n\t\t\t// Text color based on the surface variant for optimal readability\n\t\t\t'text-surface-on':\n\t\t\t\tthis.type === 'surface' ||\n\t\t\t\tthis.type === 'surfaceDim' ||\n\t\t\t\tthis.type === 'surfaceBright' ||\n\t\t\t\tthis.type === 'containerLowest' ||\n\t\t\t\tthis.type === 'containerLow' ||\n\t\t\t\tthis.type === 'container' ||\n\t\t\t\tthis.type === 'containerHigh' ||\n\t\t\t\tthis.type === 'containerHighest',\n\t\t\t// Background color classes based on the surface variant\n\t\t\t'bg-surface-default': this.type === 'surface',\n\t\t\t'bg-surface-dim': this.type === 'surfaceDim',\n\t\t\t'bg-surface-bright': this.type === 'surfaceBright',\n\t\t\t'bg-surface-lowest': this.type === 'containerLowest',\n\t\t\t'bg-surface-low': this.type === 'containerLow',\n\t\t\t'bg-surface-container': this.type === 'container',\n\t\t\t'bg-surface-high': this.type === 'containerHigh',\n\t\t\t'bg-surface-highest': this.type === 'containerHighest',\n\t\t}\n\n\t\treturn html`\n\t\t\t<section class=${classMap(classes)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}\n"],"names":["SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","scroller","render","classes","relative","block","html","classMap","__decorateClass","property","String","reflect","prototype","provide","context","SchmancySurfaceTypeContext","Number","Boolean","customElement"],"mappings":"+ZAgCaA,QAAAA,gBAAN,cAA8BC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,SAgCiEC,EAAAA,KAAAC,KAAA,OAaKD,KAAAE,QAAA,OAatDF,KAAAG,KAAA,UAUwDH,KAAAI,UAAA,EASdJ,KAAAK,SAAAA,EAAA,CAUtD,QAAAC,CACT,MAAMC,EAAU,CACfC,SAAU,GACV,UAAW,GACXC,SACA,aAAA,GAEA,eAAgBT,KAAKE,UAAY,OACjC,kBAAmBF,KAAKE,UAAY,MACpC,kBAAmBF,KAAKE,UAAY,OACpC,kBAAmBF,KAAKE,UAAY,QACpC,kBAAmBF,KAAKE,UAAY,SACpC,gBAAiBF,KAAKE,UAAY,MAElC,SAAUF,KAAKC,OAAS,SAAWD,KAAKC,OAAS,MACjD,SAAUD,KAAKC,OAAS,UAAYD,KAAKC,OAAS,MAElD,YAAaD,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAEhC,kBACCJ,KAAKG,OAAS,WACdH,KAAKG,OAAS,cACdH,KAAKG,OAAS,iBACdH,KAAKG,OAAS,mBACdH,KAAKG,OAAS,gBACdH,KAAKG,OAAS,aACdH,KAAKG,OAAS,iBACdH,KAAKG,OAAS,mBAEf,qBAAsBH,KAAKG,OAAS,UACpC,iBAAkBH,KAAKG,OAAS,aAChC,oBAAqBH,KAAKG,OAAS,gBACnC,oBAAqBH,KAAKG,OAAS,kBACnC,iBAAkBH,KAAKG,OAAS,eAChC,uBAAwBH,KAAKG,OAAS,YACtC,kBAAmBH,KAAKG,OAAS,gBACjC,qBAAsBH,KAAKG,OAAS,kBAG9B,EAAA,OAAAO,EAAAA;AAAAA,oBACWC,EAAAA,SAASJ,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA,GAAQ,CAAA,EAnGOK,EAAA,CAA1CC,EAAAA,SAAS,CAAEV,KAAMW,OAAQC,QAAS,EAAA,CAAA,CAAA,EAhCvBpB,wBAgC+BqB,UAAA,OAAA,CAAA,EAa/BJ,EAAA,CAAXC,EAASA,SA7CElB,CAAAA,EAAAA,wBA6CAqB,UAAA,UAAA,CAAA,EAaZJ,EAAA,CAFCK,IAAQ,CAAEC,QAASC,EAAAA,0BAAAA,CAAAA,EACnBN,EAASA,SAAAA,CAAAA,EAzDElB,wBA0DZqB,UAAA,OAAA,CAAA,EAU2CJ,EAAA,CAA1CC,EAAAA,SAAS,CAAEV,KAAMiB,OAAQL,QAAS,EAAA,CAAA,CAAA,EApEvBpB,wBAoE+BqB,UAAA,YAAA,CAAA,EASCJ,EAAA,CAA3CC,EAAAA,SAAS,CAAEV,KAAMkB,QAASN,QAAAA,EA7EfpB,CAAAA,CAAAA,EAAAA,wBA6EgCqB,UAAA,WAAA,CA7EhCrB,EAAAA,QAANA,gBAAAiB,EAAA,CADNU,EAAAA,cAAc,qBACF3B"}

package/dist/{surface-DkGerfbU.js → surface-Bxn0eKDp.js}

@@ -1,12 +1,12 @@
 import { e as c } from "./provide-BLSgVvMJ.js";
 import { T as p } from "./tailwind.mixin-D4STgS5j.js";
 import { css as d, html as u } from "lit";
-import { property as h, customElement as f } from "lit/decorators.js";
+import { property as s, customElement as f } from "lit/decorators.js";
 import { classMap as y } from "lit/directives/class-map.js";
 import { S as g } from "./context-YZmnxxIi.js";
-var m = Object.defineProperty, b = Object.getOwnPropertyDescriptor, s = (i, r, n, o) => {
-  for (var a, t = o > 1 ? void 0 : o ? b(r, n) : r, l = i.length - 1; l >= 0; l--) (a = i[l]) && (t = (o ? a(r, n, t) : a(t)) || t);
-  return o && t && m(r, n, t), t;
+var m = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (r, i, l, h) => {
+  for (var n, t = h > 1 ? void 0 : h ? b(i, l) : i, a = r.length - 1; a >= 0; a--) (n = r[a]) && (t = (h ? n(i, l, t) : n(t)) || t);
+  return h && t && m(i, l, t), t;
 };
 let e = class extends p(d`
 	:host([fill='all']) {
@@ -22,21 +22,27 @@ let e = class extends p(d`
 	:host {
 		display: block;
 	}
+	/* When the scroller attribute is present, enable scrolling behavior */
+	:host([scroller]) {
+		overflow: auto;
+		scroll-behavior: smooth;
+		position: relative;
+	}
 `) {
   constructor() {
-    super(...arguments), this.fill = "auto", this.rounded = "none", this.type = "surface", this.elevation = 0;
+    super(...arguments), this.fill = "auto", this.rounded = "none", this.type = "surface", this.elevation = 0, this.scroller = !1;
   }
   render() {
-    const i = { relative: !0, "inset-0": !0, block: !0, "box-border": !0, "rounded-none": this.rounded === "none", "rounded-t-[8px]": this.rounded === "top", "rounded-l-[8px]": this.rounded === "left", "rounded-r-[8px]": this.rounded === "right", "rounded-b-[8px]": this.rounded === "bottom", "rounded-[8px]": this.rounded === "all", "w-full": this.fill === "width" || this.fill === "all", "h-full": this.fill === "height" || this.fill === "all", "shadow-xs": this.elevation === 1, "shadow-sm": this.elevation === 2, "shadow-md": this.elevation === 3, "shadow-lg": this.elevation === 4, "shadow-xl": this.elevation === 5, "text-surface-on": this.type === "surface" || this.type === "surfaceDim" || this.type === "surfaceBright" || this.type === "containerLowest" || this.type === "containerLow" || this.type === "container" || this.type === "containerHigh" || this.type === "containerHighest", "bg-surface-default": this.type === "surface", "bg-surface-dim": this.type === "surfaceDim", "bg-surface-bright": this.type === "surfaceBright", "bg-surface-lowest": this.type === "containerLowest", "bg-surface-low": this.type === "containerLow", "bg-surface-container": this.type === "container", "bg-surface-high": this.type === "containerHigh", "bg-surface-highest": this.type === "containerHighest" };
+    const r = { relative: !0, "inset-0": !0, block: !0, "box-border": !0, "rounded-none": this.rounded === "none", "rounded-t-[8px]": this.rounded === "top", "rounded-l-[8px]": this.rounded === "left", "rounded-r-[8px]": this.rounded === "right", "rounded-b-[8px]": this.rounded === "bottom", "rounded-[8px]": this.rounded === "all", "w-full": this.fill === "width" || this.fill === "all", "h-full": this.fill === "height" || this.fill === "all", "shadow-xs": this.elevation === 1, "shadow-sm": this.elevation === 2, "shadow-md": this.elevation === 3, "shadow-lg": this.elevation === 4, "shadow-xl": this.elevation === 5, "text-surface-on": this.type === "surface" || this.type === "surfaceDim" || this.type === "surfaceBright" || this.type === "containerLowest" || this.type === "containerLow" || this.type === "container" || this.type === "containerHigh" || this.type === "containerHighest", "bg-surface-default": this.type === "surface", "bg-surface-dim": this.type === "surfaceDim", "bg-surface-bright": this.type === "surfaceBright", "bg-surface-lowest": this.type === "containerLowest", "bg-surface-low": this.type === "containerLow", "bg-surface-container": this.type === "container", "bg-surface-high": this.type === "containerHigh", "bg-surface-highest": this.type === "containerHighest" };
     return u`
-			<section class=${y(i)}>
+			<section class=${y(r)}>
 				<slot></slot>
 			</section>
 		`;
   }
 };
-s([h({ type: String, reflect: !0 })], e.prototype, "fill", 2), s([h()], e.prototype, "rounded", 2), s([c({ context: g }), h()], e.prototype, "type", 2), s([h({ type: Number, reflect: !0 })], e.prototype, "elevation", 2), e = s([f("schmancy-surface")], e);
+o([s({ type: String, reflect: !0 })], e.prototype, "fill", 2), o([s()], e.prototype, "rounded", 2), o([c({ context: g }), s()], e.prototype, "type", 2), o([s({ type: Number, reflect: !0 })], e.prototype, "elevation", 2), o([s({ type: Boolean, reflect: !0 })], e.prototype, "scroller", 2), e = o([f("schmancy-surface")], e);
 export {
   e as S
 };
-//# sourceMappingURL=surface-DkGerfbU.js.map
+//# sourceMappingURL=surface-Bxn0eKDp.js.map

package/dist/surface-Bxn0eKDp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface-Bxn0eKDp.js","sources":["../src/surface/surface.ts"],"sourcesContent":["import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { TSurfaceColor } from '@schmancy/types'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js' // Utility for conditionally applying CSS classes\nimport { SchmancySurfaceTypeContext } from './context'\n\n/**\n * Defines the fill options for the surface component.\n */\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n\n/**\n * `<schmancy-surface>` component.\n *\n * This component renders a styled surface element that adapts its dimensions based on the\n * provided fill mode. It supports various rounding options, elevation levels, and applies\n * background and text color classes based on the specified surface variant.\n *\n * **Note:** The property for defining the surface variant is named `surface` and is not\n * changed to `type` to maintain API consistency.\n *\n * @element schmancy-surface\n * @slot - Default slot for projecting child elements.\n *\n * @example\n * <schmancy-surface fill=\"all\" rounded=\"all\" elevation=\"3\" surface=\"surfaceBright\" scroller>\n *   <p>Your content here</p>\n * </schmancy-surface>\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host([fill='all']) {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\t:host([fill='width']) {\n\t\twidth: 100%;\n\t}\n\t:host([fill='height']) {\n\t\theight: 100%;\n\t}\n\t:host {\n\t\tdisplay: block;\n\t}\n\t/* When the scroller attribute is present, enable scrolling behavior */\n\t:host([scroller]) {\n\t\toverflow: auto;\n\t\tscroll-behavior: smooth;\n\t\tposition: relative;\n\t}\n`) {\n\t/**\n\t * Determines how the component should fill the available space.\n\t *\n\t * - `all`: Fills both width and height.\n\t * - `width`: Fills only the width.\n\t * - `height`: Fills only the height.\n\t * - `auto`: No automatic filling.\n\t *\n\t * @attr fill\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true }) fill: SchmancySurfaceFill = 'auto'\n\n\t/**\n\t * Specifies the rounding style of the component's corners.\n\t *\n\t * Options:\n\t * - `none`: No rounding.\n\t * - `top`, `left`, `right`, `bottom`: Rounds only one edge.\n\t * - `all`: Rounds all corners.\n\t *\n\t * @attr rounded\n\t * @default 'none'\n\t */\n\t@property() rounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t/**\n\t * Specifies the type variant.\n\t *\n\t * **Note:** The property name is `type` and is kept as-is to maintain API consistency.\n\t * This value is also provided via context to descendant components.\n\t *\n\t * @attr type\n\t * @default 'type'\n\t */\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property()\n\ttype: TSurfaceColor = 'surface'\n\n\t/**\n\t * Defines the elevation level (shadow depth) of the surface.\n\t *\n\t * Valid values: 0, 1, 2, 3, 4, 5.\n\t *\n\t * @attr elevation\n\t * @default 0\n\t */\n\t@property({ type: Number, reflect: true }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\t/**\n\t * When set to true, the surface becomes scrollable.\n\t *\n\t * @attr scroller\n\t * @type {boolean}\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true }) scroller: boolean = false\n\n\t/**\n\t * Renders the component's template.\n\t *\n\t * CSS classes are conditionally applied using the `classMap` directive based on the\n\t * current property values.\n\t *\n\t * @returns The template for the component.\n\t */\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\trelative: true,\n\t\t\t'inset-0': true,\n\t\t\tblock: true,\n\t\t\t'box-border': true,\n\t\t\t// Rounding classes\n\t\t\t'rounded-none': this.rounded === 'none',\n\t\t\t'rounded-t-[8px]': this.rounded === 'top',\n\t\t\t'rounded-l-[8px]': this.rounded === 'left',\n\t\t\t'rounded-r-[8px]': this.rounded === 'right',\n\t\t\t'rounded-b-[8px]': this.rounded === 'bottom',\n\t\t\t'rounded-[8px]': this.rounded === 'all',\n\t\t\t// Fill classes\n\t\t\t'w-full': this.fill === 'width' || this.fill === 'all',\n\t\t\t'h-full': this.fill === 'height' || this.fill === 'all',\n\t\t\t// Elevation shadow classes\n\t\t\t'shadow-xs': this.elevation === 1,\n\t\t\t'shadow-sm': this.elevation === 2,\n\t\t\t'shadow-md': this.elevation === 3,\n\t\t\t'shadow-lg': this.elevation === 4,\n\t\t\t'shadow-xl': this.elevation === 5,\n\t\t\t// Text color based on the surface variant for optimal readability\n\t\t\t'text-surface-on':\n\t\t\t\tthis.type === 'surface' ||\n\t\t\t\tthis.type === 'surfaceDim' ||\n\t\t\t\tthis.type === 'surfaceBright' ||\n\t\t\t\tthis.type === 'containerLowest' ||\n\t\t\t\tthis.type === 'containerLow' ||\n\t\t\t\tthis.type === 'container' ||\n\t\t\t\tthis.type === 'containerHigh' ||\n\t\t\t\tthis.type === 'containerHighest',\n\t\t\t// Background color classes based on the surface variant\n\t\t\t'bg-surface-default': this.type === 'surface',\n\t\t\t'bg-surface-dim': this.type === 'surfaceDim',\n\t\t\t'bg-surface-bright': this.type === 'surfaceBright',\n\t\t\t'bg-surface-lowest': this.type === 'containerLowest',\n\t\t\t'bg-surface-low': this.type === 'containerLow',\n\t\t\t'bg-surface-container': this.type === 'container',\n\t\t\t'bg-surface-high': this.type === 'containerHigh',\n\t\t\t'bg-surface-highest': this.type === 'containerHighest',\n\t\t}\n\n\t\treturn html`\n\t\t\t<section class=${classMap(classes)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}\n"],"names":["SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","scroller","render","classes","relative","block","html","classMap","__decorateClass","property","String","reflect","prototype","provide","context","SchmancySurfaceTypeContext","Number","Boolean","customElement"],"mappings":";;;;;;;;;;AAgCa,IAAAA,IAAN,cAA8BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,SAgCiEC,GAAAA,KAAAC,OAAA,QAaKD,KAAAE,UAAA,QAatDF,KAAAG,OAAA,WAUwDH,KAAAI,YAAA,GASdJ,KAAAK,WAAAA;AAAAA,EAAA;AAAA,EAUtD,SAAAC;AACT,UAAMC,IAAU,EACfC,UAAU,IACV,WAAW,IACXC,WACA,cAAA,IAEA,gBAAgBT,KAAKE,YAAY,QACjC,mBAAmBF,KAAKE,YAAY,OACpC,mBAAmBF,KAAKE,YAAY,QACpC,mBAAmBF,KAAKE,YAAY,SACpC,mBAAmBF,KAAKE,YAAY,UACpC,iBAAiBF,KAAKE,YAAY,OAElC,UAAUF,KAAKC,SAAS,WAAWD,KAAKC,SAAS,OACjD,UAAUD,KAAKC,SAAS,YAAYD,KAAKC,SAAS,OAElD,aAAaD,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAEhC,mBACCJ,KAAKG,SAAS,aACdH,KAAKG,SAAS,gBACdH,KAAKG,SAAS,mBACdH,KAAKG,SAAS,qBACdH,KAAKG,SAAS,kBACdH,KAAKG,SAAS,eACdH,KAAKG,SAAS,mBACdH,KAAKG,SAAS,oBAEf,sBAAsBH,KAAKG,SAAS,WACpC,kBAAkBH,KAAKG,SAAS,cAChC,qBAAqBH,KAAKG,SAAS,iBACnC,qBAAqBH,KAAKG,SAAS,mBACnC,kBAAkBH,KAAKG,SAAS,gBAChC,wBAAwBH,KAAKG,SAAS,aACtC,mBAAmBH,KAAKG,SAAS,iBACjC,sBAAsBH,KAAKG,SAAS,mBAATA;AAGrB,WAAAO;AAAAA,oBACWC,EAASJ,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAQ;AAnGOK;AAAAA,EAAA,CAA1CC,EAAS,EAAEV,MAAMW,QAAQC,SAAAA,GAhCdpB,CAAAA,CAAAA,GAAAA,EAgC+BqB,WAAA,QAAA,CAa/BJ,GAAAA,EAAA,CAAXC,EAAAA,CAAAA,GA7CWlB,EA6CAqB,WAAA,WAAA,CAAA,GAaZJ,EAAA,CAFCK,EAAQ,EAAEC,SAASC,EAAAA,CAAAA,GACnBN,EAzDWlB,CAAAA,GAAAA,EA0DZqB,WAAA,QAAA,CAU2CJ,GAAAA,EAAA,CAA1CC,EAAS,EAAEV,MAAMiB,QAAQL,SAAAA,GApEdpB,CAAAA,CAAAA,GAAAA,EAoE+BqB,WAAA,aAAA,CASCJ,GAAAA,EAAA,CAA3CC,EAAS,EAAEV,MAAMkB,SAASN,SAAAA,GA7EfpB,CAAAA,CAAAA,GAAAA,EA6EgCqB,WAAA,YAAA,CA7EhCrB,GAAAA,IAANiB,EAAA,CADNU,EAAc,kBAAA,CAAA,GACF3B;"}

package/dist/surface.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./surface-BbkSDH8N.cjs");Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>e.SchmancySurface});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./surface-BHP347Uc.cjs");Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>e.SchmancySurface});
 //# sourceMappingURL=surface.cjs.map

package/dist/surface.js

@@ -1,4 +1,4 @@
-import { S as r } from "./surface-DkGerfbU.js";
+import { S as r } from "./surface-Bxn0eKDp.js";
 export {
   r as SchmancySurface
 };

package/dist/teleport.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./teleport.component-CEgJ1UMu.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("./teleport.component-BxEfgyT8.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.component-CEgJ1UMu.cjs → teleport.component-BxEfgyT8.cjs}

@@ -1,4 +1,4 @@
-"use strict";const h=require("lit"),c=require("lit/decorators.js"),n=require("rxjs");require("./animated-text-CoNHPVcy.cjs");const O=require("./area.component-D_L_-rhD.cjs");require("./autocomplete-ButddDCL.cjs"),require("./spinner-DGtAaEn5.cjs"),require("./icon-button-CQafspg2.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const S=require("./tailwind.mixin-CJgIYh7g.cjs"),$=require("./theme.interface-Xg5Zi46a.cjs");require("./checkbox-DzIUvkYN.cjs"),require("./chips-9AOuHsA9.cjs"),require("./payment-card-form-C03BsKJ1.cjs");const p=require("./types.cjs"),l=require("./provide-DSU87U5x.cjs"),w=require("./litElement.mixin-RgeLRf4d.cjs"),d=require("./consume-Bb7_UzYd.cjs");require("./date-range-CtF2mjKx.cjs"),require("./delay-DMiYzQSi.cjs");const b=require("./ripple-C2BHbhcS.cjs");require("./divider-Cv8bePwT.cjs"),require("./form-BCqsvcur.cjs"),require("./icon-VtRCgMjd.cjs"),require("./input-CXj30kcz.cjs"),require("./flex-CCO2kjCx.cjs"),require("./list-pIDcGS1c.cjs"),require("./menu-qiBmvTtT.cjs");const I=require("lit/directives/when.js");require("./outlet-B9NdhBgt.cjs"),require("./option-DFjInzHW.cjs"),require("./radio-group-DrwawzHG.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-C3UtMXwp.cjs");const U=require("./sheet-PgbfqWGo.cjs");require("./slider-BQQQ9rrx.cjs"),require("./surface-BbkSDH8N.cjs"),require("./table-CJzGX5VB.cjs"),require("./tabs-group-BO-vC7go.cjs"),require("./textarea-B1XE6nT1.cjs"),require("./theme.component-4cjbFqy7.cjs"),require("./theme-button-mmu8bUNx.cjs"),require("./tree-D07FpMNb.cjs"),require("./typewriter-C9L0TA4Y.cjs"),require("./typography-BHeQxLl8.cjs");const T=require("rxjs/operators");var Y=Object.getOwnPropertyDescriptor;let H=class extends S.TailwindElement(h.css`
+"use strict";const h=require("lit"),c=require("lit/decorators.js"),n=require("rxjs");require("./animated-text-CoNHPVcy.cjs");const O=require("./area.component-D_L_-rhD.cjs");require("./autocomplete-ButddDCL.cjs"),require("./spinner-DGtAaEn5.cjs"),require("./icon-button-CQafspg2.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const S=require("./tailwind.mixin-CJgIYh7g.cjs"),$=require("./theme.interface-Xg5Zi46a.cjs");require("./checkbox-DzIUvkYN.cjs"),require("./chips-9AOuHsA9.cjs"),require("./payment-card-form-C03BsKJ1.cjs");const p=require("./types.cjs"),l=require("./provide-DSU87U5x.cjs"),w=require("./litElement.mixin-RgeLRf4d.cjs"),d=require("./consume-Bb7_UzYd.cjs");require("./date-range-CtF2mjKx.cjs"),require("./delay-DMiYzQSi.cjs");const b=require("./ripple-C2BHbhcS.cjs");require("./divider-Cv8bePwT.cjs"),require("./form-BCqsvcur.cjs"),require("./icon-VtRCgMjd.cjs"),require("./input-CXj30kcz.cjs"),require("./flex-CCO2kjCx.cjs"),require("./list-CtdZaq7u.cjs"),require("./menu-qiBmvTtT.cjs");const I=require("lit/directives/when.js");require("./outlet-B9NdhBgt.cjs"),require("./option-DFjInzHW.cjs"),require("./radio-group-DrwawzHG.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-C3UtMXwp.cjs");const U=require("./sheet-PgbfqWGo.cjs");require("./slider-BQQQ9rrx.cjs"),require("./surface-BHP347Uc.cjs"),require("./table-CJzGX5VB.cjs"),require("./tabs-group-BO-vC7go.cjs"),require("./textarea-B1XE6nT1.cjs"),require("./theme.component-4cjbFqy7.cjs"),require("./theme-button-mmu8bUNx.cjs"),require("./tree-D07FpMNb.cjs"),require("./typewriter-C9L0TA4Y.cjs"),require("./typography-BHeQxLl8.cjs");const T=require("rxjs/operators");var Y=Object.getOwnPropertyDescriptor;let H=class extends S.TailwindElement(h.css`
 	:host {
 		display: block;
 	}
@@ -147,4 +147,4 @@
 				class="${this.classMap({"fixed inset-0 z-49 hidden":!0})}"
 			></div>
 		`}},u([d.c({context:W,subscribe:!0}),c.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"mode",2),u([d.c({context:j,subscribe:!0}),c.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"drawerState",2),u([c.query("#overlay")],exports.SchmancyNavigationDrawerSidebar.prototype,"overlay",2),u([c.query("nav")],exports.SchmancyNavigationDrawerSidebar.prototype,"nav",2),u([c.property({type:String})],exports.SchmancyNavigationDrawerSidebar.prototype,"width",2),u([c.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"_initialized",2),exports.SchmancyNavigationDrawerSidebar=u([c.customElement("schmancy-nav-drawer-navbar")],exports.SchmancyNavigationDrawerSidebar);const _="whereAreYouRicky",A="hereMorty",f=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new n.Subject,this.find=e=>n.zip([n.fromEvent(window,A).pipe(n.filter(t=>!!t.detail.component.uuid&&!!e.id&&t.detail.component.id===e.id&&t.detail.component.uuid!==e.uuid),n.map(t=>t.detail.component),n.take(1)),n.of(e).pipe(n.tap(()=>{window.dispatchEvent(new CustomEvent(_,{detail:{id:e.id,callerID:e.uuid}}))}))]).pipe(n.map(([t])=>t),n.timeout(0)),this.flip=e=>{const{from:t,to:i}=e,s=i.element.style.zIndex;i.element.style.transformOrigin="top left",i.element.style.setProperty("visibility","visible"),i.element.style.zIndex="1000";const a=[{transform:`translate(${t.rect.left-i.rect.left}px, ${t.rect.top-i.rect.top}px) scale(${t.rect.width/i.rect.width}, ${t.rect.height/i.rect.height})`},{transform:"translate(0, 0) scale(1, 1)"}];i.element.animate(a,{duration:250,delay:10,easing:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"}).onfinish=()=>{i.element.style.zIndex=s,i.element.style.transformOrigin=""}},this.flipRequests.pipe(n.bufferTime(1),n.map(e=>e.map(({from:t,to:i,host:s},a)=>({from:t,to:i,host:s,i:a}))),n.concatMap(e=>n.zip(e.map(t=>n.of(this.flip(t)))))).subscribe()}};function B(e){return n.interval(50).pipe(T.map(()=>e.getBoundingClientRect()),T.distinctUntilChanged((t,i)=>t.width===i.width&&t.height===i.height&&t.top===i.top&&t.right===i.right&&t.bottom===i.bottom&&t.left===i.left),T.take(1))}var ye=Object.defineProperty,ue=Object.getOwnPropertyDescriptor,q=(e,t,i,s)=>{for(var a,r=s>1?void 0:s?ue(t,i):t,o=e.length-1;o>=0;o--)(a=e[o])&&(r=(s?a(t,i,r):a(r))||r);return s&&r&&ye(t,i,r),r};exports.SchmancyTeleportation=class extends w.$LitElement(h.css``){constructor(){super(...arguments),this.uuid=Math.floor(Math.random()*Date.now()),this.delay=0,this.debugging=!1}get _slottedChildren(){return this.shadowRoot.querySelector("slot").assignedElements({flatten:!0})}connectedCallback(){if(this.id===void 0)throw new Error("id is required");super.connectedCallback(),n.merge(n.fromEvent(window,O.FINDING_MORTIES).pipe(n.tap({next:()=>{this.dispatchEvent(new CustomEvent(O.HERE_RICKY,{detail:{component:this},bubbles:!0,composed:!0}))}})),n.fromEvent(window,_).pipe(n.tap({next:e=>{e.detail.id===this.id&&this.uuid&&e.detail.callerID!==this.uuid&&this.dispatchEvent(new CustomEvent(A,{detail:{component:this},bubbles:!0,composed:!0}))}}))).pipe(n.takeUntil(this.disconnecting)).subscribe()}async firstUpdated(){n.of(f.activeTeleportations.get(this.id)).pipe(n.filter(e=>!!e),n.takeUntil(this.disconnecting),n.throwIfEmpty()).subscribe({next:e=>{this.style.setProperty("visibility","hidden"),B(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:t=>{f.activeTeleportations.set(this.id,t),f.flipRequests.next({from:{rect:e},to:{rect:t,element:this._slottedChildren[0]},host:this})}})},error:()=>{this.style.setProperty("visibility","visible"),B(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:e=>{f.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return h.html`<slot></slot>`}},q([c.property({type:Number,reflect:!0})],exports.SchmancyTeleportation.prototype,"uuid",2),q([c.property({type:String})],exports.SchmancyTeleportation.prototype,"id",2),q([c.property({type:Number})],exports.SchmancyTeleportation.prototype,"delay",2),exports.SchmancyTeleportation=q([c.customElement("schmancy-teleport")],exports.SchmancyTeleportation),exports.$drawer=ae,exports.HereMorty=A,exports.SchmancyContentDrawerID=X,exports.SchmancyContentDrawerMaxHeight=k,exports.SchmancyContentDrawerMinWidth=N,exports.SchmancyContentDrawerSheetMode=M,exports.SchmancyContentDrawerSheetState=R,exports.SchmancyDrawerNavbarMode=W,exports.SchmancyDrawerNavbarState=j,exports.WhereAreYouRicky=_,exports.schmancyContentDrawer=Z,exports.schmancyNavDrawer=K,exports.teleport=f;
-//# sourceMappingURL=teleport.component-CEgJ1UMu.cjs.map
+//# sourceMappingURL=teleport.component-BxEfgyT8.cjs.map