@mhmo91/schmancy 0.2.77 → 0.2.79

package/types/src/surface/surface.d.ts

@@ -1,19 +1,71 @@
+import { TSurfaceColor } from '@schmancy/types';
+/**
+ * Defines the fill options for the surface component.
+ */
 export type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto';
 declare const SchmancySurface_base: import("../../mixins").Constructor<CustomElementConstructor> & import("../../mixins").Constructor<import("@mixins/tailwind.mixin").ITailwindElementMixin> & import("../../mixins").Constructor<import("lit").LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
 /**
+ * `<schmancy-surface>` component.
+ *
+ * This component provides a styled surface that adapts its dimensions based on the
+ * provided fill attribute and applies additional styling such as elevation and rounding.
+ * It uses a context provider to share the surface type with descendant components.
+ *
  * @element schmancy-surface
- * @slot - default content
+ * @slot - Default slot for projecting child content.
+ *
+ * @example
+ * <schmancy-surface fill="all" rounded="all" elevation="3" surface="surfaceBright">
+ *   <p>Your content here</p>
+ * </schmancy-surface>
  */
 export declare class SchmancySurface extends SchmancySurface_base {
     /**
-     * Fill the width and/or height of the parent container.
-     * @default 'auto'
+     * Specifies how the component should fill the available space.
+     * Options:
+     * - `all`: Fill both width and height.
+     * - `width`: Fill only the width.
+     * - `height`: Fill only the height.
+     * - `auto`: No automatic filling.
      *
+     * @attr fill
+     * @default 'auto'
      */
     fill: SchmancySurfaceFill;
+    /**
+     * Determines the rounding style for the component's corners.
+     * Options include:
+     * - `none`: No rounding.
+     * - `top`, `left`, `right`, `bottom`: Round only one side.
+     * - `all`: Round all corners.
+     *
+     * @attr rounded
+     * @default 'none'
+     */
     rounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all';
-    type: 'surface' | 'surfaceDim' | 'surfaceBright' | 'containerLowest' | 'containerLow' | 'container' | 'containerHigh' | 'containerHighest';
+    /**
+     * Provides the surface type to descendant components via context.
+     * This property also defines the background and text colors.
+     *
+     * @attr surface
+     * @default 'surface'
+     */
+    surface: TSurfaceColor;
+    /**
+     * Sets the elevation level (shadow depth) of the surface.
+     * Valid values are 0 to 5.
+     *
+     * @attr elevation
+     * @default 0
+     */
     elevation: 0 | 1 | 2 | 3 | 4 | 5;
+    /**
+     * Renders the component template.
+     * The component dynamically applies CSS classes based on property values
+     * using the `classMap` directive.
+     *
+     * @returns The rendered template.
+     */
     protected render(): unknown;
 }
 declare global {

package/dist/list-0DmJIUhR.cjs

@@ -1,17 +0,0 @@
-"use strict";const y=require("./consume-Bb7_UzYd.cjs");require("rxjs");const h=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const d=require("./tailwind.mixin-DAZ4QAZv.cjs"),m=require("./context-CHWQnKZ-.cjs"),p=require("lit"),i=require("lit/decorators.js"),f=require("lit/directives/when.js"),u=require("./provide-DSU87U5x.cjs");var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,c=(s,e,r,o)=>{for(var n,t=o>1?void 0:o?v(e,r):e,l=s.length-1;l>=0;l--)(n=s[l])&&(t=(o?n(e,r,t):n(t))||t);return o&&t&&g(e,r,t),t};exports.SchmancyListItem=class extends d.TailwindElement(){constructor(){super(...arguments),this.selected=!1}get imgClasses(){return["h-[24px]","w-[24px]","object-contain"]}firstUpdated(){var s,e;(s=this.leading)==null||s.forEach(r=>{r.classList.add(...this.imgClasses)}),(e=this.trailing)==null||e.forEach(r=>{r.classList.add(...this.imgClasses)})}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 p.html` <li .tabIndex=${this.readonly?-1:0} class=${this.classMap(s)}>
-			${f.when(!this.readonly,()=>p.html` <div class="${this.classMap(e)}"></div>`)}
-			<slot></slot>
-		</li>`}},c([y.c({context:m.SchmancySurfaceTypeContext,subscribe:!0}),i.property()],exports.SchmancyListItem.prototype,"variant",2),c([i.property({type:Boolean})],exports.SchmancyListItem.prototype,"rounded",2),c([i.property({type:Boolean})],exports.SchmancyListItem.prototype,"readonly",2),c([i.property({type:Boolean})],exports.SchmancyListItem.prototype,"selected",2),c([i.queryAssignedElements({slot:"leading",flatten:!0})],exports.SchmancyListItem.prototype,"leading",2),c([i.queryAssignedElements({slot:"trailing",flatten:!0})],exports.SchmancyListItem.prototype,"trailing",2),exports.SchmancyListItem=c([i.customElement("schmancy-list-item")],exports.SchmancyListItem);const b=u.n(void 0);var x=Object.defineProperty,L=Object.getOwnPropertyDescriptor,a=(s,e,r,o)=>{for(var n,t=o>1?void 0:o?L(e,r):e,l=s.length-1;l>=0;l--)(n=s[l])&&(t=(o?n(e,r,t):n(t))||t);return o&&t&&x(e,r,t),t};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}render(){const s={"overflow-auto":this.scroller,relative:this.scroller,"contain-[size_layout]":this.scroller,"scroll-smooth":this.scroller};return p.html`
-			<schmancy-surface .fill=${this.fill} type=${this.surface}>
-				<ul class="${h.classMap(s)}">
-					<slot></slot>
-				</ul>
-			</schmancy-surface>
-		`}},a([u.e({context:b}),i.property()],exports.List.prototype,"surface",2),a([i.property({type:String,reflect:!0})],exports.List.prototype,"fill",2),a([i.property({type:Boolean,reflect:!0})],exports.List.prototype,"scroller",2),exports.List=a([i.customElement("schmancy-list")],exports.List);
-//# sourceMappingURL=list-0DmJIUhR.cjs.map

