@mhmo91/schmancy 0.4.20 → 0.4.22

package/dist/{media-C_UPDRKi.cjs → media-hg61JS4R.cjs}

@@ -1,4 +1,4 @@
-"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const h=require("./tailwind.mixin-DNME2oUL.cjs"),c=require("lit/decorators.js"),i=require("lit");var y=Object.getOwnPropertyDescriptor;exports.SchmancyCardAction=class extends h.TailwindElement(i.css`
+"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const y=require("./tailwind.mixin-DNME2oUL.cjs"),l=require("lit/decorators.js"),a=require("lit");var u=Object.getOwnPropertyDescriptor;let p=class extends y.TailwindElement(a.css`
 	:host {
 		display: flex;
 		gap: 0.5rem;
@@ -6,7 +6,7 @@
 		align-items: center;
 		justify-content: flex-end;
 	}
-`){render(){return i.html`<slot></slot>`}},exports.SchmancyCardAction=((n,e,a,o)=>{for(var s,t=o>1?void 0:o?y(e,a):e,r=n.length-1;r>=0;r--)(s=n[r])&&(t=s(t)||t);return t})([c.customElement("schmancy-card-action")],exports.SchmancyCardAction);var m=Object.defineProperty,p=Object.getOwnPropertyDescriptor,d=(n,e,a,o)=>{for(var s,t=o>1?void 0:o?p(e,a):e,r=n.length-1;r>=0;r--)(s=n[r])&&(t=(o?s(e,a,t):s(t))||t);return o&&t&&m(e,a,t),t};exports.SchmancyCard=class extends h.TailwindElement(i.css`:host{
+`){render(){return a.html`<slot></slot>`}};p=((i,e,n,o)=>{for(var r,t=o>1?void 0:o?u(e,n):e,s=i.length-1;s>=0;s--)(r=i[s])&&(t=r(t)||t);return t})([l.customElement("schmancy-card-action")],p);var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,m=(i,e,n,o)=>{for(var r,t=o>1?void 0:o?g(e,n):e,s=i.length-1;s>=0;s--)(r=i[s])&&(t=(o?r(e,n,t):r(t))||t);return o&&t&&f(e,n,t),t};let h=class extends y.TailwindElement(a.css`:host{
 	display: block;
 	position: relative;
 	inset: 0;
@@ -46,12 +46,12 @@
 }
 :host([elevation="5"]) {
 	box-shadow: var(--schmancy-sys-elevation-5);
-}`){constructor(){super(...arguments),this.type="elevated",this.elevation=0}render(){return i.html`<slot></slot>`}},d([c.property()],exports.SchmancyCard.prototype,"type",2),d([c.property({type:Number})],exports.SchmancyCard.prototype,"elevation",2),exports.SchmancyCard=d([c.customElement("schmancy-card")],exports.SchmancyCard);var v=Object.getOwnPropertyDescriptor;exports.SchmancyCardContent=class extends h.TailwindElement(i.css`
+}`){constructor(){super(...arguments),this.type="elevated",this.elevation=0}render(){return a.html`<slot></slot>`}};m([l.property()],h.prototype,"type",2),m([l.property({type:Number})],h.prototype,"elevation",2),h=m([l.customElement("schmancy-card")],h);var b=Object.getOwnPropertyDescriptor;let v=class extends y.TailwindElement(a.css`
 	:host {
 		display: block;
 		padding: 1rem;
 	}
