@mhmo91/schmancy 0.6.19 → 0.7.2

package/dist/{typography-CRVUouR2.cjs.map → typography-BBCRpsA_.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"typography-CRVUouR2.cjs","sources":["../src/typography/typography.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n// Material Design 3 typography - https://m3.material.io/styles/typography/type-scale-tokens\n\n/**\n * @element schmancy-typography\n * @slot - The text for the typography.\n */\n@customElement('schmancy-typography')\nexport class SchmancyTypography extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\thyphens: none;\n\t}\n\n\t/* Text alignment */\n\t:host([align='center']) {\n\t\ttext-align: center;\n\t}\n\n\t:host([align='left']) {\n\t\ttext-align: start;\n\t}\n\n\t:host([align='right']) {\n\t\ttext-align: right;\n\t}\n\n\t:host([align='justify']) {\n\t\ttext-align: justify;\n\t}\n\n\t/* Max lines / line clamping */\n\t:host([max-lines='1']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 1;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='2']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 2;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='3']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 3;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='4']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 4;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='5']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 5;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='6']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 6;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t/* Font weight */\n\t:host([weight='bold']) {\n\t\tfont-weight: 700;\n\t}\n\n\t:host([weight='medium']) {\n\t\tfont-weight: 500;\n\t}\n\n\t:host([weight='normal']) {\n\t\tfont-weight: 400;\n\t}\n\n\t/* Text transform */\n\t:host([transform='uppercase']) {\n\t\ttext-transform: uppercase;\n\t}\n\n\t:host([transform='lowercase']) {\n\t\ttext-transform: lowercase;\n\t}\n\n\t:host([transform='capitalize']) {\n\t\ttext-transform: capitalize;\n\t}\n\n\t:host([transform='normal']) {\n\t\ttext-transform: none;\n\t}\n\n\t/* Display typography variants - Material Design 3 + Extended */\n\t:host([type='display'][token='xl']) {\n\t\tfont-size: 72px;\n\t\tline-height: 80px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='lg']) {\n\t\tfont-size: 57px;\n\t\tline-height: 64px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='md']) {\n\t\tfont-size: 45px;\n\t\tline-height: 52px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='sm']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='xs']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Headline typography variants - Material Design 3 + Extended */\n\t:host([type='headline'][token='xl']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='lg']) {\n\t\tfont-size: 32px;\n\t\tline-height: 40px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='md']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='sm']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='xs']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Title typography variants - Material Design 3 + Extended */\n\t:host([type='title'][token='xl']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='lg']) {\n\t\tfont-size: 22px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Subtitle typography variants - Extended from Material Design 3 */\n\t:host([type='subtitle'][token='xl']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='lg']) {\n\t\tfont-size: 18px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Body typography variants - Material Design 3 + Extended */\n\t:host([type='body'][token='xl']) {\n\t\tfont-size: 18px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='lg']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='md']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='sm']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Label typography variants - Material Design 3 + Extended */\n\t:host([type='label'][token='xl']) {\n\t\tfont-size: 16px;\n\t\tline-height: 22px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='lg']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='md']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='sm']) {\n\t\tfont-size: 11px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Note: Custom letter-spacing, font-size, and line-height should be applied via inline styles or Tailwind classes */\n`) {\n\t/**\n\t * @attr type - The type of the typography.\n\t * @default 'body'\n\t * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' = 'body'\n\n\t/**\n\t * @attr token - The token of the typography.\n\t * @default 'md'\n\t * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttoken: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md'\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'left' |'center' |'right'}\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'left' | 'center' | 'justify' | 'right' | undefined\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'normal' | 'medium' |'bold'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true })\n\tweight: 'normal' | 'medium' | 'bold' | undefined\n\t\n\t/**\n\t *\n\t * @attr\n\t * @default inherit\n\t * @type {'uppercase' |'lowercase' |'capitalize' |'normal'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) \n\ttransform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined\n\n\t@property({ type: Number, attribute: 'max-lines', reflect: true }) \n\tmaxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined\n\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}"],"names":["SchmancyTypography","TailwindElement","css","constructor","super","arguments","this","type","token","render","html","__decorateClass","property","String","reflect","prototype","Number","attribute","customElement"],"mappings":"8SAWaA,QAAAA,mBAAN,cAAiCC,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;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAAjD,aAAAC,CAAAC,MAAAA,GAAAC,SAAAA,EAmSNC,KAAAC,KAAyE,OAQzED,KAAAE,MAA0C,IAAA,CAgChC,QAAAC,CACT,OAAOC,EAAAA,mBACR,CAAA,EA1CAC,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAAA,EAAS,CAAA,CAAA,EAlSvBd,2BAmSZe,UAAA,OAAA,CAAA,EAQAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAAA,EAAS,CAAA,CAAA,EA1SvBd,2BA2SZe,UAAA,QAAA,CAAA,EAQAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAAA,EAAS,CAAA,CAAA,EAlTvBd,2BAmTZe,UAAA,QAAA,CAAA,EASAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAAA,EAAS,CAAA,CAAA,EA3TvBd,2BA4TZe,UAAA,SAAA,CAAA,EAUAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAAA,EAAS,CAAA,CAAA,EArUvBd,2BAsUZe,UAAA,YAAA,CAAA,EAGAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMS,OAAQC,UAAW,YAAaH,QAAAA,MAxUtCd,2BAyUZe,UAAA,WAAA,CAAA,EAzUYf,QAAAA,mBAANW,EAAA,CADNO,EAAAA,cAAc,qBAAA,CAAA,EACFlB"}
+{"version":3,"file":"typography-BBCRpsA_.cjs","sources":["../src/typography/typography.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n// Material Design 3 typography - https://m3.material.io/styles/typography/type-scale-tokens\n\n/**\n * @element schmancy-typography\n * @slot - The text for the typography.\n */\n@customElement('schmancy-typography')\nexport class SchmancyTypography extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\thyphens: none;\n\t}\n\n\t/* Text alignment */\n\t:host([align='center']) {\n\t\ttext-align: center;\n\t}\n\n\t:host([align='left']) {\n\t\ttext-align: start;\n\t}\n\n\t:host([align='right']) {\n\t\ttext-align: right;\n\t}\n\n\t:host([align='justify']) {\n\t\ttext-align: justify;\n\t}\n\n\t/* Max lines / line clamping */\n\t:host([max-lines='1']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 1;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='2']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 2;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='3']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 3;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='4']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 4;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='5']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 5;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='6']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 6;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t/* Font weight */\n\t:host([weight='bold']) {\n\t\tfont-weight: 700;\n\t}\n\n\t:host([weight='medium']) {\n\t\tfont-weight: 500;\n\t}\n\n\t:host([weight='normal']) {\n\t\tfont-weight: 400;\n\t}\n\n\t/* Text transform */\n\t:host([transform='uppercase']) {\n\t\ttext-transform: uppercase;\n\t}\n\n\t:host([transform='lowercase']) {\n\t\ttext-transform: lowercase;\n\t}\n\n\t:host([transform='capitalize']) {\n\t\ttext-transform: capitalize;\n\t}\n\n\t:host([transform='normal']) {\n\t\ttext-transform: none;\n\t}\n\n\t/* Display typography variants - Material Design 3 + Extended */\n\t:host([type='display'][token='xl']) {\n\t\tfont-size: 72px;\n\t\tline-height: 80px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='lg']) {\n\t\tfont-size: 57px;\n\t\tline-height: 64px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='md']) {\n\t\tfont-size: 45px;\n\t\tline-height: 52px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='sm']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='xs']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Headline typography variants - Material Design 3 + Extended */\n\t:host([type='headline'][token='xl']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='lg']) {\n\t\tfont-size: 32px;\n\t\tline-height: 40px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='md']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='sm']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='xs']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Title typography variants - Material Design 3 + Extended */\n\t:host([type='title'][token='xl']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='lg']) {\n\t\tfont-size: 22px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Subtitle typography variants - Extended from Material Design 3 */\n\t:host([type='subtitle'][token='xl']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='lg']) {\n\t\tfont-size: 18px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Body typography variants - Material Design 3 + Extended */\n\t:host([type='body'][token='xl']) {\n\t\tfont-size: 18px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='lg']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='md']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='sm']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Label typography variants - Material Design 3 + Extended */\n\t:host([type='label'][token='xl']) {\n\t\tfont-size: 16px;\n\t\tline-height: 22px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='lg']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='md']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='sm']) {\n\t\tfont-size: 11px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Note: Custom letter-spacing, font-size, and line-height should be applied via inline styles or Tailwind classes */\n`) {\n\t/**\n\t * @attr type - The type of the typography.\n\t * @default 'body'\n\t * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' = 'body'\n\n\t/**\n\t * @attr token - The token of the typography.\n\t * @default 'md'\n\t * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttoken: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md'\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'left' |'center' |'right'}\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'left' | 'center' | 'justify' | 'right' | undefined\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'normal' | 'medium' |'bold'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true })\n\tweight: 'normal' | 'medium' | 'bold' | undefined\n\t\n\t/**\n\t *\n\t * @attr\n\t * @default inherit\n\t * @type {'uppercase' |'lowercase' |'capitalize' |'normal'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) \n\ttransform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined\n\n\t@property({ type: Number, attribute: 'max-lines', reflect: true }) \n\tmaxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined\n\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}"],"names":["SchmancyTypography","TailwindElement","css","constructor","super","arguments","this","type","token","render","html","__decorateClass","property","String","reflect","prototype","Number","attribute","customElement"],"mappings":"8SAWaA,QAAAA,mBAAN,cAAiCC,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;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAAjD,aAAAC,CAAAC,MAAAA,GAAAC,SAAAA,EAmSNC,KAAAC,KAAyE,OAQzED,KAAAE,MAA0C,IAAA,CAgChC,QAAAC,CACT,OAAOC,EAAAA,mBACR,CAAA,EA1CAC,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAAA,EAAS,CAAA,CAAA,EAlSvBd,2BAmSZe,UAAA,OAAA,CAAA,EAQAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAAA,EAAS,CAAA,CAAA,EA1SvBd,2BA2SZe,UAAA,QAAA,CAAA,EAQAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAAA,EAAS,CAAA,CAAA,EAlTvBd,2BAmTZe,UAAA,QAAA,CAAA,EASAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAAA,EAAS,CAAA,CAAA,EA3TvBd,2BA4TZe,UAAA,SAAA,CAAA,EAUAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,QAAAA,EAAS,CAAA,CAAA,EArUvBd,2BAsUZe,UAAA,YAAA,CAAA,EAGAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMS,OAAQC,UAAW,YAAaH,QAAAA,MAxUtCd,2BAyUZe,UAAA,WAAA,CAAA,EAzUYf,QAAAA,mBAANW,EAAA,CADNO,EAAAA,cAAc,qBAAA,CAAA,EACFlB"}