package/dist/list-0DmJIUhR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-0DmJIUhR.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'\nimport { classMap } from 'lit/directives/class-map.js' // Import classMap\n\n/**\n * @slot - The default slot.\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 * The type of list.\n\t * @attr type\n\t * @type {SchmancyListType}\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancyListTypeContext })\n\t@property()\n\tsurface: TSurfaceColor\n\n\t@property({ type: String, reflect: true })\n\tfill: SchmancySurfaceFill = 'auto'\n\n\t@property({ type: Boolean, reflect: true })\n\tscroller: boolean = false // New property: 'scroller'\n\n\trender() {\n\t\tconst ulClasses = {\n\t\t\t'overflow-auto': this.scroller,\n\t\t\trelative: this.scroller,\n\t\t\t'contain-[size_layout]': this.scroller,\n\t\t\t//Add any classes, when the scroll is active, you can style this as a scroll\n\t\t\t'scroll-smooth': this.scroller,\n\t\t}\n\n\t\treturn html`\n\t\t\t<schmancy-surface .fill=${this.fill} type=${this.surface}>\n\t\t\t\t<ul class=\"${classMap(ulClasses)}\">\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","firstUpdated","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","render","ulClasses","relative","surface","provide","String","reflect"],"mappings":"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"}

package/dist/list-CM7wxkp9.js