-`){render(){return i.html`<slot></slot>`}},exports.SchmancyCardContent=((n,e,a,o)=>{for(var s,t=o>1?void 0:o?v(e,a):e,r=n.length-1;r>=0;r--)(s=n[r])&&(t=s(t)||t);return t})([c.customElement("schmancy-card-content")],exports.SchmancyCardContent);var u=Object.defineProperty,f=Object.getOwnPropertyDescriptor,l=(n,e,a,o)=>{for(var s,t=o>1?void 0:o?f(e,a):e,r=n.length-1;r>=0;r--)(s=n[r])&&(t=(o?s(e,a,t):s(t))||t);return o&&t&&u(e,a,t),t};exports.SchmancyCardMedia=class extends h.TailwindElement(i.css`
+`){render(){return a.html`<slot></slot>`}};v=((i,e,n,o)=>{for(var r,t=o>1?void 0:o?b(e,n):e,s=i.length-1;s>=0;s--)(r=i[s])&&(t=r(t)||t);return t})([l.customElement("schmancy-card-content")],v);var w=Object.defineProperty,x=Object.getOwnPropertyDescriptor,d=(i,e,n,o)=>{for(var r,t=o>1?void 0:o?x(e,n):e,s=i.length-1;s>=0;s--)(r=i[s])&&(t=(o?r(e,n,t):r(t))||t);return o&&t&&w(e,n,t),t};let c=class extends y.TailwindElement(a.css`
 	:host {
 		display: block;
 		position: relative;
@@ -96,5 +96,5 @@
 	:host([fit="scale-down"]) ::slotted(img) {
 		object-fit: scale-down;
 	}
-`){constructor(){super(...arguments),this.src="",this.fit="contain",this.alt=""}render(){return this.src?i.html`<img src="${this.src}" alt="${this.alt}" />`:i.html`<slot></slot>`}},l([c.property({type:String,reflect:!0})],exports.SchmancyCardMedia.prototype,"src",2),l([c.property({type:String,reflect:!0})],exports.SchmancyCardMedia.prototype,"fit",2),l([c.property({type:String})],exports.SchmancyCardMedia.prototype,"alt",2),exports.SchmancyCardMedia=l([c.customElement("schmancy-card-media")],exports.SchmancyCardMedia);
-//# sourceMappingURL=media-C_UPDRKi.cjs.map
+`){constructor(){super(...arguments),this.src="",this.fit="contain",this.alt=""}render(){return this.src?a.html`<img src="${this.src}" alt="${this.alt}" />`:a.html`<slot></slot>`}};d([l.property({type:String,reflect:!0})],c.prototype,"src",2),d([l.property({type:String,reflect:!0})],c.prototype,"fit",2),d([l.property({type:String})],c.prototype,"alt",2),c=d([l.customElement("schmancy-card-media")],c);
+//# sourceMappingURL=media-hg61JS4R.cjs.map