package/dist/{typography-DnZjZEIe.js → typography-DayYVIRD.js}

@@ -1,4 +1,4 @@
-import { T as r } from "./tailwind.mixin-BTS7jBB1.js";
+import { T as r } from "./tailwind.mixin-BgdEBNZM.js";
 import { css as x, html as g } from "lit";
 import { property as o, customElement as f } from "lit/decorators.js";
 var y = Object.defineProperty, d = Object.getOwnPropertyDescriptor, i = (a, n, s, h) => {
@@ -301,4 +301,4 @@ i([o({ type: String, reflect: !0 })], t.prototype, "type", 2), i([o({ type: Stri
 export {
   t as S
 };
-//# sourceMappingURL=typography-DnZjZEIe.js.map
+//# sourceMappingURL=typography-DayYVIRD.js.map

package/dist/{typography-DnZjZEIe.js.map → typography-DayYVIRD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"typography-DnZjZEIe.js","sources":["../src/typography/typography.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n// Material Design 3 typography - https://m3.material.io/styles/typography/type-scale-tokens\n\n/**\n * @element schmancy-typography\n * @slot - The text for the typography.\n */\n@customElement('schmancy-typography')\nexport class SchmancyTypography extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\thyphens: none;\n\t}\n\n\t/* Text alignment */\n\t:host([align='center']) {\n\t\ttext-align: center;\n\t}\n\n\t:host([align='left']) {\n\t\ttext-align: start;\n\t}\n\n\t:host([align='right']) {\n\t\ttext-align: right;\n\t}\n\n\t:host([align='justify']) {\n\t\ttext-align: justify;\n\t}\n\n\t/* Max lines / line clamping */\n\t:host([max-lines='1']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 1;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='2']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 2;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='3']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 3;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='4']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 4;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='5']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 5;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='6']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 6;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t/* Font weight */\n\t:host([weight='bold']) {\n\t\tfont-weight: 700;\n\t}\n\n\t:host([weight='medium']) {\n\t\tfont-weight: 500;\n\t}\n\n\t:host([weight='normal']) {\n\t\tfont-weight: 400;\n\t}\n\n\t/* Text transform */\n\t:host([transform='uppercase']) {\n\t\ttext-transform: uppercase;\n\t}\n\n\t:host([transform='lowercase']) {\n\t\ttext-transform: lowercase;\n\t}\n\n\t:host([transform='capitalize']) {\n\t\ttext-transform: capitalize;\n\t}\n\n\t:host([transform='normal']) {\n\t\ttext-transform: none;\n\t}\n\n\t/* Display typography variants - Material Design 3 + Extended */\n\t:host([type='display'][token='xl']) {\n\t\tfont-size: 72px;\n\t\tline-height: 80px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='lg']) {\n\t\tfont-size: 57px;\n\t\tline-height: 64px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='md']) {\n\t\tfont-size: 45px;\n\t\tline-height: 52px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='sm']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='xs']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Headline typography variants - Material Design 3 + Extended */\n\t:host([type='headline'][token='xl']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='lg']) {\n\t\tfont-size: 32px;\n\t\tline-height: 40px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='md']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='sm']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='xs']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Title typography variants - Material Design 3 + Extended */\n\t:host([type='title'][token='xl']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='lg']) {\n\t\tfont-size: 22px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Subtitle typography variants - Extended from Material Design 3 */\n\t:host([type='subtitle'][token='xl']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='lg']) {\n\t\tfont-size: 18px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Body typography variants - Material Design 3 + Extended */\n\t:host([type='body'][token='xl']) {\n\t\tfont-size: 18px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='lg']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='md']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='sm']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Label typography variants - Material Design 3 + Extended */\n\t:host([type='label'][token='xl']) {\n\t\tfont-size: 16px;\n\t\tline-height: 22px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='lg']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='md']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='sm']) {\n\t\tfont-size: 11px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Note: Custom letter-spacing, font-size, and line-height should be applied via inline styles or Tailwind classes */\n`) {\n\t/**\n\t * @attr type - The type of the typography.\n\t * @default 'body'\n\t * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' = 'body'\n\n\t/**\n\t * @attr token - The token of the typography.\n\t * @default 'md'\n\t * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttoken: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md'\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'left' |'center' |'right'}\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'left' | 'center' | 'justify' | 'right' | undefined\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'normal' | 'medium' |'bold'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true })\n\tweight: 'normal' | 'medium' | 'bold' | undefined\n\t\n\t/**\n\t *\n\t * @attr\n\t * @default inherit\n\t * @type {'uppercase' |'lowercase' |'capitalize' |'normal'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) \n\ttransform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined\n\n\t@property({ type: Number, attribute: 'max-lines', reflect: true }) \n\tmaxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined\n\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}"],"names":["SchmancyTypography","TailwindElement","css","constructor","super","arguments","this","type","token","render","html","__decorateClass","property","String","reflect","prototype","Number","attribute","customElement"],"mappings":";;;;;;;AAWO,IAAMA,IAAN,cAAiCC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;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;EAAjD,cAAAC;AAAAC,aAAAC,SAAAA,GAmSNC,KAAAC,OAAyE,QAQzED,KAAAE,QAA0C;AAAA,EAAA;AAAA,EAgChC,SAAAC;AACT,WAAOC;AAAAA,EACR;AAAA;AA1CAC,EAAA,CADCC,EAAS,EAAEL,MAAMM,QAAQC,YAAS,CAAA,CAAA,GAlSvBd,EAmSZe,WAAA,QAAA,CAAA,GAQAJ,EAAA,CADCC,EAAS,EAAEL,MAAMM,QAAQC,YAAS,CAAA,CAAA,GA1SvBd,EA2SZe,WAAA,SAAA,CAAA,GAQAJ,EAAA,CADCC,EAAS,EAAEL,MAAMM,QAAQC,SAAAA,QAlTdd,EAmTZe,WAAA,SAAA,CAAA,GASAJ,EAAA,CADCC,EAAS,EAAEL,MAAMM,QAAQC,SAAAA,QA3Tdd,EA4TZe,WAAA,UAAA,CAAA,GAUAJ,EAAA,CADCC,EAAS,EAAEL,MAAMM,QAAQC,SAAAA,GAAS,CAAA,CAAA,GArUvBd,EAsUZe,WAAA,aAAA,IAGAJ,EAAA,CADCC,EAAS,EAAEL,MAAMS,QAAQC,WAAW,aAAaH,YAAS,CAAA,CAAA,GAxU/Cd,EAyUZe,WAAA,YAAA,CAAA,GAzUYf,IAANW,EAAA,CADNO,EAAc,qBAAA,CAAA,GACFlB,CAAAA;"}
+{"version":3,"file":"typography-DayYVIRD.js","sources":["../src/typography/typography.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n// Material Design 3 typography - https://m3.material.io/styles/typography/type-scale-tokens\n\n/**\n * @element schmancy-typography\n * @slot - The text for the typography.\n */\n@customElement('schmancy-typography')\nexport class SchmancyTypography extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\thyphens: none;\n\t}\n\n\t/* Text alignment */\n\t:host([align='center']) {\n\t\ttext-align: center;\n\t}\n\n\t:host([align='left']) {\n\t\ttext-align: start;\n\t}\n\n\t:host([align='right']) {\n\t\ttext-align: right;\n\t}\n\n\t:host([align='justify']) {\n\t\ttext-align: justify;\n\t}\n\n\t/* Max lines / line clamping */\n\t:host([max-lines='1']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 1;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='2']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 2;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='3']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 3;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='4']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 4;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='5']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 5;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='6']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 6;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t/* Font weight */\n\t:host([weight='bold']) {\n\t\tfont-weight: 700;\n\t}\n\n\t:host([weight='medium']) {\n\t\tfont-weight: 500;\n\t}\n\n\t:host([weight='normal']) {\n\t\tfont-weight: 400;\n\t}\n\n\t/* Text transform */\n\t:host([transform='uppercase']) {\n\t\ttext-transform: uppercase;\n\t}\n\n\t:host([transform='lowercase']) {\n\t\ttext-transform: lowercase;\n\t}\n\n\t:host([transform='capitalize']) {\n\t\ttext-transform: capitalize;\n\t}\n\n\t:host([transform='normal']) {\n\t\ttext-transform: none;\n\t}\n\n\t/* Display typography variants - Material Design 3 + Extended */\n\t:host([type='display'][token='xl']) {\n\t\tfont-size: 72px;\n\t\tline-height: 80px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='lg']) {\n\t\tfont-size: 57px;\n\t\tline-height: 64px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='md']) {\n\t\tfont-size: 45px;\n\t\tline-height: 52px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='sm']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='xs']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Headline typography variants - Material Design 3 + Extended */\n\t:host([type='headline'][token='xl']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='lg']) {\n\t\tfont-size: 32px;\n\t\tline-height: 40px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='md']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='sm']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='xs']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Title typography variants - Material Design 3 + Extended */\n\t:host([type='title'][token='xl']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='lg']) {\n\t\tfont-size: 22px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Subtitle typography variants - Extended from Material Design 3 */\n\t:host([type='subtitle'][token='xl']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='lg']) {\n\t\tfont-size: 18px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Body typography variants - Material Design 3 + Extended */\n\t:host([type='body'][token='xl']) {\n\t\tfont-size: 18px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='lg']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='md']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='sm']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Label typography variants - Material Design 3 + Extended */\n\t:host([type='label'][token='xl']) {\n\t\tfont-size: 16px;\n\t\tline-height: 22px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='lg']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='md']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='sm']) {\n\t\tfont-size: 11px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Note: Custom letter-spacing, font-size, and line-height should be applied via inline styles or Tailwind classes */\n`) {\n\t/**\n\t * @attr type - The type of the typography.\n\t * @default 'body'\n\t * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' = 'body'\n\n\t/**\n\t * @attr token - The token of the typography.\n\t * @default 'md'\n\t * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttoken: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md'\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'left' |'center' |'right'}\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'left' | 'center' | 'justify' | 'right' | undefined\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'normal' | 'medium' |'bold'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true })\n\tweight: 'normal' | 'medium' | 'bold' | undefined\n\t\n\t/**\n\t *\n\t * @attr\n\t * @default inherit\n\t * @type {'uppercase' |'lowercase' |'capitalize' |'normal'}\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) \n\ttransform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined\n\n\t@property({ type: Number, attribute: 'max-lines', reflect: true }) \n\tmaxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined\n\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}"],"names":["SchmancyTypography","TailwindElement","css","constructor","super","arguments","this","type","token","render","html","__decorateClass","property","String","reflect","prototype","Number","attribute","customElement"],"mappings":";;;;;;;AAWO,IAAMA,IAAN,cAAiCC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;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;EAAjD,cAAAC;AAAAC,aAAAC,SAAAA,GAmSNC,KAAAC,OAAyE,QAQzED,KAAAE,QAA0C;AAAA,EAAA;AAAA,EAgChC,SAAAC;AACT,WAAOC;AAAAA,EACR;AAAA;AA1CAC,EAAA,CADCC,EAAS,EAAEL,MAAMM,QAAQC,YAAS,CAAA,CAAA,GAlSvBd,EAmSZe,WAAA,QAAA,CAAA,GAQAJ,EAAA,CADCC,EAAS,EAAEL,MAAMM,QAAQC,YAAS,CAAA,CAAA,GA1SvBd,EA2SZe,WAAA,SAAA,CAAA,GAQAJ,EAAA,CADCC,EAAS,EAAEL,MAAMM,QAAQC,SAAAA,QAlTdd,EAmTZe,WAAA,SAAA,CAAA,GASAJ,EAAA,CADCC,EAAS,EAAEL,MAAMM,QAAQC,SAAAA,QA3Tdd,EA4TZe,WAAA,UAAA,CAAA,GAUAJ,EAAA,CADCC,EAAS,EAAEL,MAAMM,QAAQC,SAAAA,GAAS,CAAA,CAAA,GArUvBd,EAsUZe,WAAA,aAAA,IAGAJ,EAAA,CADCC,EAAS,EAAEL,MAAMS,QAAQC,WAAW,aAAaH,YAAS,CAAA,CAAA,GAxU/Cd,EAyUZe,WAAA,YAAA,CAAA,GAzUYf,IAANW,EAAA,CADNO,EAAc,qBAAA,CAAA,GACFlB,CAAAA;"}

package/dist/typography.cjs

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

package/dist/typography.js

@@ -1,4 +1,4 @@
-import { S as p } from "./typography-DnZjZEIe.js";
+import { S as p } from "./typography-DayYVIRD.js";
 export {
   p as SchmancyTypography
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mhmo91/schmancy",
-	"version": "0.6.19",
+	"version": "0.7.2",
 	"description": "UI library build with web components",
 	"main": "./dist/index.js",
 	"exports": {
@@ -10,11 +10,7 @@
 		},
 		"./mixins": {
 			"types": "./types/mixins/index.d.ts",
-			"default": "./dist/mixins/index.js"
-		},
-		"./mixins/*": {
-			"types": "./types/mixins/*.d.ts",
-			"default": "./dist/mixins/*.js"
+			"default": "./mixins/index.ts"
 		},
 		"./ai/*": "./ai/*",
 		"./*": {
@@ -38,6 +34,7 @@
 	"files": [
 		"dist",
 		"types",
+		"mixins",
 		"ai",
 		"README.md"
 	],
@@ -46,11 +43,8 @@
 		"access": "public"
 	},
 	"scripts": {
-		"dev": "vite --config vite.demo.config.ts --host",
-		"build:demo": "vite build --config vite.demo.config.ts",
+		"dev": "tsc --watch --preserveWatchOutput",
 		"build": "tsc && vite build --config vite.config.ts",
-		"preview": "vite preview",
-		"watch": "npm-watch build:components",
 		"ncu": "ncu -u && npm i",
 		"test": "vitest run",
 		"test:watch": "vitest",
@@ -103,6 +97,7 @@
 		"@vitest/ui": "^3.2.4",
 		"autoprefixer": "^10.4.21",
 		"c8": "^10.1.3",
+		"concurrently": "^9.2.1",
 		"deepmerge": "^4.3.1",
 		"eslint": "^9.36.0",
 		"happy-dom": "^18.0.1",

package/types/src/autocomplete/autocomplete.d.ts

@@ -5,6 +5,17 @@ export type SchmancyAutocompleteChangeEvent = CustomEvent<{
     values?: string[];
 }>;
 declare const SchmancyAutocomplete_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+/**
+ * Autocomplete input component with filtering and multi-select support.
+ *
+ * @prop {string} name - Name attribute for form submission
+ * @prop {string} label - Label text displayed above the input
+ * @prop {string} placeholder - Placeholder text for the input
+ * @prop {boolean} required - Whether the field is required
+ * @prop {boolean} multi - Enable multi-select mode
+ * @prop {string} value - Selected value (single select mode)
+ * @prop {string[]} values - Selected values (multi-select mode)
+ */
 export default class SchmancyAutocomplete extends SchmancyAutocomplete_base {
     _valueSet: boolean;
     _valuesSet: boolean;

package/types/src/extra/timezone/timezone.d.ts

@@ -1,4 +1,12 @@
 declare const SchmancyTimezonesSelect_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+/**
+ * Timezone selector component with autocomplete filtering.
+ *
+ * @prop {string} name - Name attribute for form submission
+ * @prop {string} value - Selected timezone value
+ * @prop {string} label - Label text for the field
+ * @prop {boolean} required - Whether the field is required
+ */
 export declare class SchmancyTimezonesSelect extends SchmancyTimezonesSelect_base {
     static formAssociated: boolean;
     private internals?;

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

@@ -32,6 +32,7 @@ declare const SchmancyInput_base: import("@mixins/index").Constructor<import("@m
  * This component uses the native form association API and maintains parity with
  * native input behaviors while providing a stylish, accessible interface.
  *
+ * @prop {string} name - Name attribute for form submission (inherited from FormFieldMixin)
  * @prop {string} label - Label text for the form field (inherited from FormFieldMixin)
  * @prop {boolean} required - Whether the field is required (inherited from FormFieldMixin)
  * @prop {boolean} disabled - Whether the field is disabled (inherited from FormFieldMixin)

package/types/src/menu/menu.d.ts

@@ -1,10 +1,9 @@
-declare const SchmancyMenu_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 SchmancyMenu_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 export default class SchmancyMenu extends SchmancyMenu_base {
-    buttonElement: Array<HTMLElement>;
-    menuElement: HTMLElement;
-    private cleanup?;
-    private getMiddleware;
-    updatePosition(): Promise<void>;
+    private buttonSlot;
+    private menuSlot;
+    private isOpen;
+    private get buttonElement();
     private showMenu;
     private hideMenu;
     firstUpdated(): void;

package/types/src/radio-group/radio-button.d.ts

@@ -1,4 +1,12 @@
 declare const RadioButton_base: import("@mixins/index").Constructor<import("@mixins/index").IFormFieldMixin> & 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>;
+/**
+ * Radio button component for use within radio groups.
+ *
+ * @prop {string} name - Name attribute for grouping radio buttons
+ * @prop {string} value - Value of this radio button
+ * @prop {boolean} checked - Whether the radio button is selected
+ * @prop {boolean} disabled - Whether the radio button is disabled
+ */
 export declare class RadioButton extends RadioButton_base {
     value: string;
     checked: boolean;

package/types/src/select/select.d.ts

@@ -3,6 +3,17 @@ export type SchmancySelectChangeEvent = CustomEvent<{
     value: string | string[];
 }>;
 declare const SchmancySelect_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+/**
+ * Select dropdown component with single and multi-select support.
+ *
+ * @prop {string} name - Name attribute for form submission
+ * @prop {string} label - Label text displayed above the select
+ * @prop {string} placeholder - Placeholder text when no value is selected
+ * @prop {boolean} required - Whether the field is required
+ * @prop {boolean} multi - Enable multi-select mode
+ * @prop {string} value - Selected value (single select mode)
+ * @prop {string[]} values - Selected values (multi-select mode)
+ */
 export declare class SchmancySelect extends SchmancySelect_base {
     static formAssociated: boolean;
     private internals?;

package/types/src/textarea/textarea.d.ts

@@ -1,5 +1,17 @@
 import { LitElement } from 'lit';
 declare const SchmancyTextarea_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+/**
+ * Textarea component with auto-resize and form integration.
+ *
+ * @prop {string} name - Name attribute for form submission
+ * @prop {string} value - Current value of the textarea
+ * @prop {string} placeholder - Placeholder text
+ * @prop {boolean} required - Whether the field is required
+ * @prop {boolean} disabled - Whether the field is disabled
+ * @prop {boolean} readonly - Whether the field is read-only
+ * @prop {number} rows - Number of visible text rows
+ * @prop {number} maxlength - Maximum character length
+ */
 export default class SchmancyTextarea extends SchmancyTextarea_base {
     protected static shadowRootOptions: {
         delegatesFocus: boolean;

package/dist/_headers

@@ -1,3 +0,0 @@
-/*
-  Content-Security-Policy: default-src 'self'; script-src 'self' 'unsafe-eval' 'unsafe-inline' https://cdn.jsdelivr.net/npm/ https://www.claudeusercontent.com https://cdnjs.cloudflare.com https://cdn.jsdelivr.net/pyodide/; style-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net/npm/ https://fonts.googleapis.com; font-src 'self' data: https://cdn.jsdelivr.net/npm/ https://fonts.gstatic.com; img-src 'self' data: https: blob:; connect-src 'self' https:
-  Cache-Control: public, max-age=31536000, immutable

package/dist/autocomplete-DEzGDw9s.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-DEzGDw9s.cjs","sources":["../src/autocomplete/autocomplete.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { InputSize, SchmancyInput } from '@schmancy/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { when } from 'lit/directives/when.js'\nimport {\n    BehaviorSubject,\n    combineLatest\n} from 'rxjs'\nimport {\n    debounceTime,\n    distinctUntilChanged,\n    take,\n    takeUntil,\n    tap\n} from 'rxjs/operators'\nimport style from './autocomplete.scss?inline'\n\n// Import the similarity function (or include it inline)\nimport { similarity } from '../utils/search'\n// Import chip component for multi-select display\nimport '../chips/input-chip'\n\nexport type SchmancyAutocompleteChangeEvent = CustomEvent<{\n    value: string | string[]\n    values?: string[]\n}>\n\ninterface FilteredOption {\n    option: SchmancyOption\n    score: number\n}\n\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends $LitElement(style) {\n    // Track whether value/values have been explicitly set\n     _valueSet: boolean = false\n     _valuesSet: boolean = false\n\n    // Public API properties\n    @property({ type: Boolean }) required = false\n    @property({ type: String }) placeholder = ''\n    @property({ type: String, reflect: true }) label = ''\n    @property({ type: String }) name = ''\n    @property({ type: String }) maxHeight = '300px'\n    @property({ type: Boolean }) multi = false\n    @property({ type: String }) description = ''\n    @property({ type: String, reflect: true }) size: InputSize = 'md'\n    @property({ type: String }) autocomplete = 'off'\n    @property({ type: Number }) debounceMs = 200\n    @property({ type: Number }) similarityThreshold = 0.3 // Minimum similarity score to show option\n    @property({ type: Boolean }) error = false\n    @property({ type: String }) validationMessage = ''\n\n    // Values property for multi-select mode\n    @property({ type: Array })\n    get values() {\n        return [...this._selectedValues$.value]\n    }\n    set values(vals: string[]) {\n        this._valuesSet = true\n        this._selectedValues$.next(Array.isArray(vals) ? [...vals] : [])\n    }\n\n    // Value property\n    @property({ type: String, reflect: true })\n    get value() {\n        return this.multi \n            ? this._selectedValues$.value.join(',')\n            : this._selectedValue$.value\n    }\n    set value(val: string) {\n        this._valueSet = true\n        if (this.multi) {\n            const newValues = val ? val.split(',').map(v => v.trim()).filter(Boolean) : []\n            const currentValues = this._selectedValues$.value\n            // Only update if values actually changed\n            if (JSON.stringify(newValues) !== JSON.stringify(currentValues)) {\n                this._selectedValues$.next(newValues)\n            }\n        } else {\n            // Only update if value actually changed\n            if (val !== this._selectedValue$.value) {\n                this._selectedValue$.next(val)\n                // Update the input display when value is set\n                this._updateInputDisplay()\n            }\n        }\n    }\n\n    // State\n    @state() private _open = false\n    @state() private _inputValue = ''\n    @state() private _visibleOptionsCount = 0\n    @state() private _hasResults = true\n\n    // DOM references\n    @query('#options') _listbox!: HTMLUListElement\n    @query('sch-input') _input!: SchmancyInput\n    @queryAssignedElements({ flatten: true }) private _options!: SchmancyOption[]\n    private _inputElementRef = createRef<HTMLInputElement>()\n\n    // RxJS Subjects - only what we actually need\n    private _selectedValue$ = new BehaviorSubject<string>('')\n    private _selectedValues$ = new BehaviorSubject<string[]>([])\n    private _inputValue$ = new BehaviorSubject<string>('')\n\n    connectedCallback() {\n        super.connectedCallback()\n\n        if (!this.id) {\n            this.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`\n        }\n\n        this._setupAutocompleteLogic()\n        this._setupDocumentClickHandler()\n    }\n\n    private _setupAutocompleteLogic() {\n        // Sync selection state\n        combineLatest([\n            this._selectedValue$,\n            this._selectedValues$\n        ]).pipe(\n            tap(([selectedValue, selectedValues]) => {\n                this._updateOptionSelection(selectedValue, selectedValues)\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Filter options based on input\n        this._inputValue$.pipe(\n            distinctUntilChanged(),\n            debounceTime(this.debounceMs),\n            tap(searchTerm => {\n                if (this._open) {\n                    this._filterOptions(searchTerm)\n                }\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n    }\n\n    private _setupOptionHandlers() {\n        this._options.forEach((option, index) => {\n            option.setAttribute('role', 'option')\n            option.tabIndex = -1\n            if (!option.id) {\n                option.id = `${this.id}-option-${index}`\n            }\n            // Prevent blur handler from interfering with option selection\n            option.onmousedown = (e: MouseEvent) => {\n                e.preventDefault() // Prevent focus loss\n            }\n\n            // Handle the actual selection\n            option.onclick = (e: MouseEvent) => {\n                e.stopPropagation()\n                this._selectOption(option)\n            }\n        })\n    }\n\n    private _updateOptionSelection(selectedValue: string, selectedValues: string[]) {\n        this._options.forEach(option => {\n            option.selected = this.multi\n                ? selectedValues.includes(option.value)\n                : option.value === selectedValue\n            option.setAttribute('aria-selected', String(option.selected))\n        })\n    }\n\n    private _filterOptions(searchTerm: string) {\n        const term = searchTerm.trim()\n\n        if (!term) {\n            // Show all options if no search term\n            this._options.forEach(option => {\n                option.hidden = false\n                option.style.order = '0'\n            })\n            this._visibleOptionsCount = this._options.length\n            this._hasResults = true\n        } else {\n            // Calculate similarity scores for all options\n            const scoredOptions: FilteredOption[] = this._options.map(option => {\n                const optionLabel = option.label || option.textContent || ''\n                const optionValue = option.value\n\n                const labelScore = similarity(term, optionLabel)\n                const valueScore = similarity(term, optionValue)\n                const score = Math.max(labelScore * 1.1, valueScore)\n\n                return { option, score }\n            })\n\n            // Sort by score (highest first)\n            scoredOptions.sort((a, b) => b.score - a.score)\n\n            // Apply visibility and ordering\n            let visibleCount = 0\n            scoredOptions.forEach((item, index) => {\n                const { option, score } = item\n\n                if (score < this.similarityThreshold) {\n                    option.hidden = true\n                } else {\n                    option.hidden = false\n                    visibleCount++\n                    option.style.order = String(index)\n                }\n            })\n\n            this._visibleOptionsCount = visibleCount\n            this._hasResults = visibleCount > 0\n        }\n\n        this._announceToScreenReader(\n            this._visibleOptionsCount > 0\n                ? `${this._visibleOptionsCount} option${this._visibleOptionsCount === 1 ? '' : 's'} available.`\n                : 'No results found.'\n        )\n    }\n\n    private _openDropdown() {\n        this._open = true\n        // Reset filters based on current input value when dropdown opens\n        this._filterOptions(this._inputValue)\n    }\n\n    private _selectOption(option: SchmancyOption) {\n        if (this.multi) {\n            const currentValues = this._selectedValues$.value\n            const index = currentValues.indexOf(option.value)\n            const newValues = index > -1\n                ? currentValues.filter(v => v !== option.value)\n                : [...currentValues, option.value]\n\n            this._selectedValues$.next(newValues)\n            this._announceToScreenReader(\n                newValues.length > 0\n                    ? `Selected: ${this._getSelectedLabels().join(', ')}`\n                    : 'No options selected'\n            )\n            this._fireChangeEvent()\n        } else {\n            // Update value first\n            this._selectedValue$.next(option.value)\n\n            // Close dropdown IMMEDIATELY to prevent blur handler from firing\n            this._open = false\n\n            // Now fire event with the NEW value\n            this._fireChangeEvent()\n\n            // Update UI\n            this._inputValue = option.label || option.textContent || ''\n            this._inputValue$.next(this._inputValue)\n\n            this._announceToScreenReader(`Selected: ${option.label || option.textContent}`)\n        }\n    }\n\n    private _setupDocumentClickHandler() {\n        // Simple document click handler\n        const handleDocumentClick = (e: MouseEvent) => {\n            if (!this._open) return\n\n            const path = e.composedPath()\n            if (!path.includes(this) && !this._options.some(opt => path.includes(opt))) {\n                this._open = false\n                this._updateInputDisplay()\n            }\n        }\n\n        document.addEventListener('click', handleDocumentClick)\n\n        // Cleanup on disconnect\n        this.disconnecting.pipe(take(1)).subscribe(() => {\n            document.removeEventListener('click', handleDocumentClick)\n        })\n    }\n\n\n    private _updateInputDisplay() {\n        // For multi-select, we don't update input display since chips show the selections\n        if (this.multi) return\n\n        const selectedValue = this._selectedValue$.value\n        const option = this._options.find(opt => opt.value === selectedValue)\n        this._inputValue = option ? option.label || option.textContent || '' : ''\n        this._inputValue$.next(this._inputValue)\n\n        if (this._inputElementRef.value) {\n            this._inputElementRef.value.value = this._inputValue\n        }\n    }\n\n    private _getSelectedLabels(): string[] {\n        return this._options\n            .filter(option => \n                this.multi \n                    ? this._selectedValues$.value.includes(option.value)\n                    : option.value === this._selectedValue$.value\n            )\n            .map(option => option.label || option.textContent || '')\n    }\n\n    private _announceToScreenReader(message: string) {\n        const liveRegion = this.shadowRoot?.querySelector('#live-status')\n        if (liveRegion) {\n            liveRegion.textContent = message\n        }\n    }\n\n    private _fireChangeEvent() {\n        const detail: SchmancyAutocompleteChangeEvent['detail'] = {\n            value: this.value,\n        }\n\n        if (this.multi) {\n            detail.values = [...this._selectedValues$.value]\n        }\n\n        this.dispatchEvent(\n            new CustomEvent<SchmancyAutocompleteChangeEvent['detail']>('change', {\n                detail,\n                bubbles: true,\n                composed: true,\n            })\n        )\n    }\n\n    public checkValidity(): boolean {\n        if (!this.required) return true\n        return this.multi \n            ? this._selectedValues$.value.length > 0 \n            : Boolean(this._selectedValue$.value)\n    }\n\n    public reportValidity(): boolean {\n        if (this._inputElementRef.value) {\n            return this._inputElementRef.value.reportValidity()\n        }\n        return this.checkValidity()\n    }\n\n    firstUpdated() {\n        this._setupOptionHandlers()\n\n        // Sync initial value with display after options are available\n        this._updateInputDisplay()\n\n        // Update options when slot changes\n        const slot = this.shadowRoot?.querySelector('slot')\n        slot?.addEventListener('slotchange', () => {\n            this._setupOptionHandlers()\n            this._updateOptionSelection(this._selectedValue$.value, this._selectedValues$.value)\n        })\n    }\n\n    private handleChipRemove(value: string) {\n        const currentValues = this._selectedValues$.value\n        const newValues = currentValues.filter(v => v !== value)\n        this._selectedValues$.next(newValues)\n        this._fireChangeEvent()\n        this._announceToScreenReader(`Removed: ${this._getChipLabel(value)}`)\n    }\n\n    private _getChipLabel(value: string): string {\n        const option = this._options.find(opt => opt.value === value)\n        return option ? option.label || option.textContent || value : value\n    }\n\n    private _focusTextInput() {\n        if (this._inputElementRef.value) {\n            this._inputElementRef.value.focus()\n        }\n    }\n\n    render() {\n        const descriptionId = `${this.id}-desc`\n\n        // Get size-based styling to match Schmancy input\n        const getSizeStyles = () => {\n            switch (this.size) {\n                case 'sm':\n                    return {\n                        height: 'min-h-[40px]',\n                        padding: 'px-2',\n                        fontSize: 'text-sm', // 14px\n                        labelSize: 'text-sm'\n                    }\n                case 'lg':\n                    return {\n                        height: 'min-h-[60px]',\n                        padding: 'px-5',\n                        fontSize: 'text-lg', // 18px\n                        labelSize: 'text-lg'\n                    }\n                case 'md':\n                default:\n                    return {\n                        height: 'min-h-[50px]',\n                        padding: 'px-4',\n                        fontSize: 'text-base', // 16px\n                        labelSize: 'text-base'\n                    }\n            }\n        }\n\n        const { height, padding, fontSize, labelSize } = getSizeStyles()\n\n        return html`\n            <div class=\"relative\">\n                <!-- Screen reader live region -->\n                <div id=\"live-status\" role=\"status\" aria-live=\"polite\" class=\"sr-only\"></div>\n\n                <!-- Description -->\n                ${this.description ? html`<div id=\"${descriptionId}\" class=\"sr-only\">${this.description}</div>` : ''}\n\n                <!-- Custom input wrapper for Gmail-style chip input -->\n                <slot name=\"trigger\">\n                    ${when(this.multi,\n                        () => html`\n                            <!-- Custom multi-select input with inline chips -->\n                            <div class=\"relative\">\n                                ${when(this.label, () => html`\n                                    <label class=\"${classMap({\n                                        'block mb-1 font-medium': true,\n                                        'text-primary-default': !this.error,\n                                        'text-error-default': this.error,\n                                        [labelSize]: true\n                                    })}\">\n                                        ${this.label}${this.required ? html`<span class=\"text-error-default ml-1\">*</span>` : ''}\n                                    </label>\n                                `)}\n                                <div\n                                    class=\"${classMap({\n                                        'flex flex-wrap items-center gap-1': true,\n                                        [height]: true,\n                                        [padding]: true,\n                                        'block w-full min-w-0 rounded-[8px] border-0': true,\n                                        'bg-surface-highest text-surface-on': true,\n                                        'ring-0 ring-inset focus-within:ring-1 focus-within:ring-inset': true,\n                                        'ring-secondary-default  focus-within:ring-secondary-default': !this.error,\n                                        'ring-error-default focus-within:ring-error-default': this.error,\n                                        'cursor-text transition-colors duration-200': true\n                                    })}\"\n                                    @click=${() => this._focusTextInput()}\n                                    role=\"combobox\"\n                                    aria-autocomplete=\"list\"\n                                    aria-haspopup=\"listbox\"\n                                    aria-controls=\"options\"\n                                    aria-expanded=${this._open}\n                                >\n                                    <!-- Render chips inline -->\n                                    ${repeat(\n                                        this._selectedValues$.value,\n                                        value => value,\n                                        value => html`\n                                            <schmancy-input-chip\n                                                .value=${value}\n                                                @remove=${(e: CustomEvent) => this.handleChipRemove(e.detail.value)}\n                                                class=\"flex-shrink-0 my-0.5\"\n                                            >\n                                                ${this._getChipLabel(value)}\n                                            </schmancy-input-chip>\n                                        `\n                                    )}\n\n                                    <!-- Text input for typing -->\n                                    <input\n                                        ${ref(this._inputElementRef)}\n                                        id=\"autocomplete-input\"\n                                        type=\"text\"\n                                        class=\"flex-1 min-w-[120px] py-1 bg-transparent border-none outline-none ${fontSize} font-medium text-surface-on placeholder:text-muted\"\n                                        name=${this.name || this.label?.toLowerCase().replace(/\\s+/g, '-') || ''}\n                                        .placeholder=${this._selectedValues$.value.length > 0 ? 'Add more...' : this.placeholder}\n                                        .value=${this._inputValue}\n                                        .autocomplete=${this.autocomplete}\n                                        @input=${(e: Event) => {\n                                            const value = (e.target as HTMLInputElement).value\n                                            this._inputValue = value\n                                            this._inputValue$.next(value)\n                                        }}\n                                        @focus=${(e: FocusEvent) => {\n                                            e.stopPropagation()\n                                            // Clear input on focus for new searches\n                                            this._inputValue = ''\n                                            this._inputValue$.next('')\n                                            this._openDropdown()\n                                        }}\n                                        @keydown=${(e: KeyboardEvent) => {\n                                            this._handleKeyDown(e)\n                                        }}\n                                        @blur=${() => {\n                                            this._handleAutoSelectOnBlur()\n                                        }}\n                                    />\n                                </div>\n\n                                <!-- Validation message -->\n                                ${when(this.error && this.validationMessage, () => html`\n                                    <div class=\"mt-1 text-sm text-error-default\">\n                                        ${this.validationMessage}\n                                    </div>\n                                `)}\n                            </div>\n                        `,\n                        () => html`\n                            <!-- Regular single-select input -->\n                            <schmancy-input\n                                .size=${this.size}\n                                ${ref(this._inputElementRef)}\n                                id=\"autocomplete-input\"\n                                class=\"w-full\"\n                                .name=${this.name || this.label?.toLowerCase().replace(/\\s+/g, '-') || ''}\n                                .label=${this.label}\n                                .placeholder=${this.placeholder}\n                                .required=${this.required}\n                                .value=${this._inputValue}\n                                type=\"text\"\n                                autocomplete=${this.autocomplete}\n                                clickable\n                                role=\"combobox\"\n                                aria-autocomplete=\"list\"\n                                aria-haspopup=\"listbox\"\n                                aria-controls=\"options\"\n                                aria-expanded=${this._open}\n                                aria-describedby=${this.description ? descriptionId : undefined}\n                                @input=${(e: Event) => {\n                                    const value = (e.target as HTMLInputElement).value\n                                    this._inputValue = value\n                                    this._inputValue$.next(value)\n                                }}\n                                @focus=${(e: FocusEvent) => {\n                                    e.stopPropagation()\n                                    this._openDropdown()\n                                }}\n                                @click=${(e: MouseEvent) => {\n                                    e.stopPropagation()\n                                    this._openDropdown()\n                                }}\n                                @keydown=${(e: KeyboardEvent) => {\n                                    this._handleKeyDown(e)\n                                }}\n                                @blur=${() => {\n                                    this._handleAutoSelectOnBlur()\n                                }}\n                            >\n                            </schmancy-input>\n                        `\n                    )}\n                </slot>\n\n                <!-- Options dropdown -->\n                <ul\n                    id=\"options\"\n                    class=${classMap({\n                        'absolute': true,\n                        'z-[1000]': true,\n                        'mt-1': true,\n                        'w-full': true,\n                        'rounded-md': true,\n                        'shadow-md': true,\n                        'overflow-auto': true,\n                        'min-w-full': true,\n                        'bg-surface-low': true,\n                        'flex': true,\n                        'flex-col': true, // Enable flexbox for ordering\n                    })}\n                    role=\"listbox\"\n                    aria-multiselectable=${this.multi ? 'true' : 'false'}\n                    aria-label=${`${this.label || 'Options'} dropdown`}\n                    ?hidden=${!this._open}\n                    style=\"max-height: ${this.maxHeight}; display: ${this._open ? 'flex' : 'none'};\"\n                    @slotchange=${() => {\n                        this._setupOptionHandlers()\n                    }}\n                >\n                    <slot></slot>\n                    ${!this._hasResults ? html`\n                        <li class=\"px-3 py-2 text-sm text-muted\">No results found</li>\n                    ` : ''}\n                </ul>\n            </div>\n        `\n    }\n\n    private _handleAutoSelectOnBlur() {\n        // Only auto-select in single-select mode and when dropdown is open with a search term\n        if (this.multi || !this._open || !this._inputValue.trim()) {\n            return\n        }\n        \n        const searchTerm = this._inputValue.trim()\n        \n        // Find the best matching option using the same similarity logic as filtering\n        let bestMatch: SchmancyOption | null = null\n        let bestScore = 0\n        \n        this._options.forEach(option => {\n            // Skip hidden options\n            if (option.hidden) return\n            \n            // Get text to search in (prioritize label, then textContent, then value)\n            const optionLabel = option.label || option.textContent || ''\n            const optionValue = option.value\n            \n            // Calculate similarity scores for both label and value\n            const labelScore = similarity(searchTerm, optionLabel)\n            const valueScore = similarity(searchTerm, optionValue)\n            \n            // Use the higher score (prioritizing label matches)\n            const score = Math.max(labelScore * 1.1, valueScore) // Slight boost for label matches\n            \n            // Keep track of best match that meets threshold\n            if (score > bestScore && score >= this.similarityThreshold) {\n                bestScore = score\n                bestMatch = option\n            }\n        })\n        \n        // Auto-select the best match if found\n        if (bestMatch) {\n            // Silently update the selected value without firing change event\n            this._selectedValue$.next(bestMatch.value)\n            this._inputValue = bestMatch.label || bestMatch.textContent || ''\n            this._inputValue$.next(this._inputValue)\n            this._open = false\n        }\n    }\n\n    private _handleKeyDown(event: KeyboardEvent) {\n        const isOpen = this._open\n        const selectedValues = this._selectedValues$.value\n\n        // Handle backspace to remove last chip in multi-select when input is empty\n        if (this.multi && event.key === 'Backspace' && !this._inputValue && selectedValues.length > 0 && !isOpen) {\n            event.preventDefault()\n            const lastValue = selectedValues[selectedValues.length - 1]\n            this.handleChipRemove(lastValue)\n            return\n        }\n\n        if (!isOpen && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n            event.preventDefault()\n            this._openDropdown()\n\n            setTimeout(() => {\n                const firstVisible = this._options.find(opt => !opt.hidden)\n                firstVisible?.focus()\n            }, 10)\n            return\n        }\n\n        if (!isOpen) return\n\n        const visibleOptions = this._options.filter(opt => !opt.hidden)\n            .sort((a, b) => parseInt(a.style.order || '0') - parseInt(b.style.order || '0'))\n\n        const focusedOption = visibleOptions.find(opt => opt === document.activeElement)\n        const currentIndex = focusedOption ? visibleOptions.indexOf(focusedOption) : -1\n\n        switch (event.key) {\n            case 'Escape':\n                event.preventDefault()\n                this._open = false\n                this._updateInputDisplay()\n                this._inputElementRef.value?.focus()\n                break\n\n            case 'Tab':\n                this._open = false\n                this._updateInputDisplay()\n                break\n\n            case 'ArrowDown':\n                event.preventDefault()\n                const nextIndex = currentIndex < visibleOptions.length - 1 ? currentIndex + 1 : 0\n                visibleOptions[nextIndex]?.focus()\n                break\n\n            case 'ArrowUp':\n                event.preventDefault()\n                const prevIndex = currentIndex > 0 ? currentIndex - 1 : visibleOptions.length - 1\n                visibleOptions[prevIndex]?.focus()\n                break\n\n            case 'Home':\n                event.preventDefault()\n                visibleOptions[0]?.focus()\n                break\n\n            case 'End':\n                event.preventDefault()\n                visibleOptions[visibleOptions.length - 1]?.focus()\n                break\n\n            case 'Enter':\n            case ' ':\n                if (focusedOption) {\n                    event.preventDefault()\n                    this._selectOption(focusedOption)\n                }\n                break\n        }\n    }\n}\n\n\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-autocomplete': SchmancyAutocomplete\n    }\n}"],"names":["SchmancyAutocomplete","$LitElement","constructor","super","arguments","this","_valueSet","_valuesSet","required","placeholder","label","name","maxHeight","multi","description","size","autocomplete","debounceMs","similarityThreshold","error","validationMessage","_open","_inputValue","_visibleOptionsCount","_hasResults","_inputElementRef","createRef","_selectedValue$","BehaviorSubject","_selectedValues$","_inputValue$","values","value","vals","next","Array","isArray","join","val","newValues","split","map","v","trim","filter","Boolean","currentValues","JSON","stringify","_updateInputDisplay","connectedCallback","id","Math","random","toString","slice","_setupAutocompleteLogic","_setupDocumentClickHandler","combineLatest","pipe","tap","selectedValue","selectedValues","_updateOptionSelection","takeUntil","disconnecting","subscribe","distinctUntilChanged","debounceTime","searchTerm","_filterOptions","_setupOptionHandlers","_options","forEach","option","index","setAttribute","tabIndex","onmousedown","e","preventDefault","onclick","stopPropagation","_selectOption","selected","includes","String","term","scoredOptions","optionLabel","textContent","optionValue","labelScore","similarity","valueScore","score","max","sort","a","b","visibleCount","item","hidden","style","order","length","_announceToScreenReader","_openDropdown","indexOf","_getSelectedLabels","_fireChangeEvent","handleDocumentClick","path","composedPath","some","opt","document","addEventListener","take","removeEventListener","find","message","liveRegion","shadowRoot","querySelector","detail","dispatchEvent","CustomEvent","bubbles","composed","reportValidity","checkValidity","firstUpdated","_getChipLabel","_focusTextInput","focus","render","descriptionId","height","padding","fontSize","labelSize","getSizeStyles","html","when","classMap","repeat","handleChipRemove","ref","toLowerCase","replace","target","_handleKeyDown","_handleAutoSelectOnBlur","absolute","flex","bestMatch","bestScore","event","isOpen","key","lastValue","setTimeout","visibleOptions","parseInt","focusedOption","activeElement","currentIndex","nextIndex","prevIndex","__decorateClass","property","type","prototype","reflect","Number","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}

package/dist/autocomplete-DLzc6eqO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-DLzc6eqO.js","sources":["../src/autocomplete/autocomplete.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { InputSize, SchmancyInput } from '@schmancy/input'\nimport SchmancyOption from '@schmancy/option/option'\nimport { html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { when } from 'lit/directives/when.js'\nimport {\n    BehaviorSubject,\n    combineLatest\n} from 'rxjs'\nimport {\n    debounceTime,\n    distinctUntilChanged,\n    take,\n    takeUntil,\n    tap\n} from 'rxjs/operators'\nimport style from './autocomplete.scss?inline'\n\n// Import the similarity function (or include it inline)\nimport { similarity } from '../utils/search'\n// Import chip component for multi-select display\nimport '../chips/input-chip'\n\nexport type SchmancyAutocompleteChangeEvent = CustomEvent<{\n    value: string | string[]\n    values?: string[]\n}>\n\ninterface FilteredOption {\n    option: SchmancyOption\n    score: number\n}\n\n@customElement('schmancy-autocomplete')\nexport default class SchmancyAutocomplete extends $LitElement(style) {\n    // Track whether value/values have been explicitly set\n     _valueSet: boolean = false\n     _valuesSet: boolean = false\n\n    // Public API properties\n    @property({ type: Boolean }) required = false\n    @property({ type: String }) placeholder = ''\n    @property({ type: String, reflect: true }) label = ''\n    @property({ type: String }) name = ''\n    @property({ type: String }) maxHeight = '300px'\n    @property({ type: Boolean }) multi = false\n    @property({ type: String }) description = ''\n    @property({ type: String, reflect: true }) size: InputSize = 'md'\n    @property({ type: String }) autocomplete = 'off'\n    @property({ type: Number }) debounceMs = 200\n    @property({ type: Number }) similarityThreshold = 0.3 // Minimum similarity score to show option\n    @property({ type: Boolean }) error = false\n    @property({ type: String }) validationMessage = ''\n\n    // Values property for multi-select mode\n    @property({ type: Array })\n    get values() {\n        return [...this._selectedValues$.value]\n    }\n    set values(vals: string[]) {\n        this._valuesSet = true\n        this._selectedValues$.next(Array.isArray(vals) ? [...vals] : [])\n    }\n\n    // Value property\n    @property({ type: String, reflect: true })\n    get value() {\n        return this.multi \n            ? this._selectedValues$.value.join(',')\n            : this._selectedValue$.value\n    }\n    set value(val: string) {\n        this._valueSet = true\n        if (this.multi) {\n            const newValues = val ? val.split(',').map(v => v.trim()).filter(Boolean) : []\n            const currentValues = this._selectedValues$.value\n            // Only update if values actually changed\n            if (JSON.stringify(newValues) !== JSON.stringify(currentValues)) {\n                this._selectedValues$.next(newValues)\n            }\n        } else {\n            // Only update if value actually changed\n            if (val !== this._selectedValue$.value) {\n                this._selectedValue$.next(val)\n                // Update the input display when value is set\n                this._updateInputDisplay()\n            }\n        }\n    }\n\n    // State\n    @state() private _open = false\n    @state() private _inputValue = ''\n    @state() private _visibleOptionsCount = 0\n    @state() private _hasResults = true\n\n    // DOM references\n    @query('#options') _listbox!: HTMLUListElement\n    @query('sch-input') _input!: SchmancyInput\n    @queryAssignedElements({ flatten: true }) private _options!: SchmancyOption[]\n    private _inputElementRef = createRef<HTMLInputElement>()\n\n    // RxJS Subjects - only what we actually need\n    private _selectedValue$ = new BehaviorSubject<string>('')\n    private _selectedValues$ = new BehaviorSubject<string[]>([])\n    private _inputValue$ = new BehaviorSubject<string>('')\n\n    connectedCallback() {\n        super.connectedCallback()\n\n        if (!this.id) {\n            this.id = `sch-autocomplete-${Math.random().toString(36).slice(2, 9)}`\n        }\n\n        this._setupAutocompleteLogic()\n        this._setupDocumentClickHandler()\n    }\n\n    private _setupAutocompleteLogic() {\n        // Sync selection state\n        combineLatest([\n            this._selectedValue$,\n            this._selectedValues$\n        ]).pipe(\n            tap(([selectedValue, selectedValues]) => {\n                this._updateOptionSelection(selectedValue, selectedValues)\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n\n        // Filter options based on input\n        this._inputValue$.pipe(\n            distinctUntilChanged(),\n            debounceTime(this.debounceMs),\n            tap(searchTerm => {\n                if (this._open) {\n                    this._filterOptions(searchTerm)\n                }\n            }),\n            takeUntil(this.disconnecting)\n        ).subscribe()\n    }\n\n    private _setupOptionHandlers() {\n        this._options.forEach((option, index) => {\n            option.setAttribute('role', 'option')\n            option.tabIndex = -1\n            if (!option.id) {\n                option.id = `${this.id}-option-${index}`\n            }\n            // Prevent blur handler from interfering with option selection\n            option.onmousedown = (e: MouseEvent) => {\n                e.preventDefault() // Prevent focus loss\n            }\n\n            // Handle the actual selection\n            option.onclick = (e: MouseEvent) => {\n                e.stopPropagation()\n                this._selectOption(option)\n            }\n        })\n    }\n\n    private _updateOptionSelection(selectedValue: string, selectedValues: string[]) {\n        this._options.forEach(option => {\n            option.selected = this.multi\n                ? selectedValues.includes(option.value)\n                : option.value === selectedValue\n            option.setAttribute('aria-selected', String(option.selected))\n        })\n    }\n\n    private _filterOptions(searchTerm: string) {\n        const term = searchTerm.trim()\n\n        if (!term) {\n            // Show all options if no search term\n            this._options.forEach(option => {\n                option.hidden = false\n                option.style.order = '0'\n            })\n            this._visibleOptionsCount = this._options.length\n            this._hasResults = true\n        } else {\n            // Calculate similarity scores for all options\n            const scoredOptions: FilteredOption[] = this._options.map(option => {\n                const optionLabel = option.label || option.textContent || ''\n                const optionValue = option.value\n\n                const labelScore = similarity(term, optionLabel)\n                const valueScore = similarity(term, optionValue)\n                const score = Math.max(labelScore * 1.1, valueScore)\n\n                return { option, score }\n            })\n\n            // Sort by score (highest first)\n            scoredOptions.sort((a, b) => b.score - a.score)\n\n            // Apply visibility and ordering\n            let visibleCount = 0\n            scoredOptions.forEach((item, index) => {\n                const { option, score } = item\n\n                if (score < this.similarityThreshold) {\n                    option.hidden = true\n                } else {\n                    option.hidden = false\n                    visibleCount++\n                    option.style.order = String(index)\n                }\n            })\n\n            this._visibleOptionsCount = visibleCount\n            this._hasResults = visibleCount > 0\n        }\n\n        this._announceToScreenReader(\n            this._visibleOptionsCount > 0\n                ? `${this._visibleOptionsCount} option${this._visibleOptionsCount === 1 ? '' : 's'} available.`\n                : 'No results found.'\n        )\n    }\n\n    private _openDropdown() {\n        this._open = true\n        // Reset filters based on current input value when dropdown opens\n        this._filterOptions(this._inputValue)\n    }\n\n    private _selectOption(option: SchmancyOption) {\n        if (this.multi) {\n            const currentValues = this._selectedValues$.value\n            const index = currentValues.indexOf(option.value)\n            const newValues = index > -1\n                ? currentValues.filter(v => v !== option.value)\n                : [...currentValues, option.value]\n\n            this._selectedValues$.next(newValues)\n            this._announceToScreenReader(\n                newValues.length > 0\n                    ? `Selected: ${this._getSelectedLabels().join(', ')}`\n                    : 'No options selected'\n            )\n            this._fireChangeEvent()\n        } else {\n            // Update value first\n            this._selectedValue$.next(option.value)\n\n            // Close dropdown IMMEDIATELY to prevent blur handler from firing\n            this._open = false\n\n            // Now fire event with the NEW value\n            this._fireChangeEvent()\n\n            // Update UI\n            this._inputValue = option.label || option.textContent || ''\n            this._inputValue$.next(this._inputValue)\n\n            this._announceToScreenReader(`Selected: ${option.label || option.textContent}`)\n        }\n    }\n\n    private _setupDocumentClickHandler() {\n        // Simple document click handler\n        const handleDocumentClick = (e: MouseEvent) => {\n            if (!this._open) return\n\n            const path = e.composedPath()\n            if (!path.includes(this) && !this._options.some(opt => path.includes(opt))) {\n                this._open = false\n                this._updateInputDisplay()\n            }\n        }\n\n        document.addEventListener('click', handleDocumentClick)\n\n        // Cleanup on disconnect\n        this.disconnecting.pipe(take(1)).subscribe(() => {\n            document.removeEventListener('click', handleDocumentClick)\n        })\n    }\n\n\n    private _updateInputDisplay() {\n        // For multi-select, we don't update input display since chips show the selections\n        if (this.multi) return\n\n        const selectedValue = this._selectedValue$.value\n        const option = this._options.find(opt => opt.value === selectedValue)\n        this._inputValue = option ? option.label || option.textContent || '' : ''\n        this._inputValue$.next(this._inputValue)\n\n        if (this._inputElementRef.value) {\n            this._inputElementRef.value.value = this._inputValue\n        }\n    }\n\n    private _getSelectedLabels(): string[] {\n        return this._options\n            .filter(option => \n                this.multi \n                    ? this._selectedValues$.value.includes(option.value)\n                    : option.value === this._selectedValue$.value\n            )\n            .map(option => option.label || option.textContent || '')\n    }\n\n    private _announceToScreenReader(message: string) {\n        const liveRegion = this.shadowRoot?.querySelector('#live-status')\n        if (liveRegion) {\n            liveRegion.textContent = message\n        }\n    }\n\n    private _fireChangeEvent() {\n        const detail: SchmancyAutocompleteChangeEvent['detail'] = {\n            value: this.value,\n        }\n\n        if (this.multi) {\n            detail.values = [...this._selectedValues$.value]\n        }\n\n        this.dispatchEvent(\n            new CustomEvent<SchmancyAutocompleteChangeEvent['detail']>('change', {\n                detail,\n                bubbles: true,\n                composed: true,\n            })\n        )\n    }\n\n    public checkValidity(): boolean {\n        if (!this.required) return true\n        return this.multi \n            ? this._selectedValues$.value.length > 0 \n            : Boolean(this._selectedValue$.value)\n    }\n\n    public reportValidity(): boolean {\n        if (this._inputElementRef.value) {\n            return this._inputElementRef.value.reportValidity()\n        }\n        return this.checkValidity()\n    }\n\n    firstUpdated() {\n        this._setupOptionHandlers()\n\n        // Sync initial value with display after options are available\n        this._updateInputDisplay()\n\n        // Update options when slot changes\n        const slot = this.shadowRoot?.querySelector('slot')\n        slot?.addEventListener('slotchange', () => {\n            this._setupOptionHandlers()\n            this._updateOptionSelection(this._selectedValue$.value, this._selectedValues$.value)\n        })\n    }\n\n    private handleChipRemove(value: string) {\n        const currentValues = this._selectedValues$.value\n        const newValues = currentValues.filter(v => v !== value)\n        this._selectedValues$.next(newValues)\n        this._fireChangeEvent()\n        this._announceToScreenReader(`Removed: ${this._getChipLabel(value)}`)\n    }\n\n    private _getChipLabel(value: string): string {\n        const option = this._options.find(opt => opt.value === value)\n        return option ? option.label || option.textContent || value : value\n    }\n\n    private _focusTextInput() {\n        if (this._inputElementRef.value) {\n            this._inputElementRef.value.focus()\n        }\n    }\n\n    render() {\n        const descriptionId = `${this.id}-desc`\n\n        // Get size-based styling to match Schmancy input\n        const getSizeStyles = () => {\n            switch (this.size) {\n                case 'sm':\n                    return {\n                        height: 'min-h-[40px]',\n                        padding: 'px-2',\n                        fontSize: 'text-sm', // 14px\n                        labelSize: 'text-sm'\n                    }\n                case 'lg':\n                    return {\n                        height: 'min-h-[60px]',\n                        padding: 'px-5',\n                        fontSize: 'text-lg', // 18px\n                        labelSize: 'text-lg'\n                    }\n                case 'md':\n                default:\n                    return {\n                        height: 'min-h-[50px]',\n                        padding: 'px-4',\n                        fontSize: 'text-base', // 16px\n                        labelSize: 'text-base'\n                    }\n            }\n        }\n\n        const { height, padding, fontSize, labelSize } = getSizeStyles()\n\n        return html`\n            <div class=\"relative\">\n                <!-- Screen reader live region -->\n                <div id=\"live-status\" role=\"status\" aria-live=\"polite\" class=\"sr-only\"></div>\n\n                <!-- Description -->\n                ${this.description ? html`<div id=\"${descriptionId}\" class=\"sr-only\">${this.description}</div>` : ''}\n\n                <!-- Custom input wrapper for Gmail-style chip input -->\n                <slot name=\"trigger\">\n                    ${when(this.multi,\n                        () => html`\n                            <!-- Custom multi-select input with inline chips -->\n                            <div class=\"relative\">\n                                ${when(this.label, () => html`\n                                    <label class=\"${classMap({\n                                        'block mb-1 font-medium': true,\n                                        'text-primary-default': !this.error,\n                                        'text-error-default': this.error,\n                                        [labelSize]: true\n                                    })}\">\n                                        ${this.label}${this.required ? html`<span class=\"text-error-default ml-1\">*</span>` : ''}\n                                    </label>\n                                `)}\n                                <div\n                                    class=\"${classMap({\n                                        'flex flex-wrap items-center gap-1': true,\n                                        [height]: true,\n                                        [padding]: true,\n                                        'block w-full min-w-0 rounded-[8px] border-0': true,\n                                        'bg-surface-highest text-surface-on': true,\n                                        'ring-0 ring-inset focus-within:ring-1 focus-within:ring-inset': true,\n                                        'ring-secondary-default  focus-within:ring-secondary-default': !this.error,\n                                        'ring-error-default focus-within:ring-error-default': this.error,\n                                        'cursor-text transition-colors duration-200': true\n                                    })}\"\n                                    @click=${() => this._focusTextInput()}\n                                    role=\"combobox\"\n                                    aria-autocomplete=\"list\"\n                                    aria-haspopup=\"listbox\"\n                                    aria-controls=\"options\"\n                                    aria-expanded=${this._open}\n                                >\n                                    <!-- Render chips inline -->\n                                    ${repeat(\n                                        this._selectedValues$.value,\n                                        value => value,\n                                        value => html`\n                                            <schmancy-input-chip\n                                                .value=${value}\n                                                @remove=${(e: CustomEvent) => this.handleChipRemove(e.detail.value)}\n                                                class=\"flex-shrink-0 my-0.5\"\n                                            >\n                                                ${this._getChipLabel(value)}\n                                            </schmancy-input-chip>\n                                        `\n                                    )}\n\n                                    <!-- Text input for typing -->\n                                    <input\n                                        ${ref(this._inputElementRef)}\n                                        id=\"autocomplete-input\"\n                                        type=\"text\"\n                                        class=\"flex-1 min-w-[120px] py-1 bg-transparent border-none outline-none ${fontSize} font-medium text-surface-on placeholder:text-muted\"\n                                        name=${this.name || this.label?.toLowerCase().replace(/\\s+/g, '-') || ''}\n                                        .placeholder=${this._selectedValues$.value.length > 0 ? 'Add more...' : this.placeholder}\n                                        .value=${this._inputValue}\n                                        .autocomplete=${this.autocomplete}\n                                        @input=${(e: Event) => {\n                                            const value = (e.target as HTMLInputElement).value\n                                            this._inputValue = value\n                                            this._inputValue$.next(value)\n                                        }}\n                                        @focus=${(e: FocusEvent) => {\n                                            e.stopPropagation()\n                                            // Clear input on focus for new searches\n                                            this._inputValue = ''\n                                            this._inputValue$.next('')\n                                            this._openDropdown()\n                                        }}\n                                        @keydown=${(e: KeyboardEvent) => {\n                                            this._handleKeyDown(e)\n                                        }}\n                                        @blur=${() => {\n                                            this._handleAutoSelectOnBlur()\n                                        }}\n                                    />\n                                </div>\n\n                                <!-- Validation message -->\n                                ${when(this.error && this.validationMessage, () => html`\n                                    <div class=\"mt-1 text-sm text-error-default\">\n                                        ${this.validationMessage}\n                                    </div>\n                                `)}\n                            </div>\n                        `,\n                        () => html`\n                            <!-- Regular single-select input -->\n                            <schmancy-input\n                                .size=${this.size}\n                                ${ref(this._inputElementRef)}\n                                id=\"autocomplete-input\"\n                                class=\"w-full\"\n                                .name=${this.name || this.label?.toLowerCase().replace(/\\s+/g, '-') || ''}\n                                .label=${this.label}\n                                .placeholder=${this.placeholder}\n                                .required=${this.required}\n                                .value=${this._inputValue}\n                                type=\"text\"\n                                autocomplete=${this.autocomplete}\n                                clickable\n                                role=\"combobox\"\n                                aria-autocomplete=\"list\"\n                                aria-haspopup=\"listbox\"\n                                aria-controls=\"options\"\n                                aria-expanded=${this._open}\n                                aria-describedby=${this.description ? descriptionId : undefined}\n                                @input=${(e: Event) => {\n                                    const value = (e.target as HTMLInputElement).value\n                                    this._inputValue = value\n                                    this._inputValue$.next(value)\n                                }}\n                                @focus=${(e: FocusEvent) => {\n                                    e.stopPropagation()\n                                    this._openDropdown()\n                                }}\n                                @click=${(e: MouseEvent) => {\n                                    e.stopPropagation()\n                                    this._openDropdown()\n                                }}\n                                @keydown=${(e: KeyboardEvent) => {\n                                    this._handleKeyDown(e)\n                                }}\n                                @blur=${() => {\n                                    this._handleAutoSelectOnBlur()\n                                }}\n                            >\n                            </schmancy-input>\n                        `\n                    )}\n                </slot>\n\n                <!-- Options dropdown -->\n                <ul\n                    id=\"options\"\n                    class=${classMap({\n                        'absolute': true,\n                        'z-[1000]': true,\n                        'mt-1': true,\n                        'w-full': true,\n                        'rounded-md': true,\n                        'shadow-md': true,\n                        'overflow-auto': true,\n                        'min-w-full': true,\n                        'bg-surface-low': true,\n                        'flex': true,\n                        'flex-col': true, // Enable flexbox for ordering\n                    })}\n                    role=\"listbox\"\n                    aria-multiselectable=${this.multi ? 'true' : 'false'}\n                    aria-label=${`${this.label || 'Options'} dropdown`}\n                    ?hidden=${!this._open}\n                    style=\"max-height: ${this.maxHeight}; display: ${this._open ? 'flex' : 'none'};\"\n                    @slotchange=${() => {\n                        this._setupOptionHandlers()\n                    }}\n                >\n                    <slot></slot>\n                    ${!this._hasResults ? html`\n                        <li class=\"px-3 py-2 text-sm text-muted\">No results found</li>\n                    ` : ''}\n                </ul>\n            </div>\n        `\n    }\n\n    private _handleAutoSelectOnBlur() {\n        // Only auto-select in single-select mode and when dropdown is open with a search term\n        if (this.multi || !this._open || !this._inputValue.trim()) {\n            return\n        }\n        \n        const searchTerm = this._inputValue.trim()\n        \n        // Find the best matching option using the same similarity logic as filtering\n        let bestMatch: SchmancyOption | null = null\n        let bestScore = 0\n        \n        this._options.forEach(option => {\n            // Skip hidden options\n            if (option.hidden) return\n            \n            // Get text to search in (prioritize label, then textContent, then value)\n            const optionLabel = option.label || option.textContent || ''\n            const optionValue = option.value\n            \n            // Calculate similarity scores for both label and value\n            const labelScore = similarity(searchTerm, optionLabel)\n            const valueScore = similarity(searchTerm, optionValue)\n            \n            // Use the higher score (prioritizing label matches)\n            const score = Math.max(labelScore * 1.1, valueScore) // Slight boost for label matches\n            \n            // Keep track of best match that meets threshold\n            if (score > bestScore && score >= this.similarityThreshold) {\n                bestScore = score\n                bestMatch = option\n            }\n        })\n        \n        // Auto-select the best match if found\n        if (bestMatch) {\n            // Silently update the selected value without firing change event\n            this._selectedValue$.next(bestMatch.value)\n            this._inputValue = bestMatch.label || bestMatch.textContent || ''\n            this._inputValue$.next(this._inputValue)\n            this._open = false\n        }\n    }\n\n    private _handleKeyDown(event: KeyboardEvent) {\n        const isOpen = this._open\n        const selectedValues = this._selectedValues$.value\n\n        // Handle backspace to remove last chip in multi-select when input is empty\n        if (this.multi && event.key === 'Backspace' && !this._inputValue && selectedValues.length > 0 && !isOpen) {\n            event.preventDefault()\n            const lastValue = selectedValues[selectedValues.length - 1]\n            this.handleChipRemove(lastValue)\n            return\n        }\n\n        if (!isOpen && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n            event.preventDefault()\n            this._openDropdown()\n\n            setTimeout(() => {\n                const firstVisible = this._options.find(opt => !opt.hidden)\n                firstVisible?.focus()\n            }, 10)\n            return\n        }\n\n        if (!isOpen) return\n\n        const visibleOptions = this._options.filter(opt => !opt.hidden)\n            .sort((a, b) => parseInt(a.style.order || '0') - parseInt(b.style.order || '0'))\n\n        const focusedOption = visibleOptions.find(opt => opt === document.activeElement)\n        const currentIndex = focusedOption ? visibleOptions.indexOf(focusedOption) : -1\n\n        switch (event.key) {\n            case 'Escape':\n                event.preventDefault()\n                this._open = false\n                this._updateInputDisplay()\n                this._inputElementRef.value?.focus()\n                break\n\n            case 'Tab':\n                this._open = false\n                this._updateInputDisplay()\n                break\n\n            case 'ArrowDown':\n                event.preventDefault()\n                const nextIndex = currentIndex < visibleOptions.length - 1 ? currentIndex + 1 : 0\n                visibleOptions[nextIndex]?.focus()\n                break\n\n            case 'ArrowUp':\n                event.preventDefault()\n                const prevIndex = currentIndex > 0 ? currentIndex - 1 : visibleOptions.length - 1\n                visibleOptions[prevIndex]?.focus()\n                break\n\n            case 'Home':\n                event.preventDefault()\n                visibleOptions[0]?.focus()\n                break\n\n            case 'End':\n                event.preventDefault()\n                visibleOptions[visibleOptions.length - 1]?.focus()\n                break\n\n            case 'Enter':\n            case ' ':\n                if (focusedOption) {\n                    event.preventDefault()\n                    this._selectOption(focusedOption)\n                }\n                break\n        }\n    }\n}\n\n\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-autocomplete': SchmancyAutocomplete\n    }\n}"],"names":["SchmancyAutocomplete","$LitElement","super","arguments","this","_valueSet","_valuesSet","required","placeholder","label","name","maxHeight","multi","description","size","autocomplete","debounceMs","similarityThreshold","error","validationMessage","_open","_inputValue","_visibleOptionsCount","_hasResults","_inputElementRef","createRef","_selectedValue$","BehaviorSubject","_selectedValues$","_inputValue$","values","value","vals","next","Array","isArray","join","val","newValues","split","map","v","trim","filter","Boolean","currentValues","JSON","stringify","_updateInputDisplay","connectedCallback","id","Math","random","toString","slice","_setupAutocompleteLogic","_setupDocumentClickHandler","combineLatest","pipe","tap","selectedValue","selectedValues","_updateOptionSelection","takeUntil","disconnecting","subscribe","distinctUntilChanged","debounceTime","searchTerm","_filterOptions","_setupOptionHandlers","_options","forEach","option","index","setAttribute","tabIndex","onmousedown","e","preventDefault","onclick","stopPropagation","_selectOption","selected","includes","String","term","scoredOptions","optionLabel","textContent","optionValue","labelScore","similarity","valueScore","score","max","sort","a","b","visibleCount","item","hidden","style","order","length","_announceToScreenReader","_openDropdown","indexOf","_getSelectedLabels","_fireChangeEvent","handleDocumentClick","path","composedPath","some","opt","document","addEventListener","take","removeEventListener","find","message","liveRegion","shadowRoot","querySelector","detail","dispatchEvent","CustomEvent","bubbles","composed","checkValidity","reportValidity","firstUpdated","_getChipLabel","_focusTextInput","focus","render","descriptionId","height","padding","fontSize","labelSize","getSizeStyles","html","when","classMap","repeat","handleChipRemove","ref","toLowerCase","replace","target","_handleKeyDown","_handleAutoSelectOnBlur","absolute","flex","bestMatch","bestScore","event","isOpen","key","lastValue","setTimeout","firstVisible","visibleOptions","parseInt","focusedOption","activeElement","currentIndex","nextIndex","prevIndex","__decorateClass","property","type","prototype","reflect","Number","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}