@@ -1,70 +0,0 @@
-import { c as m } from "./consume-fRVATvdE.js";
-import "rxjs";
-import { classMap as g } from "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as h } from "./tailwind.mixin-5DpBAFrV.js";
-import { S as v } from "./context-YZmnxxIi.js";
-import { html as u, css as b } from "lit";
-import { property as c, queryAssignedElements as f, 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, a = (o, e, s, r) => {
-  for (var l, t = r > 1 ? void 0 : r ? O(e, s) : e, n = o.length - 1; n >= 0; n--) (l = o[n]) && (t = (r ? l(e, s, t) : l(t)) || t);
-  return r && t && w(e, s, t), t;
-};
-let i = class extends h() {
-  constructor() {
-    super(...arguments), this.selected = !1;
-  }
-  get imgClasses() {
-    return ["h-[24px]", "w-[24px]", "object-contain"];
-  }
-  firstUpdated() {
-    var o, e;
-    (o = this.leading) == null || o.forEach((s) => {
-      s.classList.add(...this.imgClasses);
-    }), (e = this.trailing) == null || e.forEach((s) => {
-      s.classList.add(...this.imgClasses);
-    });
-  }
-  render() {
-    const o = { "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(o)}>
-			${x(!this.readonly, () => u` <div class="${this.classMap(e)}"></div>`)}
-			<slot></slot>
-		</li>`;
-  }
-};
-a([m({ context: v, subscribe: !0 }), c()], i.prototype, "variant", 2), a([c({ type: Boolean })], i.prototype, "rounded", 2), a([c({ type: Boolean })], i.prototype, "readonly", 2), a([c({ type: Boolean })], i.prototype, "selected", 2), a([f({ slot: "leading", flatten: !0 })], i.prototype, "leading", 2), a([f({ slot: "trailing", flatten: !0 })], i.prototype, "trailing", 2), i = a([y("schmancy-list-item")], i);
-const B = $(void 0);
-var C = Object.defineProperty, E = Object.getOwnPropertyDescriptor, d = (o, e, s, r) => {
-  for (var l, t = r > 1 ? void 0 : r ? E(e, s) : e, n = o.length - 1; n >= 0; n--) (l = o[n]) && (t = (r ? l(e, s, t) : l(t)) || t);
-  return r && t && C(e, s, t), t;
-};
-let p = class extends h(b`
-	:host {
-		display: block;
-		padding-top: 8px;
-		padding-bottom: 8px;
-	}
-`) {
-  constructor() {
-    super(...arguments), this.fill = "auto", this.scroller = !1;
-  }
-  render() {
-    const o = { "overflow-auto": this.scroller, relative: this.scroller, "contain-[size_layout]": this.scroller, "scroll-smooth": this.scroller };
-    return u`
-			<schmancy-surface .fill=${this.fill} type=${this.surface}>
-				<ul class="${g(o)}">
-					<slot></slot>
-				</ul>
-			</schmancy-surface>
-		`;
-  }
-};
-d([j({ context: B }), c()], p.prototype, "surface", 2), d([c({ type: String, reflect: !0 })], p.prototype, "fill", 2), d([c({ type: Boolean, reflect: !0 })], p.prototype, "scroller", 2), p = d([y("schmancy-list")], p);
-export {
-  p as L,
-  i as S
-};
-//# sourceMappingURL=list-CM7wxkp9.js.map

package/dist/list-CM7wxkp9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-CM7wxkp9.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'\nimport { classMap } from 'lit/directives/class-map.js' // Import classMap\n\n/**\n * @slot - The default slot.\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 * The type of list.\n\t * @attr type\n\t * @type {SchmancyListType}\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancyListTypeContext })\n\t@property()\n\tsurface: TSurfaceColor\n\n\t@property({ type: String, reflect: true })\n\tfill: SchmancySurfaceFill = 'auto'\n\n\t@property({ type: Boolean, reflect: true })\n\tscroller: boolean = false // New property: 'scroller'\n\n\trender() {\n\t\tconst ulClasses = {\n\t\t\t'overflow-auto': this.scroller,\n\t\t\trelative: this.scroller,\n\t\t\t'contain-[size_layout]': this.scroller,\n\t\t\t//Add any classes, when the scroll is active, you can style this as a scroll\n\t\t\t'scroll-smooth': this.scroller,\n\t\t}\n\n\t\treturn html`\n\t\t\t<schmancy-surface .fill=${this.fill} type=${this.surface}>\n\t\t\t\t<ul class=\"${classMap(ulClasses)}\">\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","render","ulClasses","relative","surface","provide","String","reflect"],"mappings":";;;;;;;;;;;;;;AAea,IAAAA,IAAN,cAA+BC,EAAAA,EAAAA;AAAAA,EAA/B,cAAAC;AAAAC,aAAAC,SAU2CC,GAAAA,KAAAC,WAAA;AAAA,EAAA;AAAA,EAcjD,IAAcC,aAAAA;AACN,WAAA,CAAC,YAAY,YAAY,gBAAA;AAAA,EAAgB;AAAA,EAGjD;;AACMF,KAAAA,IAAAA,KAAAG,YAAAH,QAAAA,EAASI,QAAeC,CAAAA,MAAAA;AAC5BA,MAAAA,EAAIC,UAAUC,IAAAA,GAAOP,KAAKE,UAAAA;AAAAA,IAAU,KAEhCF,IAAAA,KAAAQ,aAAAR,QAAAA,EAAUI,QAAeC,CAAAA,MAAAA;AAC7BA,MAAAA,EAAIC,UAAUC,IAAAA,GAAOP,KAAKE,UAAAA;AAAAA,IAAU;AAAA,EACpC;AAAA,EAGF,SACC;AAAA,UAAMO,IAAU,EACf,gBAAgBT,KAAKU,YAArB,IACA,gBAAgBV,KAAKU,SACrB,2PAAA,IAEA,qDAAqDV,KAAKC,SAGrDU,GAAAA,IAAoB,EACzB,uCAAuC,IACvC,gBAAgBX,KAAKU,YAAY,IACjC,gBAAgBV,KAAKU,SACrB,wEAAwEV,KAAKY,SAAAA;AAEvE,WAAAC,mBAAsBb,KAAKY,WAAAA,KAAgB,CAAA,UAAWZ,KAAKc,SAASL,CAAAA,CAAAA;AAAAA,KACxEM,EAAAA,CAAMf,KAAKY,UAAU,MAAMC,iBAAoBb,KAAKc,SAASH,CAAAA,CAAAA,UAAAA,CAAAA;AAAAA;AAAAA;AAAAA,EAA6B;AAAA;AAlD9FK,EAAA,CAFCC,EAAQ,EAAEC,SAASC,GAA4BC,WAAW,GAAA,CAAA,GAC1DC,EAFW1B,CAAAA,GAAAA,EAGZ2B,WAAA,WAAA,IAGAN,EAAA,CADCK,EAAS,EAAEE,MAAMC,QAAAA,CAAAA,CAAAA,GALN7B,EAMZ2B,WAAA,WAAA,CAAA,GAE6BN,EAAA,CAA5BK,EAAS,EAAEE,MAAMC,QAAAA,CAAAA,CAAAA,GARN7B,EAQiB2B,WAAA,YAAA,CAEAN,GAAAA,EAAA,CAA5BK,EAAS,EAAEE,MAAMC,QAVN7B,CAAAA,CAAAA,GAAAA,EAUiB2B,WAAA,YAAA,CAMrBN,GAAAA,EAAA,CAJPS,EAAsB,EACtBC,MAAM,WACNC,SAAS,GAAA,CAAA,CAAA,GAdEhC,EAgBJ2B,WAAA,WAAA,CAAA,GAMAN,EAAA,CAJPS,EAAsB,EACtBC,MAAM,YACNC,SAAAA,GApBWhC,CAAAA,CAAAA,GAAAA,EAsBJ2B,WAAA,YAAA,CAAA,GAtBI3B,IAANqB,EAAA,CADNY,EAAc,oBACFjC,CAAAA,GAAAA,CAAAA;ACbA,MAAAkC,IAA0BC,EAA6B,MAAA;;;;;ACWvD,IAAAC,IAAN,cAAmBnC,EAAgBoC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAnC,EAAA;AAAA,EAAA,cAAAlC;AAAAA,UAAAA,GAAAC,SAkBsBC,GAAAA,KAAAiC,OAAA,QAGRjC,KAAAkC,WAAAA;AAAAA,EAAA;AAAA,EAEpB,SAAAC;AACC,UAAMC,IAAY,EACjB,iBAAiBpC,KAAKkC,UACtBG,UAAUrC,KAAKkC,UACf,yBAAyBlC,KAAKkC,UAE9B,iBAAiBlC,KAAKkC,SAGhB;AAAA,WAAArB;AAAAA,6BACoBb,KAAKiC,aAAajC,KAAKsC,OAAAA;AAAAA,iBACnCxB,EAASsB,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAU;AAAA;AAnBnCpB,EAAA,CAFCuB,EAAQ,EAAErB,SAASW,EAAAA,CAAAA,GACnBR,MAdWU,EAeZT,WAAA,WAAA,CAAA,GAGAN,EAAA,CADCK,EAAS,EAAEE,MAAMiB,QAAQC,YAjBdV,CAAAA,CAAAA,GAAAA,EAkBZT,WAAA,QAAA,IAGAN,EAAA,CADCK,EAAS,EAAEE,MAAMC,SAASiB,SAAS,GAAA,CAAA,CAAA,GApBxBV,EAqBZT,WAAA,YAAA,IArBYS,IAANf,EAAA,CADNY,EAAc,eAAA,CAAA,GACFG;"}

package/dist/surface-CcsOAZED.js

@@ -1,42 +0,0 @@
-import { e as p } from "./provide-BLSgVvMJ.js";
-import { T as c } from "./tailwind.mixin-5DpBAFrV.js";
-import { css as d, html as u } from "lit";
-import { property as h, 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;
-};
-let e = class extends c(d`
-	:host([fill='all']) {
-		height: 100%;
-		width: 100%;
-	}
-	:host([fill='width']) {
-		width: 100%;
-	}
-	:host([fill='height']) {
-		height: 100%;
-	}
-	:host {
-		display: block;
-	}
-`) {
-  constructor() {
-    super(...arguments), this.fill = "auto", this.rounded = "none", this.type = "surface", this.elevation = 0;
-  }
-  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, "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)}>
-				<slot></slot>
-			</section>
-		`;
-  }
-};
-s([h({ type: String, reflect: !0 })], e.prototype, "fill", 2), s([h()], e.prototype, "rounded", 2), s([p({ context: g }), h()], e.prototype, "type", 2), s([h({ type: Number })], e.prototype, "elevation", 2), e = s([f("schmancy-surface")], e);
-export {
-  e as S
-};
-//# sourceMappingURL=surface-CcsOAZED.js.map

package/dist/surface-CcsOAZED.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface-CcsOAZED.js","sources":["../src/surface/surface.ts"],"sourcesContent":["import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js' // Import classMap\nimport { SchmancySurfaceTypeContext } from './context'\n\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n/**\n * @element schmancy-surface\n * @slot - default content\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`) {\n\t/**\n\t * Fill the width and/or height of the parent container.\n\t * @default 'auto'\n\t *\n\t */\n\t@property({ type: String, reflect: true }) fill: SchmancySurfaceFill = 'auto'\n\t@property() rounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property()\n\ttype:\n\t\t| 'surface'\n\t\t| 'surfaceDim'\n\t\t| 'surfaceBright'\n\t\t| 'containerLowest'\n\t\t| 'containerLow'\n\t\t| 'container'\n\t\t| 'containerHigh'\n\t\t| 'containerHighest' = 'surface'\n\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\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'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\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'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'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'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","render","classes","relative","block","html","classMap","__decorateClass","property","String","reflect","prototype","provide","context","SchmancySurfaceTypeContext","Number","customElement"],"mappings":";;;;;;;;;;AAaa,IAAAA,IAAN,cAA8BC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,SAoBiEC,GAAAA,KAAAC,OAAA,QACKD,KAAAE,UAAA,QAYpDF,KAAAG,OAAA,WAEuCH,KAAAI,YAAA;AAAA,EAAA;AAAA,EAErD,SAAAC;AACT,UAAMC,IAAU,EACfC,UAAAA,IACA,WAAW,IACXC,OAAO,IACP,cAAc,IACd,gBAAgBR,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,OAClD,aAAaD,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,aAAaJ,KAAKI,cAAc,GAChC,mBACCJ,KAAKG,SAAS,aACdH,KAAKG,SAAS,gBACdH,KAAKG,SAAS,mBACdH,KAAKG,SAAS,qBACdH,KAAKG,SAAS,kBACdH,KAAKG,SAAS,eACdH,KAAKG,SAAS,mBACdH,KAAKG,SAAS,oBACf,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,WAAAM;AAAAA,oBACWC,EAASJ,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAQ;AAxDOK;AAAAA,EAAA,CAA1CC,EAAS,EAAET,MAAMU,QAAQC,SAAAA,QApBdnB,EAoB+BoB,WAAA,QAAA,CAC/BJ,GAAAA,EAAA,CAAXC,EArBWjB,CAAAA,GAAAA,EAqBAoB,WAAA,WAAA,CAAA,GAIZJ,EAAA,CAFCK,EAAQ,EAAEC,SAASC,EAAAA,CAAAA,GACnBN,MAxBWjB,EAyBZoB,WAAA,QAAA,CAU4BJ,GAAAA,EAAA,CAA3BC,EAAS,EAAET,MAAMgB,OAnCNxB,CAAAA,CAAAA,GAAAA,EAmCgBoB,WAAA,aAAA,CAAA,GAnChBpB,IAANgB,EAAA,CADNS,EAAc,kBAAA,CAAA,GACFzB;"}

package/dist/surface-oRvgmcEM.cjs

@@ -1,20 +0,0 @@
-"use strict";const l=require("./provide-DSU87U5x.cjs"),u=require("./tailwind.mixin-DAZ4QAZv.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,n,o)=>{for(var h,e=o>1?void 0:o?y(s,n):s,c=i.length-1;c>=0;c--)(h=i[c])&&(e=(o?h(s,n,e):h(e))||e);return o&&e&&f(s,n,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;
-	}
-`){constructor(){super(...arguments),this.fill="auto",this.rounded="none",this.type="surface",this.elevation=0}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,"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})],exports.SchmancySurface.prototype,"elevation",2),exports.SchmancySurface=r([t.customElement("schmancy-surface")],exports.SchmancySurface);
-//# sourceMappingURL=surface-oRvgmcEM.cjs.map

package/dist/surface-oRvgmcEM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface-oRvgmcEM.cjs","sources":["../src/surface/surface.ts"],"sourcesContent":["import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js' // Import classMap\nimport { SchmancySurfaceTypeContext } from './context'\n\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n/**\n * @element schmancy-surface\n * @slot - default content\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`) {\n\t/**\n\t * Fill the width and/or height of the parent container.\n\t * @default 'auto'\n\t *\n\t */\n\t@property({ type: String, reflect: true }) fill: SchmancySurfaceFill = 'auto'\n\t@property() rounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property()\n\ttype:\n\t\t| 'surface'\n\t\t| 'surfaceDim'\n\t\t| 'surfaceBright'\n\t\t| 'containerLowest'\n\t\t| 'containerLow'\n\t\t| 'container'\n\t\t| 'containerHigh'\n\t\t| 'containerHighest' = 'surface'\n\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\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'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\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'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'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'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","render","classes","relative","block","html","classMap","__decorateClass","property","String","reflect","prototype","provide","context","SchmancySurfaceTypeContext","Number","customElement"],"mappings":"+ZAaaA,QAAAA,gBAAN,cAA8BC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,SAoBiEC,EAAAA,KAAAC,KAAA,OACKD,KAAAE,QAAA,OAYpDF,KAAAG,KAAA,UAEuCH,KAAAI,UAAA,CAAA,CAErD,QAAAC,CACT,MAAMC,EAAU,CACfC,SAAAA,GACA,UAAW,GACXC,MAAO,GACP,aAAc,GACd,eAAgBR,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,MAClD,YAAaD,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,YAAaJ,KAAKI,YAAc,EAChC,kBACCJ,KAAKG,OAAS,WACdH,KAAKG,OAAS,cACdH,KAAKG,OAAS,iBACdH,KAAKG,OAAS,mBACdH,KAAKG,OAAS,gBACdH,KAAKG,OAAS,aACdH,KAAKG,OAAS,iBACdH,KAAKG,OAAS,mBACf,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,OAAAM,EAAAA;AAAAA,oBACWC,EAAAA,SAASJ,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA,GAAQ,CAxDOK,EAAAA,EAAA,CAA1CC,EAAAA,SAAS,CAAET,KAAMU,OAAQC,QAAS,EAAA,CAAA,CAAA,EApBvBnB,wBAoB+BoB,UAAA,OAAA,GAC/BJ,EAAA,CAAXC,EAASA,SAAAA,CAAAA,EArBEjB,wBAqBAoB,UAAA,UAAA,CAIZJ,EAAAA,EAAA,CAFCK,IAAQ,CAAEC,QAASC,EAAAA,0BAAAA,CAAAA,EACnBN,EAASA,SAAAA,CAAAA,EAxBEjB,wBAyBZoB,UAAA,OAAA,CAU4BJ,EAAAA,EAAA,CAA3BC,WAAS,CAAET,KAAMgB,MAAAA,CAAAA,CAAAA,EAnCNxB,wBAmCgBoB,UAAA,YAAA,CAnChBpB,EAAAA,QAANA,gBAAAgB,EAAA,CADNS,EAAAA,cAAc,kBAAA,CAAA,EACFzB"}