package/dist/{media-C_UPDRKi.cjs.map → media-hg61JS4R.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"media-C_UPDRKi.cjs","sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-action\n * @slot - The content of the action\n */\n@customElement('schmancy-card-action')\nexport default class SchmancyCardAction extends TailwindElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\t\tpadding: 0.5rem 1rem;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-action': SchmancyCardAction\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-card')\nexport default class SchmancyCard extends TailwindElement(css`:host{\n\tdisplay: block;\n\tposition: relative;\n\tinset: 0;\n\tborder-radius: 0.375rem; /* rounded-md */\n}\n:host([type=\"elevated\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-low);\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([type=\"elevated\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-2);\n}\n:host([type=\"filled\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-highest);\n}\n:host([type=\"filled\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([type=\"outlined\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-default);\n\tborder: 1px solid var(--schmancy-sys-color-outlineVariant);\n}\n:host([type=\"outlined\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([elevation=\"1\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([elevation=\"2\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-2);\n}\n:host([elevation=\"3\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-3);\n}\n:host([elevation=\"4\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-4);\n}\n:host([elevation=\"5\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-5);\n}`) {\n\t@property() type: 'elevated' | 'filled' | 'outlined' = 'elevated'\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card': SchmancyCard\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-content\n */\n@customElement('schmancy-card-content')\nexport default class SchmancyCardContent extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding: 1rem;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-content': SchmancyCardContent\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-media\n */\n@customElement('schmancy-card-media')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\theight: 200px;\n\t\toverflow: hidden;\n\t}\n\t\n\t/* Allow height to be overridden when used in flex/grid layouts */\n\t:host-context(.h-full) {\n\t\theight: 100%;\n\t}\n\t\n\t::slotted(img),\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-position: center;\n\t}\n\t\n\t/* Object fit styles based on fit attribute */\n\t:host([fit=\"contain\"]) img,\n\t:host([fit=\"contain\"]) ::slotted(img) {\n\t\tobject-fit: contain;\n\t}\n\t\n\t:host([fit=\"cover\"]) img,\n\t:host([fit=\"cover\"]) ::slotted(img) {\n\t\tobject-fit: cover;\n\t}\n\t\n\t:host([fit=\"fill\"]) img,\n\t:host([fit=\"fill\"]) ::slotted(img) {\n\t\tobject-fit: fill;\n\t}\n\t\n\t:host([fit=\"none\"]) img,\n\t:host([fit=\"none\"]) ::slotted(img) {\n\t\tobject-fit: none;\n\t}\n\t\n\t:host([fit=\"scale-down\"]) img,\n\t:host([fit=\"scale-down\"]) ::slotted(img) {\n\t\tobject-fit: scale-down;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsrc: string = ''\n\n\t@property({ type: String, reflect: true })\n\tfit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' = 'contain'\n\t\n\t@property({ type: String })\n\talt: string = ''\n\n\tprotected render(): unknown {\n\t\t// If src is provided, render an img element\n\t\t// Otherwise, allow users to slot their own content\n\t\treturn this.src \n\t\t\t? html`<img src=\"${this.src}\" alt=\"${this.alt}\" />` \n\t\t\t: html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n"],"names":["SchmancyCardAction","TailwindElement","css","render","html","customElement","SchmancyCard","constructor","super","arguments","this","type","elevation","__decorateClass","property","prototype","Number","SchmancyCardContent","SchmancyCardMedia","src","fit","alt","String","reflect"],"mappings":"kPASqBA,QAAAA,mBAArB,cAAgDC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GASrD,QAAAC,CACF,OAAAC,EAAAA,mBAAA,GAVYJ,QAArBA,yHAAA,CADCK,EAAAA,cAAc,sBAAA,CAAA,EACML,4NCJAM,QAAAA,aAArB,cAA0CL,EAAgBA,gBAAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAA1D,aAAAK,CAAAC,MAAAC,GAAAA,SAAAA,EAyCwDC,KAAAC,KAAA,WACQD,KAAAE,UAAA,CAAA,CACrD,QACF,CAAA,OAAAR,EAAAA,mBAAA,CAHIS,EAAAA,EAAA,CAAXC,EAASA,SAzCUR,CAAAA,EAAAA,qBAyCRS,UAAA,OAAA,CAAA,EACgBF,EAAA,CAA3BC,WAAS,CAAEH,KAAMK,MAAAA,CAAAA,CAAAA,EA1CEV,qBA0CQS,UAAA,YAAA,CA1CRT,EAAAA,QAArBA,aAAAO,EAAA,CADCR,EAAAA,cAAc,eAAA,CAAA,EACMC,4DCGAW,QAAAA,oBAArB,cAAiDhB,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAMtD,QAAAC,CACF,OAAAC,EAAAA,mBAAA,GAPYa,QAArBA,0HAAA,CADCZ,EAAAA,cAAc,uBAAA,CAAA,EACMY,6NCAAC,QAAAA,kBAArB,cAA+CjB,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA/D,CAAA,CAAA,cAAAM,MAAAC,GAAAA,SAAAA,EA+CeC,KAAAS,IAAA,GAG8CT,KAAAU,IAAA,UAG9CV,KAAAW,IAAA,EAAA,CAEJ,QAAAlB,CAGF,OAAAO,KAAKS,IACTf,mBAAiBM,KAAKS,GAAAA,UAAaT,KAAKW,GAAAA,OACxCjB,EAAAA,mBAAA,CAbJS,EAAAA,EAAA,CADCC,EAAAA,SAAS,CAAEH,KAAMW,OAAQC,QAAS,EAAA,CAAA,CAAA,EA9CfL,0BA+CpBH,UAAA,MAAA,CAAA,EAGAF,EAAA,CADCC,EAAAA,SAAS,CAAEH,KAAMW,OAAQC,UAjDNL,CAAAA,CAAAA,EAAAA,0BAkDpBH,UAAA,MAAA,CAGAF,EAAAA,EAAA,CADCC,WAAS,CAAEH,KAAMW,MApDEJ,CAAAA,CAAAA,EAAAA,0BAqDpBH,UAAA,MAAA,CArDoBG,EAAAA,QAArBA,kBAAAL,EAAA,CADCR,EAAAA,cAAc,wBACMa"}
+{"version":3,"file":"media-hg61JS4R.cjs","sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-action\n * @slot - The content of the action\n */\n@customElement('schmancy-card-action')\nexport default class SchmancyCardAction extends TailwindElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\t\tpadding: 0.5rem 1rem;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-action': SchmancyCardAction\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-card')\nexport default class SchmancyCard extends TailwindElement(css`:host{\n\tdisplay: block;\n\tposition: relative;\n\tinset: 0;\n\tborder-radius: 0.375rem; /* rounded-md */\n}\n:host([type=\"elevated\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-low);\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([type=\"elevated\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-2);\n}\n:host([type=\"filled\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-highest);\n}\n:host([type=\"filled\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([type=\"outlined\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-default);\n\tborder: 1px solid var(--schmancy-sys-color-outlineVariant);\n}\n:host([type=\"outlined\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([elevation=\"1\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([elevation=\"2\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-2);\n}\n:host([elevation=\"3\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-3);\n}\n:host([elevation=\"4\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-4);\n}\n:host([elevation=\"5\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-5);\n}`) {\n\t@property() type: 'elevated' | 'filled' | 'outlined' = 'elevated'\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card': SchmancyCard\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-content\n */\n@customElement('schmancy-card-content')\nexport default class SchmancyCardContent extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding: 1rem;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-content': SchmancyCardContent\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-media\n */\n@customElement('schmancy-card-media')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\theight: 200px;\n\t\toverflow: hidden;\n\t}\n\t\n\t/* Allow height to be overridden when used in flex/grid layouts */\n\t:host-context(.h-full) {\n\t\theight: 100%;\n\t}\n\t\n\t::slotted(img),\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-position: center;\n\t}\n\t\n\t/* Object fit styles based on fit attribute */\n\t:host([fit=\"contain\"]) img,\n\t:host([fit=\"contain\"]) ::slotted(img) {\n\t\tobject-fit: contain;\n\t}\n\t\n\t:host([fit=\"cover\"]) img,\n\t:host([fit=\"cover\"]) ::slotted(img) {\n\t\tobject-fit: cover;\n\t}\n\t\n\t:host([fit=\"fill\"]) img,\n\t:host([fit=\"fill\"]) ::slotted(img) {\n\t\tobject-fit: fill;\n\t}\n\t\n\t:host([fit=\"none\"]) img,\n\t:host([fit=\"none\"]) ::slotted(img) {\n\t\tobject-fit: none;\n\t}\n\t\n\t:host([fit=\"scale-down\"]) img,\n\t:host([fit=\"scale-down\"]) ::slotted(img) {\n\t\tobject-fit: scale-down;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsrc: string = ''\n\n\t@property({ type: String, reflect: true })\n\tfit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' = 'contain'\n\t\n\t@property({ type: String })\n\talt: string = ''\n\n\tprotected render(): unknown {\n\t\t// If src is provided, render an img element\n\t\t// Otherwise, allow users to slot their own content\n\t\treturn this.src \n\t\t\t? html`<img src=\"${this.src}\" alt=\"${this.alt}\" />` \n\t\t\t: html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n"],"names":["SchmancyCardAction","TailwindElement","css","render","html","customElement","SchmancyCard","constructor","super","arguments","this","type","elevation","__decorateClass","property","prototype","Number","SchmancyCardContent","SchmancyCardMedia","src","fit","alt","String","reflect"],"mappings":"kPASA,IAAqBA,EAArB,cAAgDC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GASrD,QAAAC,CACF,OAAAC,EAAAA,mBAAA,CAVYJ,EAAAA,wGAArB,CADCK,EAAAA,cAAc,sBAAA,CAAA,EACML,mMCJrB,IAAqBM,EAArB,cAA0CL,EAAgBA,gBAAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAA1D,aAAAK,CAAAC,MAAAC,GAAAA,SAAAA,EAyCwDC,KAAAC,KAAA,WACQD,KAAAE,UAAA,CAAA,CACrD,QAAAT,CACF,OAAAC,EAAAA,mBAAA,CAAA,EAHIS,EAAA,CAAXC,EAASA,SAzCUR,CAAAA,EAAAA,EAyCRS,UAAA,OAAA,CACgBF,EAAAA,EAAA,CAA3BC,WAAS,CAAEH,KAAMK,MA1CEV,CAAAA,CAAAA,EAAAA,EA0CQS,UAAA,YAAA,CAAA,EA1CRT,EAArBO,EAAA,CADCR,EAAAA,cAAc,eACMC,CAAAA,EAAAA,CAAAA,wCCGrB,IAAqBW,EAArB,cAAiDhB,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAMtD,QAAAC,CACF,OAAAC,EAAAA,mBAAA,CAPYa,EAAAA,wGAArB,CADCZ,EAAAA,cAAc,uBAAA,CAAA,EACMY,mMCArB,IAAqBC,EAArB,cAA+CjB,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA/D,CAAA,CAAA,aAAAM,CAAAA,MAAAA,GAAAC,SA+CeC,EAAAA,KAAAS,IAAA,GAG8CT,KAAAU,IAAA,UAG9CV,KAAAW,IAAA,EAAA,CAEJ,QAGF,CAAA,OAAAX,KAAKS,IACTf,mBAAiBM,KAAKS,aAAaT,KAAKW,GAAAA,OACxCjB,EAAAA,mBAAA,CAbJS,EAAAA,EAAA,CADCC,EAAAA,SAAS,CAAEH,KAAMW,OAAQC,QAAAA,EA9CNL,CAAAA,CAAAA,EAAAA,EA+CpBH,UAAA,MAAA,GAGAF,EAAA,CADCC,EAAAA,SAAS,CAAEH,KAAMW,OAAQC,QAAS,EAAA,CAAA,CAAA,EAjDfL,EAkDpBH,UAAA,MAAA,CAGAF,EAAAA,EAAA,CADCC,WAAS,CAAEH,KAAMW,MApDEJ,CAAAA,CAAAA,EAAAA,EAqDpBH,UAAA,MAAA,GArDoBG,EAArBL,EAAA,CADCR,EAAAA,cAAc,qBACMa,CAAAA,EAAAA,CAAAA"}

package/dist/nav-drawer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-BoOnOo3X.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("./avatar-CRWIpCVJ.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, j as e, l as n, m, n as s, k as i, o, i as t } from "./avatar-7Rif8_0P.js";
+import { $ as c, j as e, l as n, m, n as s, k as i, o, i as t } from "./avatar-CZ4ubNmx.js";
 export {
   c as $drawer,
   e as SchmancyDrawerAppbar,

package/dist/teleport.cjs

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

package/dist/teleport.js

@@ -1,4 +1,4 @@
-import { H as o, p as t, W as a, t as p } from "./avatar-7Rif8_0P.js";
+import { H as o, p as t, W as a, t as p } from "./avatar-CZ4ubNmx.js";
 export {
   o as HereMorty,
   t as SchmancyTeleportation,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mhmo91/schmancy",
-	"version": "0.4.20",
+	"version": "0.4.22",
 	"description": "UI library build with web components",
 	"main": "./dist/index.js",
 	"packageManager": "yarn@4.9.2",

package/types/mixins/index.d.ts

@@ -2,3 +2,4 @@ export * from './baseElement';
 export * from './constructor';
 export * from './litElement.mixin';
 export * from './tailwind.mixin';
+export * from './formField.mixin';

package/types/src/busy/spinner.d.ts

@@ -2,6 +2,7 @@ declare const SchmnacySpinner_base: import("@mixins/index").Constructor<CustomEl
 export default class SchmnacySpinner extends SchmnacySpinner_base {
     color: string;
     size: string;
+    glass: boolean;
     protected render(): unknown;
 }
 declare global {

package/types/src/card/actions.d.ts

@@ -1,14 +1,14 @@
-declare const SchmancyCardMedia_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+declare const SchmancyCardAction_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
  * @element schmancy-card-action
  * @slot - The content of the action
  */
-export default class SchmancyCardMedia extends SchmancyCardMedia_base {
+export default class SchmancyCardAction extends SchmancyCardAction_base {
     protected render(): unknown;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'schmancy-card-action': SchmancyCardMedia;
+        'schmancy-card-action': SchmancyCardAction;
     }
 }
 export {};

package/types/src/card/content.d.ts

@@ -1,9 +1,6 @@
 declare const SchmancyCardContent_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
  * @element schmancy-card-content
- * @slot headline
- * @slot subhead
- * @slot default - The content of the card
  */
 export default class SchmancyCardContent extends SchmancyCardContent_base {
     protected render(): unknown;

package/types/src/card/media.d.ts

@@ -5,6 +5,7 @@ declare const SchmancyCardMedia_base: import("@mixins/index").Constructor<Custom
 export default class SchmancyCardMedia extends SchmancyCardMedia_base {
     src: string;
     fit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    alt: string;
     protected render(): unknown;
 }
 declare global {

package/types/src/chips/chip.d.ts

@@ -1,7 +1,7 @@
 import '@material/web/chips/chip-set.js';
 import '@material/web/chips/filter-chip.js';
 import { LitElement } from 'lit';
-declare const SchmancyChip_base: CustomElementConstructor & import("@mixins/index").Constructor<LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+declare const SchmancyChip_base: import("../../mixins").Constructor<CustomElementConstructor> & import("../../mixins").Constructor<import("@mixins/tailwind.mixin").ITailwindElementMixin> & import("../../mixins").Constructor<LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
 export default class SchmancyChip extends SchmancyChip_base {
     value: string;
     selected: boolean;

package/types/src/chips/chips.d.ts

@@ -10,7 +10,7 @@ export default class SchmancyChips extends SchmancyChips_base {
     values: string[];
     value: string;
     chips: SchmancyChip[];
-    wrap: 'wrap' | 'nowrap';
+    wrap: boolean;
     change(e: CustomEvent<SchmancyChipChangeEvent>): Promise<void>;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     attributeChangedCallback(name: string, old: string, value: string): void;

package/types/src/date-range/date-range-dialog.d.ts

@@ -0,0 +1,28 @@
+import { PresetCategory } from './date-range-presets';
+declare const SchmancyDateRangeDialog_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+/**
+ * Dialog content component for date range selection
+ *
+ * @element schmancy-date-range-dialog
+ */
+export declare class SchmancyDateRangeDialog extends SchmancyDateRangeDialog_base {
+    type: 'date' | 'datetime-local';
+    dateFrom: {
+        label: string;
+        value: string;
+    };
+    dateTo: {
+        label: string;
+        value: string;
+    };
+    minDate?: string;
+    maxDate?: string;
+    activePreset: string | null;
+    presetCategories: PresetCategory[];
+    private handleFromDateChange;
+    private handleToDateChange;
+    private handlePresetSelection;
+    private applyManualDateSelection;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/types/src/date-range/date-range-helpers.d.ts

@@ -0,0 +1,27 @@
+import dayjs from 'dayjs';
+import { PresetUnit } from './date-range-presets';
+/**
+ * Format a date range into a human-readable string
+ */
+export declare function formatDateRange(fromValue: string, toValue: string, type: 'date' | 'datetime-local', placeholder: string): string;
+/**
+ * Detect the type of date range (full month, full quarter, etc.)
+ */
+export interface DateRangeType {
+    isFullMonth: boolean;
+    isFullQuarter: boolean;
+    isFullYear: boolean;
+    isFullWeek: boolean;
+}
+export declare function detectDateRangeType(fromDate: dayjs.Dayjs, toDate: dayjs.Dayjs): DateRangeType;
+/**
+ * Calculate the appropriate shift unit and amount for a date range
+ */
+export declare function calculateShiftParams(fromDate: dayjs.Dayjs, toDate: dayjs.Dayjs, activePresetStep?: PresetUnit): {
+    unit: PresetUnit;
+    amount: number;
+};
+/**
+ * Helper method to safely add/subtract quarter values
+ */
+export declare function adjustQuarter(date: dayjs.Dayjs, amount: number, direction: 1 | -1): dayjs.Dayjs;

package/types/src/date-range/date-range-presets.d.ts

@@ -0,0 +1,18 @@
+import dayjs from 'dayjs';
+export type PresetUnit = dayjs.OpUnitType | 'quarter';
+export interface DateRangePreset {
+    label: string;
+    range: {
+        dateFrom: string;
+        dateTo: string;
+    };
+    step: PresetUnit;
+}
+export interface PresetCategory {
+    name: string;
+    presets: DateRangePreset[];
+}
+/**
+ * Generate date range presets for different time periods
+ */
+export declare function generatePresetCategories(format: string, includeTime?: boolean): PresetCategory[];

package/types/src/date-range/date-range.d.ts

@@ -1,4 +1,5 @@
 import { PropertyValues } from 'lit';
+import './date-range-dialog';
 export type SchmancyDateRangeChangeEvent = CustomEvent<{
     dateFrom: string;
     dateTo: string;
@@ -32,17 +33,13 @@ export declare class SchmancyDateRange extends SchmancyDateRange_base {
     required: boolean;
     placeholder: string;
     clearable: boolean;
-    allowDirectInput: boolean;
     private isOpen;
     private selectedDateRange;
     private activePreset;
     private announceMessage;
     private isMobile;
-    private isTyping;
-    private typedValue;
     private presetRanges;
     private presetCategories;
-    private inputRef;
     private memoizedPresets;
     connectedCallback(): void;
     private setupEventHandlers;
@@ -55,17 +52,11 @@ export declare class SchmancyDateRange extends SchmancyDateRange_base {
      */
     private updateSelectedDateRange;
     private setDateRange;
-    private handlePresetSelection;
     private toggleDropdown;
     private openDropdown;
     private closeDropdown;
-    /**
-     * Helper method to safely add/subtract quarter values
-     */
-    private adjustQuarter;
     /**
      * Shifts the date range based on its type (preset or custom)
-     * Enhanced to properly handle various time units and preserve date patterns
      */
     private shiftDateRange;
     /**
@@ -77,27 +68,10 @@ export declare class SchmancyDateRange extends SchmancyDateRange_base {
      * and updates the activePreset accordingly
      */
     private checkAndUpdateActivePreset;
-    private applyManualDateSelection;
     /**
      * Check if view is mobile
      */
     private checkMobileView;
-    /**
-     * Handle direct text input
-     */
-    private handleDirectInput;
-    /**
-     * Parse typed date range
-     */
-    private parseTypedDateRange;
-    /**
-     * Handle input blur to parse typed dates
-     */
-    private handleInputBlur;
-    /**
-     * Create dialog content
-     */
-    private createDialogContent;
     /**
      * Announce messages to screen readers
      */

package/types/src/date-range-inline/date-range-inline.d.ts

@@ -0,0 +1,111 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-date-range-inline': SchmancyDateRangeInline;
+    }
+}
+export type SchmancyDateRangeInlineChangeEvent = CustomEvent<{
+    dateFrom: string;
+    dateTo: string;
+    isValid: boolean;
+}>;
+declare const SchmancyDateRangeInline_base: import("@mixins/index").Constructor<import("@mixins/index").IFormFieldMixin> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+/**
+ * Smart inline date range picker that handles all the heavy lifting.
+ * Auto-corrects invalid ranges, provides smart defaults, and validates dates.
+ */
+export default class SchmancyDateRangeInline extends SchmancyDateRangeInline_base {
+    /**
+     * Input type - 'date' or 'datetime-local'
+     */
+    type: 'date' | 'datetime-local';
+    /**
+     * From date configuration
+     */
+    dateFrom: {
+        label: string;
+        value: string;
+    };
+    /**
+     * To date configuration
+     */
+    dateTo: {
+        label: string;
+        value: string;
+    };
+    /**
+     * Minimum allowed date
+     */
+    minDate?: string;
+    /**
+     * Maximum allowed date
+     */
+    maxDate?: string;
+    /**
+     * Compact mode for smaller UI
+     */
+    compact: boolean;
+    /**
+     * Auto-correct invalid date ranges
+     */
+    autoCorrect: boolean;
+    /**
+     * Minimum gap between dates (in days)
+     */
+    minGap: number;
+    /**
+     * Maximum gap between dates (in days)
+     */
+    maxGap?: number;
+    /**
+     * Default gap when auto-setting dates (in days)
+     */
+    defaultGap: number;
+    /**
+     * Whether to allow same date selection
+     */
+    allowSameDate: boolean;
+    /**
+     * Internal validation state
+     */
+    private validationState;
+    connectedCallback(): void;
+    /**
+     * Set smart default dates based on context
+     */
+    private setSmartDefaults;
+    /**
+     * Format date to required string format
+     */
+    private formatDate;
+    /**
+     * Parse date string to Date object
+     */
+    private parseDate;
+    /**
+     * Calculate days between two dates
+     */
+    private getDaysBetween;
+    /**
+     * Handle from date change with validation and auto-correction
+     */
+    private handleDateFromChange;
+    /**
+     * Handle to date change with validation and auto-correction
+     */
+    private handleDateToChange;
+    /**
+     * Validate dates and auto-correct if enabled
+     */
+    private validateAndCorrect;
+    /**
+     * Get computed min date for the "to" field based on "from" value
+     */
+    private getComputedMinDateTo;
+    /**
+     * Get computed max date for the "from" field based on "to" value
+     */
+    private getComputedMaxDateFrom;
+    emitChange(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/types/src/date-range-inline/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SchmancyDateRangeInline } from './date-range-inline';
+export type { SchmancyDateRangeInlineChangeEvent } from './date-range-inline';

package/types/src/index.d.ts

@@ -13,6 +13,7 @@ export * from './code-highlight';
 export * from './components';
 export * from './content-drawer';
 export * from './date-range';
+export * from './date-range-inline';
 export * from './delay';
 export * from './dialog';
 export * from './directives';
@@ -28,6 +29,7 @@ export * from './menu';
 export * from './nav-drawer';
 export * from './notification';
 export * from './option';
+export * from './progress';
 export * from './radio-group';
 export * from './rxjs-utils';
 export * from './select';

package/types/src/input/index.d.ts

@@ -1,2 +1,2 @@
-export * from './input-v2';
-export * from './input';
+export { default as SchmancyInputV2, type InputSize, type SchmancyInputChangeEventV2 } from './input-v2';
+export { default as SchmancyInput, type SchmancyInputChangeEvent } from './input';