@mhmo91/schmancy 0.4.21 → 0.4.22

package/dist/index.js

@@ -1,211 +1,213 @@
 import "./animated-text-CNPSIIYg.js";
-import { F as u, H as D, b as w, S as T, a as b, r as M } from "./area.component-i-mmh5is.js";
-import { l as I, h as A, c as v, f as N, j as H, a as E, b as B, d as F, e as O, k as $, g as j, i as k, n as L, s as P } from "./utils-jduntaQU.js";
+import { F as g, H as u, b as D, S as w, a as T, r as b } from "./area.component-i-mmh5is.js";
+import { l as M, h as R, c as A, f as v, j as N, a as H, b as E, d as B, e as F, k as O, g as $, i as j, n as k, s as L } from "./utils-jduntaQU.js";
 import "./autocomplete-EapOt3ES.js";
-import { $ as z, H as G, q as W, S as V, f as K, c as _, g as q, d as Q, e as J, h as U, a as X, b as Z, j as aa, l as ea, m as ra, n as ta, k as oa, o as sa, p as ca, W as na, s as ma, i as Sa, t as ia } from "./avatar-CPbVhMW7.js";
-import { S as ha } from "./boat-DPTS3Kpw.js";
+import { $ as Y, H as z, q as G, S as V, f as W, c as K, g as _, d as q, e as Q, h as J, a as U, b as X, j as Z, l as aa, m as ea, n as ra, k as ta, o as oa, p as ca, W as sa, s as na, i as ma, t as Sa } from "./avatar-CZ4ubNmx.js";
+import { S as ya } from "./boat-DPTS3Kpw.js";
 import "./spinner-BPqLh7JL.js";
-import { S as la, a as fa } from "./icon-button-Ckd9jE-a.js";
+import { S as pa, a as la } from "./icon-button-Ckd9jE-a.js";
 import "./media-DHgb7H9L.js";
-import { S as da } from "./checkbox-B85eeKqn.js";
+import { S as xa } from "./checkbox-B85eeKqn.js";
 import "./chips-BNRMzGrx.js";
-import { S as ga } from "./circular-progress-Cl_dXUPO.js";
-import { S as Da, S as wa, a as Ta } from "./code-preview-B8X7JaxA.js";
-import { S as Ma } from "./payment-card-form-GEOaUypQ.js";
-import { S as Ia, v as Aa } from "./date-range-9sVFbxK0.js";
-import { S as Na } from "./date-range-inline-Bqnc8wBb.js";
-import { S as Ea, d as Ba } from "./delay-u5isp6Vb.js";
-import { C as Oa, S as $a, a as ja } from "./dialog-content-ZpgRQC1m.js";
-import { $ as La, D as Pa } from "./dialog-service-DFMlRcXf.js";
-import { c as za, f as Ga, r as Wa } from "./ripple-BumgqsDT.js";
+import { S as Ca } from "./circular-progress-Cl_dXUPO.js";
+import { S as ua, S as Da, a as wa } from "./code-preview-B8X7JaxA.js";
+import { S as ba } from "./payment-card-form-GEOaUypQ.js";
+import { S as Ma, v as Ra } from "./date-range-9sVFbxK0.js";
+import { S as va } from "./date-range-inline-Bqnc8wBb.js";
+import { S as Ha, d as Ea } from "./delay-u5isp6Vb.js";
+import { C as Fa, S as Oa, a as $a } from "./dialog-content-ZpgRQC1m.js";
+import { $ as ka, D as La } from "./dialog-service-DFMlRcXf.js";
+import { c as Ya, f as za, r as Ga } from "./ripple-BumgqsDT.js";
 import "./divider-BK4PNB76.js";
-import { S as Ka, a as _a } from "./dropdown-content-DbHKYDCS.js";
-import { S as Qa, a as Ja } from "./timezone-CEEEd-9_.js";
+import { S as Wa, a as Ka } from "./dropdown-content-DbHKYDCS.js";
+import { S as qa, a as Qa } from "./timezone-CEEEd-9_.js";
 import "./form-CMv0SQko.js";
 import "./icon--s5dpU1N.js";
-import "./input-P8bwT-4D.js";
-import { S as Xa, c as Za, a as ae, b as ee } from "./flex-JcwYdb2G.js";
-import { L as te, a as oe, S as se } from "./list-rGydduh7.js";
+import { a as Ua, S as Xa } from "./input-DHNBYBq4.js";
+import { S as ae, c as ee, a as re, b as te } from "./flex-JcwYdb2G.js";
+import { L as ce, a as se, S as ne } from "./list-rGydduh7.js";
 import "./menu-DvZSvoOx.js";
-import { $ as ne, N as me, S as Se, a as ie } from "./notification-service-DKHubhXv.js";
+import { $ as Se, N as ie, S as ye, a as he } from "./notification-service-DKHubhXv.js";
 import "./option-T6zGawbH.js";
 import "./progress-EL16etnw.js";
-import { a as he, R as pe } from "./radio-button-BQ7snEVj.js";
-import { mutationObserver as fe } from "./rxjs-utils.js";
+import { a as le, R as fe } from "./radio-button-BQ7snEVj.js";
+import { mutationObserver as de } from "./rxjs-utils.js";
 import "rxjs";
 import "./index-CuY8m6ta.js";
-import { S as de } from "./select-Bl8FO2kb.js";
+import { S as ge } from "./select-Bl8FO2kb.js";
 import "./sheet-WpG2m2yT.js";
-import { S as ge, d as ue, b as De, a as we, c as Te, T as be, f as Me, s as Re, t as Ie } from "./sheet.service-COPNmxwp.js";
-import { S as ve, a as Ne } from "./slider-4ggti1yr.js";
-import { S as Ee, a as Be, b as Fe, s as Oe } from "./schmancy-steps-container-2WW-9LYL.js";
-import { B as je, I as ke, L as Le, M as Pe, S as Ye, a as ze, b as Ge, d as We, c as Ve } from "./context-object-CDDP4bTk.js";
-import { p as _e, a as qe, v as Qe, G as Je, c as Ue, E as Xe, z as Ze, C as ar, B as er, x as rr, w as tr, y as or, D as sr, F as cr, u as nr, A as mr, b as Sr, r as ir, d as yr, q as hr, f as pr, g as lr, i as fr, j as xr, k as dr, l as Cr, o as gr, h as ur, n as Dr, m as wr, e as Tr, s as br, t as Mr } from "./selector-hook-BvXML7_4.js";
-import { a as Ir, S as Ar } from "./surface-1xboRERM.js";
-import { a as Nr, S as Hr } from "./table-C6EWKqDY.js";
+import { S as De, d as we, b as Te, a as be, c as Ie, T as Me, f as Re, s as Ae, t as ve } from "./sheet.service-COPNmxwp.js";
+import { S as He, a as Ee } from "./slider-4ggti1yr.js";
+import { S as Fe, a as Oe, b as $e, s as je } from "./schmancy-steps-container-2WW-9LYL.js";
+import { B as Le, I as Pe, L as Ye, M as ze, S as Ge, a as Ve, b as We, d as Ke, c as _e } from "./context-object-CDDP4bTk.js";
+import { p as Qe, a as Je, v as Ue, G as Xe, c as Ze, E as ar, z as er, C as rr, B as tr, x as or, w as cr, y as sr, D as nr, F as mr, u as Sr, A as ir, b as yr, r as hr, d as pr, q as lr, f as fr, g as xr, i as dr, j as Cr, k as gr, l as ur, o as Dr, h as wr, n as Tr, m as br, e as Ir, s as Mr, t as Rr } from "./selector-hook-BvXML7_4.js";
+import { a as vr, S as Nr } from "./surface-1xboRERM.js";
+import { a as Er, S as Br } from "./table-C6EWKqDY.js";
 import "./tabs-compatibility-AFzKAP2D.js";
 import "./textarea-JO7OVdfk.js";
-import { S as Br } from "./theme.interface-C5Kj6WjD.js";
+import { S as Or } from "./theme.interface-C5Kj6WjD.js";
 import "./theme-button-C8cK7un6.js";
-import { S as Or, t as $r } from "./tooltip-CnuYee5c.js";
-import { S as kr } from "./tree-CfnCGGn7.js";
-import { SchmancyEvents as Pr } from "./types.js";
-import { T as zr } from "./typewriter-DAxRjeRy.js";
-import { S as Wr } from "./typography-De5UXL0j.js";
-import { i as Kr } from "./intersection-CJxzz8c-.js";
+import { S as jr, t as kr } from "./tooltip-CnuYee5c.js";
+import { S as Pr } from "./tree-CfnCGGn7.js";
+import { SchmancyEvents as zr } from "./types.js";
+import { T as Vr } from "./typewriter-DAxRjeRy.js";
+import { S as Kr } from "./typography-De5UXL0j.js";
+import { i as qr } from "./intersection-CJxzz8c-.js";
 export {
-  La as $dialog,
-  z as $drawer,
-  ne as $notify,
-  je as BaseStore,
-  Oa as ConfirmDialog,
-  Pa as DialogService,
-  u as FINDING_MORTIES,
-  D as HERE_RICKY,
-  w as HISTORY_STRATEGY,
-  G as HereMorty,
-  ke as IndexedDBStorageManager,
-  te as List,
-  Le as LocalStorageManager,
-  Pe as MemoryStorageManager,
-  me as NotificationAudioService,
-  he as RadioButton,
-  pe as RadioGroup,
-  T as SchmancyArea,
-  Ye as SchmancyArrayStore,
-  W as SchmancyAvatar,
+  ka as $dialog,
+  Y as $drawer,
+  Se as $notify,
+  Le as BaseStore,
+  Fa as ConfirmDialog,
+  La as DialogService,
+  g as FINDING_MORTIES,
+  u as HERE_RICKY,
+  D as HISTORY_STRATEGY,
+  z as HereMorty,
+  Pe as IndexedDBStorageManager,
+  ce as List,
+  Ye as LocalStorageManager,
+  ze as MemoryStorageManager,
+  ie as NotificationAudioService,
+  le as RadioButton,
+  fe as RadioGroup,
+  w as SchmancyArea,
+  Ge as SchmancyArrayStore,
+  G as SchmancyAvatar,
   V as SchmancyBadgeV2,
-  ha as SchmancyBoat,
-  la as SchmancyButton,
-  da as SchmancyCheckbox,
-  ga as SchmancyCircularProgress,
-  Da as SchmancyCode,
-  wa as SchmancyCodeHighlight,
-  Ta as SchmancyCodePreview,
-  K as SchmancyContentDrawer,
-  _ as SchmancyContentDrawerID,
-  q as SchmancyContentDrawerMain,
-  Q as SchmancyContentDrawerMaxHeight,
-  J as SchmancyContentDrawerMinWidth,
-  U as SchmancyContentDrawerSheet,
-  X as SchmancyContentDrawerSheetMode,
-  Z as SchmancyContentDrawerSheetState,
-  Qa as SchmancyCountriesSelect,
-  Nr as SchmancyDataTable,
-  Ia as SchmancyDateRange,
-  Na as SchmancyDateRangeInline,
-  Ea as SchmancyDelay,
-  $a as SchmancyDialog,
-  ja as SchmancyDialogContent,
-  aa as SchmancyDrawerAppbar,
-  ea as SchmancyDrawerNavbarMode,
-  ra as SchmancyDrawerNavbarState,
-  Ka as SchmancyDropdown,
-  _a as SchmancyDropdownContent,
-  Pr as SchmancyEvents,
-  Xa as SchmancyFlex,
-  Za as SchmancyFlexV2,
-  ae as SchmancyGrid,
-  oe as SchmancyListItem,
-  se as SchmancyListTypeContext,
-  ta as SchmancyNavigationDrawer,
-  oa as SchmancyNavigationDrawerContent,
-  sa as SchmancyNavigationDrawerSidebar,
-  Se as SchmancyNotification,
-  ie as SchmancyNotificationContainer,
-  Ma as SchmancyPaymentCardForm,
-  ee as SchmancyScroll,
-  de as SchmancySelect,
-  ge as SchmancySheetPosition,
-  ve as SchmancySlide,
-  Ne as SchmancySlider,
-  Ee as SchmancyStep,
-  Be as SchmancyStepsContainer,
-  ze as SchmancyStoreObject,
-  Ir as SchmancySurface,
-  Ar as SchmancySurfaceTypeContext,
-  Hr as SchmancyTableRow,
+  ya as SchmancyBoat,
+  pa as SchmancyButton,
+  xa as SchmancyCheckbox,
+  Ca as SchmancyCircularProgress,
+  ua as SchmancyCode,
+  Da as SchmancyCodeHighlight,
+  wa as SchmancyCodePreview,
+  W as SchmancyContentDrawer,
+  K as SchmancyContentDrawerID,
+  _ as SchmancyContentDrawerMain,
+  q as SchmancyContentDrawerMaxHeight,
+  Q as SchmancyContentDrawerMinWidth,
+  J as SchmancyContentDrawerSheet,
+  U as SchmancyContentDrawerSheetMode,
+  X as SchmancyContentDrawerSheetState,
+  qa as SchmancyCountriesSelect,
+  Er as SchmancyDataTable,
+  Ma as SchmancyDateRange,
+  va as SchmancyDateRangeInline,
+  Ha as SchmancyDelay,
+  Oa as SchmancyDialog,
+  $a as SchmancyDialogContent,
+  Z as SchmancyDrawerAppbar,
+  aa as SchmancyDrawerNavbarMode,
+  ea as SchmancyDrawerNavbarState,
+  Wa as SchmancyDropdown,
+  Ka as SchmancyDropdownContent,
+  zr as SchmancyEvents,
+  ae as SchmancyFlex,
+  ee as SchmancyFlexV2,
+  re as SchmancyGrid,
+  Ua as SchmancyInput,
+  Xa as SchmancyInputV2,
+  se as SchmancyListItem,
+  ne as SchmancyListTypeContext,
+  ra as SchmancyNavigationDrawer,
+  ta as SchmancyNavigationDrawerContent,
+  oa as SchmancyNavigationDrawerSidebar,
+  ye as SchmancyNotification,
+  he as SchmancyNotificationContainer,
+  ba as SchmancyPaymentCardForm,
+  te as SchmancyScroll,
+  ge as SchmancySelect,
+  De as SchmancySheetPosition,
+  He as SchmancySlide,
+  Ee as SchmancySlider,
+  Fe as SchmancyStep,
+  Oe as SchmancyStepsContainer,
+  Ve as SchmancyStoreObject,
+  vr as SchmancySurface,
+  Nr as SchmancySurfaceTypeContext,
+  Br as SchmancyTableRow,
   ca as SchmancyTeleportation,
-  Br as SchmancyTheme,
-  ue as SchmancyThemeComponent,
-  Ja as SchmancyTimezonesSelect,
-  Or as SchmancyTooltip,
-  kr as SchmancyTree,
-  Wr as SchmancyTypography,
-  fa as SchmnacyIconButton,
-  Ge as SessionStorageManager,
-  De as SheetHereMorty,
-  we as SheetWhereAreYouRicky,
-  Fe as StepsController,
-  We as StoreError,
-  Te as ThemeHereIAm,
-  be as ThemeWhereAreYou,
-  zr as TypewriterElement,
-  na as WhereAreYouRicky,
-  b as area,
-  I as buildQueryString,
-  za as color,
-  A as compareActiveRoutes,
-  v as compareCustomElementConstructors,
-  N as compareRouteActions,
-  _e as compareValues,
-  qe as createArrayContext,
-  Qe as createCollectionSelector,
-  Je as createCompoundSelector,
-  Ue as createContext,
-  Xe as createCountSelector,
-  Ze as createEntriesSelector,
-  ar as createFilterSelector,
-  er as createFindSelector,
-  rr as createItemSelector,
-  tr as createItemsSelector,
-  or as createKeysSelector,
-  sr as createMapSelector,
-  cr as createOptimizedSelector,
-  H as createRouteCacheKey,
-  nr as createSelector,
-  mr as createSortSelector,
-  Ve as createStorageManager,
-  Sr as createTestArrayContext,
-  E as debounce,
-  B as decodeRouteState,
-  F as deepMerge,
-  Ba as delayContext,
-  O as encodeRouteState,
-  $ as extractQueryParams,
-  ir as filterArray,
-  yr as filterArrayItems,
-  hr as filterMap,
-  pr as filterMapItems,
-  Me as formateTheme,
-  Ga as fullHeight,
-  lr as getFieldValue,
-  j as getTagName,
-  Kr as intersection$,
-  fr as isArray,
-  xr as isDate,
-  dr as isIterable,
-  Cr as isMap,
-  gr as isNil,
-  ur as isNumber,
-  k as isObject,
-  Dr as isPlainObject,
-  wr as isSet,
-  Tr as isString,
-  fe as mutationObserver,
-  L as normalizeTagName,
-  Wa as ripple,
-  M as routerHistory,
-  P as sanitizeRouteState,
-  ma as schmancyContentDrawer,
-  Sa as schmancyNavDrawer,
-  br as select,
-  Mr as selectItem,
-  Re as sheet,
-  Oe as stepsContext,
-  Ie as tailwindStyles,
-  ia as teleport,
-  $r as tooltip,
-  Aa as validateInitialDateRange
+  Or as SchmancyTheme,
+  we as SchmancyThemeComponent,
+  Qa as SchmancyTimezonesSelect,
+  jr as SchmancyTooltip,
+  Pr as SchmancyTree,
+  Kr as SchmancyTypography,
+  la as SchmnacyIconButton,
+  We as SessionStorageManager,
+  Te as SheetHereMorty,
+  be as SheetWhereAreYouRicky,
+  $e as StepsController,
+  Ke as StoreError,
+  Ie as ThemeHereIAm,
+  Me as ThemeWhereAreYou,
+  Vr as TypewriterElement,
+  sa as WhereAreYouRicky,
+  T as area,
+  M as buildQueryString,
+  Ya as color,
+  R as compareActiveRoutes,
+  A as compareCustomElementConstructors,
+  v as compareRouteActions,
+  Qe as compareValues,
+  Je as createArrayContext,
+  Ue as createCollectionSelector,
+  Xe as createCompoundSelector,
+  Ze as createContext,
+  ar as createCountSelector,
+  er as createEntriesSelector,
+  rr as createFilterSelector,
+  tr as createFindSelector,
+  or as createItemSelector,
+  cr as createItemsSelector,
+  sr as createKeysSelector,
+  nr as createMapSelector,
+  mr as createOptimizedSelector,
+  N as createRouteCacheKey,
+  Sr as createSelector,
+  ir as createSortSelector,
+  _e as createStorageManager,
+  yr as createTestArrayContext,
+  H as debounce,
+  E as decodeRouteState,
+  B as deepMerge,
+  Ea as delayContext,
+  F as encodeRouteState,
+  O as extractQueryParams,
+  hr as filterArray,
+  pr as filterArrayItems,
+  lr as filterMap,
+  fr as filterMapItems,
+  Re as formateTheme,
+  za as fullHeight,
+  xr as getFieldValue,
+  $ as getTagName,
+  qr as intersection$,
+  dr as isArray,
+  Cr as isDate,
+  gr as isIterable,
+  ur as isMap,
+  Dr as isNil,
+  wr as isNumber,
+  j as isObject,
+  Tr as isPlainObject,
+  br as isSet,
+  Ir as isString,
+  de as mutationObserver,
+  k as normalizeTagName,
+  Ga as ripple,
+  b as routerHistory,
+  L as sanitizeRouteState,
+  na as schmancyContentDrawer,
+  ma as schmancyNavDrawer,
+  Mr as select,
+  Rr as selectItem,
+  Ae as sheet,
+  je as stepsContext,
+  ve as tailwindStyles,
+  Sa as teleport,
+  kr as tooltip,
+  Ra as validateInitialDateRange
 };
 //# sourceMappingURL=index.js.map

package/dist/input-BN9xQTH0.cjs

@@ -0,0 +1,111 @@
+"use strict";const u=require("lit"),i=require("lit/decorators.js"),p=require("lit/directives/if-defined.js"),m=require("lit/directives/ref.js"),y=require("lit/directives/when.js"),s=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const v=require("./tailwind.mixin-DNME2oUL.cjs"),f=require("./ripple-C2BHbhcS.cjs"),d=require("./theme.interface-Xg5Zi46a.cjs"),g=require("./formField.mixin-BrHllh45.cjs"),b="/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */:host{width:100%;min-width:calc(var(--spacing,.25rem)*0);box-sizing:border-box;max-width:100%;display:block}.date-input-container{width:100%;min-width:0;width:100%!important;max-width:100%!important}input{appearance:none;border-radius:8px;width:-webkit-fill-available;font-size:16px}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:calc(var(--spacing,.25rem)*0)}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:calc(var(--spacing,.25rem)*0)}input[type=number]{appearance:textfield}input:-webkit-autofill{animation-name:onAutoFillStart;-webkit-box-shadow:0 0 0 30px var(--schmancy-sys-color-surface-highest)inset!important;-webkit-text-fill-color:var(--schmancy-sys-color-surface-on)!important}input:autofill{background-color:var(--schmancy-sys-color-surface-highest)!important;color:var(--schmancy-sys-color-surface-on)!important}input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{appearance:none;width:100%;line-height:inherit;border-radius:8px;min-width:100%;max-width:100%;margin:0;display:block;overflow:hidden;border-radius:8px!important;width:100%!important}input::-webkit-datetime-edit{align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}input::-webkit-datetime-edit-fields-wrapper{align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}input::-webkit-datetime-edit{flex:1;width:100%}input::-webkit-datetime-edit-fields-wrapper{flex:1;justify-content:space-between;width:100%}input::-webkit-datetime-edit-text{align-items:center;display:flex}input::-webkit-datetime-edit-day-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-month-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-year-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-hour-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-minute-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-second-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-millisecond-field{flex-shrink:0;padding:0 2px}input::-webkit-datetime-edit-meridiem-field{flex-shrink:0;padding:0 2px}input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=month]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}input[type=week]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}@-moz-document url-prefix(){input[type=date],input[type=datetime-local],input[type=time]{min-height:inherit}}@supports (-webkit-touch-callout:none){input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{appearance:none;border-radius:0;width:-webkit-fill-available!important;width:fill-available!important;padding-left:12px!important;padding-right:12px!important}input::-webkit-datetime-edit{width:100%!important;padding-left:0!important;padding-right:0!important}input::-webkit-datetime-edit-fields-wrapper{width:100%!important;margin:0!important;padding:0!important}}";var E=Object.defineProperty,S=Object.getOwnPropertyDescriptor,a=(t,e,n,l)=>{for(var h,o=l>1?void 0:l?S(e,n):e,c=t.length-1;c>=0;c--)(h=t[c])&&(o=(l?h(e,n,o):h(o))||o);return l&&o&&E(e,n,o),o};exports.SchmancyInputV2=class extends v.TailwindElement(b){constructor(){if(super(),this.id="",this.label="",this.type="text",this.name=`name_${Date.now()}`,this.placeholder="",this.value="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clickable=!1,this.spellcheck=!1,this.align="left",this.autofocus=!1,this.autocomplete="on",this.tabIndex=0,this.error=!1,this.size="md",this.validateOn="touched",this.validationMessage="",this.inputRef=m.createRef(),this.isAutofilled=!1,this.touched=!1,this.dirty=!1,this.submitted=!1,this.defaultValue="","attachInternals"in this)try{this.internals=this.attachInternals()}catch{this.internals=void 0}}willUpdate(t){this.id||(this.id="sch-input-"+exports.SchmancyInputV2._idCounter++),super.willUpdate(t)}get form(){return this.internals?.form??null}updated(t){super.updated(t),t.has("value")&&(this.value!==this.defaultValue&&(this.dirty=!0),this.internals?.setFormValue(this.value),this.validateInput()),t.has("error")&&this.updateValidityState(),!this.hasUpdated&&t.has("value")&&(this.defaultValue=this.value)}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.setupFormIntegration(),this.setupExternalLabelAssociation()}setupFormIntegration(){this.internals?.form&&(this.formResetObserver=new MutationObserver(t=>{for(const e of t)e.type==="attributes"&&e.attributeName==="reset"&&this.resetToDefault()}),this.formResetObserver.observe(this.internals.form,{attributes:!0,childList:!1,subtree:!1}),this.internals.form.addEventListener("reset",()=>{this.resetToDefault()}),this.internals.form.addEventListener("submit",()=>{this.submitted=!0,this.validateInput(!0)}))}setupExternalLabelAssociation(){if(this.id){const t=()=>{document.querySelectorAll(`label[for="${this.id}"]`).forEach(e=>{e.addEventListener("click",()=>{this.focus()})})};document.readyState==="complete"?t():document.addEventListener("DOMContentLoaded",t)}}disconnectedCallback(){super.disconnectedCallback(),this.formResetObserver&&this.formResetObserver.disconnect(),this.id&&document.querySelectorAll(`label[for="${this.id}"]`).forEach(t=>{t.removeEventListener("click",()=>{this.focus()})})}resetToDefault(){this.value=this.defaultValue,this.touched=!1,this.dirty=!1,this.submitted=!1,this.error=!1,this.validationMessage="",this.dispatchEvent(new CustomEvent("reset",{bubbles:!0}))}shouldShowValidation(t=!1){if(t)return!0;switch(this.validateOn){case"always":return!0;case"touched":default:return this.touched;case"dirty":return this.dirty;case"submitted":return this.submitted}}updateValidityState(){this.error?this.validationMessage?this.internals?.setValidity({customError:!0},this.validationMessage,this.inputElement):this.internals?.setValidity({customError:!0},"Invalid input",this.inputElement):this.internals?.setValidity({})}validateInput(t=!1){if(this.disabled)return;const e=this.shouldShowValidation(t),n=this.inputElement?.validity??{customError:!1,valid:!0},l=!n.valid&&!n.customError;e&&l?(this.error=!0,this.validationMessage=this.inputElement?.validationMessage||""):n.valid?(this.error=!1,n.customError||(this.validationMessage="")):e||(this.error=!1),this.updateValidityState()}checkValidity(){const t=this.inputRef.value?.checkValidity()??!0;return this.internals&&!t?(this.internals.checkValidity(),!1):t}reportValidity(){this.touched=!0,this.submitted=!0;const t=this.inputRef.value?.reportValidity()??!0;return this.validateInput(!0),this.internals&&!t?(this.internals.reportValidity(),!1):t}setCustomValidity(t){this.inputRef.value&&this.inputRef.value.setCustomValidity(t),this.validationMessage=t,this.error=t!==""&&this.shouldShowValidation(),this.internals&&(t?this.internals.setValidity({customError:!0},t,this.inputElement):this.internals.setValidity({}))}firstUpdated(){this.autofocus&&setTimeout(()=>{this.focus()},0),this.setupInputEvents(),this.setupFocusBlurEvents(),this.setupAutofillDetection(),this.setupEnterKeyEvents()}setupInputEvents(){s.fromEvent(this.inputElement,"input").pipe(s.map(t=>{const e=t;return{value:t.target.value,inputType:e.inputType,data:e.data,isComposing:e.isComposing,originalEvent:t}}),s.takeUntil(this.disconnecting)).subscribe(t=>{this.value=t.value,this.dirty=this.value!==this.defaultValue;const e=new CustomEvent("input",{detail:{value:t.value},bubbles:!0,composed:!0});Object.defineProperties(e,{inputType:{value:t.inputType},data:{value:t.data},isComposing:{value:t.isComposing}}),this.dispatchEvent(e),this.validateInput()}),s.fromEvent(this.inputElement,"change").pipe(s.map(t=>t.target.value),s.distinctUntilChanged(),s.takeUntil(this.disconnecting)).subscribe(t=>{this.value=t,this.dirty=this.value!==this.defaultValue,this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0})),this.validateInput()})}setupFocusBlurEvents(){s.fromEvent(this.inputElement,"focus").pipe(s.takeUntil(this.disconnecting)).subscribe(t=>{const e=new CustomEvent("focus",{bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed});Object.defineProperties(e,{relatedTarget:{value:t.relatedTarget}}),this.dispatchEvent(e)}),s.fromEvent(this.inputElement,"blur").pipe(s.takeUntil(this.disconnecting)).subscribe(t=>{this.touched=!0,this.disabled||this.validateInput();const e=new CustomEvent("blur",{bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed});Object.defineProperties(e,{relatedTarget:{value:t.relatedTarget}}),this.dispatchEvent(e)})}setupAutofillDetection(){s.fromEvent(this.inputElement,"animationstart").pipe(s.filter(t=>t.animationName==="onAutoFillStart"),s.takeUntil(this.disconnecting)).subscribe(t=>{const{value:e}=t.target;this.value=e,this.isAutofilled=!0,this.dirty=this.value!==this.defaultValue,this.dispatchEvent(new CustomEvent("autofill",{detail:{value:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}),s.fromEvent(this.inputElement,"animationstart").pipe(s.filter(t=>t.animationName==="onAutoFillCancel"),s.takeUntil(this.disconnecting)).subscribe(()=>{this.isAutofilled=!1})}setupEnterKeyEvents(){s.fromEvent(this.inputElement,"keyup").pipe(s.filter(t=>t.key==="Enter"),s.takeUntil(this.disconnecting)).subscribe(t=>{const{value:e}=t.target;this.value=e,this.dirty=this.value!==this.defaultValue;const n=new CustomEvent("enter",{detail:{value:e},bubbles:!0,composed:!0});Object.defineProperties(n,{key:{value:"Enter"},code:{value:"Enter"},keyCode:{value:13},which:{value:13}}),this.dispatchEvent(n)})}select(){return this.inputRef.value?.select()}getValidity(){return this.inputRef.value?.validity}setSelectionRange(t,e,n){this.inputRef.value?.setSelectionRange(t,e,n)}get selectionStart(){return this.inputRef.value?.selectionStart??null}get selectionEnd(){return this.inputRef.value?.selectionEnd??null}get selectionDirection(){return this.inputRef.value?.selectionDirection??null}setRangeText(t,e,n,l){e!==void 0&&n!==void 0?this.inputRef.value?.setRangeText(t,e,n,l):this.inputRef.value?.setRangeText(t)}focus(t){this.inputRef.value?.focus(t),this.dispatchEvent(new Event("focus"))}click(){this.inputRef.value?.click(),this.dispatchEvent(new Event("click"))}blur(){this.inputRef.value?.blur(),this.dispatchEvent(new Event("blur"))}render(){const{height:t,padding:e,fontSize:n}=(()=>{switch(this.size){case"sm":return{height:"40px",padding:"0 8px",fontSize:"0.875rem"};case"lg":return{height:"60px",padding:"0 20px",fontSize:"1.125rem"};default:return{height:"50px",padding:"0 16px",fontSize:"1rem"}}})(),l={"w-full flex-1 rounded-[8px] border-0 bg-surface-highest text-surface-on":!0,"outline-secondary-default focus:outline-1 ":!0,"outline-secondary-default focus:outline-1":!0,"disabled:opacity-40 disabled:cursor-not-allowed":!0,"placeholder:text-muted":!0,"ring-0 ring-inset focus:ring-1 focus:ring-inset":!0,"ring-secondary-default ring-outline focus:ring-secondary-default":!this.error,"ring-error-default focus:ring-error-default":this.error,"caret-transparent focus:outline-hidden cursor-pointer text-select-none":this.readonly,"cursor-pointer":this.clickable,"text-center":this.align==="center","text-right":this.align==="right",autofilled:this.isAutofilled},h={"opacity-40":this.disabled,"block mb-[4px]":!0,"text-sm":this.size==="sm","text-base":this.size==="md","text-lg":this.size==="lg"},o={height:t,padding:e,fontSize:n};return u.html`
+			${y.when(this.label,()=>u.html`
+					<label
+						for=${this.id}
+						id="label-${this.id}"
+						class=${this.classMap(h)}
+						${f.color({color:this.error?d.SchmancyTheme.sys.color.error.default:d.SchmancyTheme.sys.color.primary.default})}
+					>
+						<schmancy-typography type="label" token=${this.size==="sm"?"sm":this.size==="lg"?"lg":"md"}>
+							${this.label}
+						</schmancy-typography>
+					</label>
+				`)}
+
+			<input
+				${f.color({bgColor:d.SchmancyTheme.sys.color.surface.highest,color:d.SchmancyTheme.sys.color.surface.on})}
+				${m.ref(this.inputRef)}
+				id=${this.id}
+				name=${this.name}
+				class=${this.classMap(l)}
+				style=${this.styleMap(o)}
+				.value=${this.value}
+				.type=${this.type}
+				.autocomplete=${this.autocomplete}
+				.spellcheck=${this.spellcheck}
+				placeholder=${this.placeholder}
+				inputmode=${p.ifDefined(this.inputmode)}
+				pattern=${p.ifDefined(this.pattern)}
+				step=${p.ifDefined(this.step)}
+				minlength=${p.ifDefined(this.minlength)}
+				maxlength=${p.ifDefined(this.maxlength)}
+				min=${p.ifDefined(this.min)}
+				max=${p.ifDefined(this.max)}
+				list=${p.ifDefined(this.list)}
+				?required=${this.required}
+				?disabled=${this.disabled}
+				?readonly=${this.readonly}
+				aria-invalid=${this.error?"true":"false"}
+				aria-required=${this.required?"true":"false"}
+				aria-labelledby=${this.label?`label-${this.id}`:u.nothing}
+				aria-describedby=${this.hint?`hint-${this.id}`:u.nothing}
+				aria-label=${p.ifDefined(this.label?void 0:this.placeholder||"Input")}
+				aria-autocomplete=${this.list?"list":"none"}
+			/>
+
+			${y.when(this.hint,()=>u.html`
+					<div
+						id="hint-${this.id}"
+						class="${this.size==="sm"?"pt-[1px] text-xs":this.size==="lg"?"pt-[3px] text-base":"pt-[2px] text-sm"}"
+						${f.color({color:this.error?d.SchmancyTheme.sys.color.error.default:d.SchmancyTheme.sys.color.primary.default})}
+					>
+						<schmancy-typography
+							align="left"
+							type="label"
+							token=${this.size==="sm"?"sm":this.size==="lg"?"lg":"md"}
+						>
+							${this.hint}
+						</schmancy-typography>
+					</div>
+				`)}
+		`}},exports.SchmancyInputV2._idCounter=0,exports.SchmancyInputV2.formAssociated=!0,exports.SchmancyInputV2.shadowRootOptions={...u.LitElement.shadowRootOptions,delegatesFocus:!0},a([i.property({reflect:!0})],exports.SchmancyInputV2.prototype,"id",2),a([i.property({type:String})],exports.SchmancyInputV2.prototype,"label",2),a([i.property({reflect:!0})],exports.SchmancyInputV2.prototype,"type",2),a([i.property()],exports.SchmancyInputV2.prototype,"name",2),a([i.property()],exports.SchmancyInputV2.prototype,"placeholder",2),a([i.property({type:String,reflect:!0})],exports.SchmancyInputV2.prototype,"value",2),a([i.property({type:String,reflect:!0})],exports.SchmancyInputV2.prototype,"pattern",2),a([i.property({type:Boolean,reflect:!0})],exports.SchmancyInputV2.prototype,"required",2),a([i.property({type:Boolean,reflect:!0})],exports.SchmancyInputV2.prototype,"disabled",2),a([i.property({type:Boolean,reflect:!0})],exports.SchmancyInputV2.prototype,"readonly",2),a([i.property({type:Boolean,reflect:!0})],exports.SchmancyInputV2.prototype,"clickable",2),a([i.property({type:Boolean,reflect:!0})],exports.SchmancyInputV2.prototype,"spellcheck",2),a([i.property({type:String,reflect:!0})],exports.SchmancyInputV2.prototype,"align",2),a([i.property()],exports.SchmancyInputV2.prototype,"inputmode",2),a([i.property({type:Number,reflect:!0})],exports.SchmancyInputV2.prototype,"minlength",2),a([i.property({type:Number})],exports.SchmancyInputV2.prototype,"maxlength",2),a([i.property()],exports.SchmancyInputV2.prototype,"min",2),a([i.property()],exports.SchmancyInputV2.prototype,"max",2),a([i.property({type:Number,reflect:!0})],exports.SchmancyInputV2.prototype,"step",2),a([i.property({type:Boolean})],exports.SchmancyInputV2.prototype,"autofocus",2),a([i.property({type:String,reflect:!0})],exports.SchmancyInputV2.prototype,"autocomplete",2),a([i.property({type:Number,reflect:!0})],exports.SchmancyInputV2.prototype,"tabIndex",2),a([i.property()],exports.SchmancyInputV2.prototype,"hint",2),a([i.property({type:Boolean,reflect:!0})],exports.SchmancyInputV2.prototype,"error",2),a([i.property({type:String,reflect:!0})],exports.SchmancyInputV2.prototype,"size",2),a([i.property({type:String})],exports.SchmancyInputV2.prototype,"validateOn",2),a([i.property({type:String})],exports.SchmancyInputV2.prototype,"list",2),a([i.property({type:String})],exports.SchmancyInputV2.prototype,"validationMessage",2),a([i.query("input")],exports.SchmancyInputV2.prototype,"inputElement",2),a([i.state()],exports.SchmancyInputV2.prototype,"isAutofilled",2),a([i.state()],exports.SchmancyInputV2.prototype,"touched",2),a([i.state()],exports.SchmancyInputV2.prototype,"dirty",2),a([i.state()],exports.SchmancyInputV2.prototype,"submitted",2),a([i.state()],exports.SchmancyInputV2.prototype,"defaultValue",2),exports.SchmancyInputV2=a([i.customElement("sch-input")],exports.SchmancyInputV2);var w=Object.defineProperty,k=Object.getOwnPropertyDescriptor,r=(t,e,n,l)=>{for(var h,o=l>1?void 0:l?k(e,n):e,c=t.length-1;c>=0;c--)(h=t[c])&&(o=(l?h(e,n,o):h(o))||o);return l&&o&&w(e,n,o),o};exports.SchmancyInput=class extends g.SchmancyFormField(b){constructor(){super(...arguments),this.value="",this.type="text",this.placeholder="",this.clickable=!1,this.spellcheck=!1,this.align="left",this.autofocus=!1,this.autocomplete="on",this.tabIndex=0,this.size="md",this.validateOn="touched",this.inputRef=m.createRef(),this.isAutofilled=!1,this.touched=!1,this.dirty=!1,this.submitted=!1,this.defaultValue=""}willUpdate(t){this.id||(this.id="sch-input-"+exports.SchmancyInput._idCounter++),super.willUpdate(t)}updated(t){super.updated(t),t.has("value")&&(this.value!==this.defaultValue&&(this.dirty=!0),this.validateInput()),!this.hasUpdated&&t.has("value")&&(this.defaultValue=this.value)}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.setupFormIntegration(),this.setupExternalLabelAssociation()}setupFormIntegration(){this.form&&(this.formResetObserver=new MutationObserver(t=>{for(const e of t)e.type==="attributes"&&e.attributeName==="reset"&&this.resetToDefault()}),this.formResetObserver.observe(this.form,{attributes:!0,childList:!1,subtree:!1}),this.form.addEventListener("reset",()=>{this.resetToDefault()}),this.form.addEventListener("submit",()=>{this.submitted=!0,this.validateInput(!0)}))}setupExternalLabelAssociation(){if(this.id){const t=()=>{document.querySelectorAll(`label[for="${this.id}"]`).forEach(e=>{e.addEventListener("click",()=>{this.focus()})})};document.readyState==="complete"?t():document.addEventListener("DOMContentLoaded",t)}}disconnectedCallback(){super.disconnectedCallback(),this.formResetObserver&&this.formResetObserver.disconnect(),this.id&&document.querySelectorAll(`label[for="${this.id}"]`).forEach(t=>{t.removeEventListener("click",()=>{this.focus()})})}resetToDefault(){this.value=this.defaultValue,this.touched=!1,this.dirty=!1,this.submitted=!1,this.error=!1,this.validationMessage="",this.dispatchEvent(new CustomEvent("reset",{bubbles:!0}))}shouldShowValidation(t=!1){if(t)return!0;switch(this.validateOn){case"always":return!0;case"touched":default:return this.touched;case"dirty":return this.dirty;case"submitted":return this.submitted}}validateInput(t=!1){if(this.disabled)return;const e=this.shouldShowValidation(t),n=this.inputElement?.validity??{customError:!1,valid:!0},l=!n.valid&&!n.customError;e&&l?(this.error=!0,this.validationMessage=this.inputElement?.validationMessage||""):n.valid?(this.error=!1,n.customError||(this.validationMessage="")):e||(this.error=!1)}checkValidity(){const t=this.inputRef.value?.checkValidity()??!0,e=super.checkValidity();return t&&e}reportValidity(){this.touched=!0,this.submitted=!0;const t=this.inputRef.value?.reportValidity()??!0;this.validateInput(!0);const e=super.reportValidity();return t&&e}setCustomValidity(t){this.inputRef.value&&this.inputRef.value.setCustomValidity(t),super.setCustomValidity(t),this.error=t!==""&&this.shouldShowValidation()}firstUpdated(){this.autofocus&&setTimeout(()=>{this.focus()},0),this.setupInputEvents(),this.setupFocusBlurEvents(),this.setupAutofillDetection(),this.setupEnterKeyEvents()}setupInputEvents(){s.fromEvent(this.inputElement,"input").pipe(s.map(t=>{const e=t;return{value:t.target.value,inputType:e.inputType,data:e.data,isComposing:e.isComposing,originalEvent:t}}),s.takeUntil(this.disconnecting)).subscribe(t=>{this.value=t.value,this.dirty=this.value!==this.defaultValue;const e=new CustomEvent("input",{detail:{value:t.value},bubbles:!0,composed:!0});Object.defineProperties(e,{inputType:{value:t.inputType},data:{value:t.data},isComposing:{value:t.isComposing}}),this.dispatchEvent(e),this.validateInput()}),s.fromEvent(this.inputElement,"change").pipe(s.map(t=>t.target.value),s.distinctUntilChanged(),s.takeUntil(this.disconnecting)).subscribe(t=>{this.value=t,this.dirty=this.value!==this.defaultValue,this.emitChange({value:t}),this.validateInput()})}setupFocusBlurEvents(){s.fromEvent(this.inputElement,"focus").pipe(s.takeUntil(this.disconnecting)).subscribe(t=>{const e=new CustomEvent("focus",{bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed});Object.defineProperties(e,{relatedTarget:{value:t.relatedTarget}}),this.dispatchEvent(e)}),s.fromEvent(this.inputElement,"blur").pipe(s.takeUntil(this.disconnecting)).subscribe(t=>{this.touched=!0,this.disabled||this.validateInput();const e=new CustomEvent("blur",{bubbles:t.bubbles,cancelable:t.cancelable,composed:t.composed});Object.defineProperties(e,{relatedTarget:{value:t.relatedTarget}}),this.dispatchEvent(e)})}setupAutofillDetection(){s.fromEvent(this.inputElement,"animationstart").pipe(s.filter(t=>t.animationName==="onAutoFillStart"),s.takeUntil(this.disconnecting)).subscribe(t=>{const{value:e}=t.target;this.value=e,this.isAutofilled=!0,this.dirty=this.value!==this.defaultValue,this.dispatchEvent(new CustomEvent("autofill",{detail:{value:e},bubbles:!0,composed:!0})),this.emitChange({value:e})}),s.fromEvent(this.inputElement,"animationstart").pipe(s.filter(t=>t.animationName==="onAutoFillCancel"),s.takeUntil(this.disconnecting)).subscribe(()=>{this.isAutofilled=!1})}setupEnterKeyEvents(){s.fromEvent(this.inputElement,"keydown").pipe(s.filter(t=>t.key==="Enter"),s.takeUntil(this.disconnecting)).subscribe(t=>{const{value:e}=t.target;this.value!==e&&(this.value=e,this.dirty=this.value!==this.defaultValue),this.inputElement.blur();const n=new CustomEvent("enter",{detail:{value:this.value},bubbles:!0,composed:!0});Object.defineProperties(n,{key:{value:"Enter"},code:{value:"Enter"},keyCode:{value:13},which:{value:13}}),this.dispatchEvent(n)})}select(){return this.inputRef.value?.select()}getValidity(){return this.inputRef.value?.validity}setSelectionRange(t,e,n){this.inputRef.value?.setSelectionRange(t,e,n)}get selectionStart(){return this.inputRef.value?.selectionStart??null}get selectionEnd(){return this.inputRef.value?.selectionEnd??null}get selectionDirection(){return this.inputRef.value?.selectionDirection??null}setRangeText(t,e,n,l){e!==void 0&&n!==void 0?this.inputRef.value?.setRangeText(t,e,n,l):this.inputRef.value?.setRangeText(t)}focus(t){this.inputRef.value?.focus(t),this.dispatchEvent(new Event("focus"))}click(){this.inputRef.value?.click(),this.dispatchEvent(new Event("click"))}blur(){this.inputRef.value?.blur(),this.dispatchEvent(new Event("blur"))}render(){const{height:t,padding:e,fontSize:n}=(()=>{switch(this.size){case"sm":return{height:"40px",padding:"0 8px",fontSize:"0.875rem"};case"lg":return{height:"60px",padding:"0 20px",fontSize:"1.125rem"};default:return{height:"50px",padding:"0 16px",fontSize:"1rem"}}})(),l=["date","datetime-local","time","month","week"].includes(this.type),h={"block w-full min-w-0 rounded-[8px] border-0 bg-surface-highest text-surface-on":!0,"outline-secondary-default focus:outline-1":!0,"disabled:opacity-40 disabled:cursor-not-allowed":!0,"placeholder:text-muted":!0,"ring-0 ring-inset focus:ring-1 focus:ring-inset":!0,"ring-secondary-default ring-outline focus:ring-secondary-default":!this.error,"ring-error-default focus:ring-error-default":this.error,"caret-transparent focus:outline-hidden cursor-pointer select-none":this.readonly,"cursor-pointer":this.clickable,"text-left":this.align==="left"||l,"text-center":this.align==="center"&&!l,"text-right":this.align==="right"&&!l,autofilled:this.isAutofilled},o={"block mb-1 font-medium":!0,"opacity-40":this.disabled,"text-sm":this.size==="sm","text-base":this.size==="md","text-lg":this.size==="lg","text-primary-default":!this.error,"text-error-default":this.error},c={height:t,padding:e,fontSize:n,lineHeight:t};return u.html`
+			<div class="w-full min-w-0 ${l?"date-input-container":""}">
+				${y.when(this.label,()=>u.html`
+						<label
+							for=${this.id}
+							class=${this.classMap(o)}
+						>
+							${this.label}
+						</label>
+					`)}
+
+				<input
+					${m.ref(this.inputRef)}
+					id=${this.id}
+					name=${this.name}
+					class=${this.classMap(h)}
+					style=${this.styleMap(c)}
+					.value=${this.value}
+					.type=${this.type}
+					.autocomplete=${this.autocomplete}
+					.spellcheck=${this.spellcheck}
+					placeholder=${this.placeholder}
+					inputmode=${p.ifDefined(this.inputmode)}
+					pattern=${p.ifDefined(this.pattern)}
+					step=${p.ifDefined(this.step)}
+					minlength=${p.ifDefined(this.minlength)}
+					maxlength=${p.ifDefined(this.maxlength)}
+					min=${p.ifDefined(this.min)}
+					max=${p.ifDefined(this.max)}
+					list=${p.ifDefined(this.list)}
+					?required=${this.required}
+					?disabled=${this.disabled}
+					?readonly=${this.readonly}
+					aria-invalid=${this.error?"true":"false"}
+					aria-required=${this.required?"true":"false"}
+					aria-labelledby=${this.label?`label-${this.id}`:u.nothing}
+					aria-describedby=${this.hint||this.validationMessage?`hint-${this.id}`:u.nothing}
+					aria-label=${p.ifDefined(this.label?void 0:this.placeholder||"Input")}
+				/>
+
+				${y.when(this.hint||this.error&&this.validationMessage,()=>u.html`
+						<div
+							id="hint-${this.id}"
+							class="mt-1 text-sm ${this.error?"text-error-default":"text-surface-onVariant"}"
+						>
+							${this.error&&this.validationMessage?this.validationMessage:this.hint}
+						</div>
+					`)}
+			</div>
+		`}},exports.SchmancyInput._idCounter=0,exports.SchmancyInput.shadowRootOptions={...u.LitElement.shadowRootOptions,delegatesFocus:!0},r([i.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"value",2),r([i.property({reflect:!0})],exports.SchmancyInput.prototype,"type",2),r([i.property()],exports.SchmancyInput.prototype,"placeholder",2),r([i.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"pattern",2),r([i.property({type:Boolean,reflect:!0})],exports.SchmancyInput.prototype,"clickable",2),r([i.property({type:Boolean,reflect:!0})],exports.SchmancyInput.prototype,"spellcheck",2),r([i.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"align",2),r([i.property()],exports.SchmancyInput.prototype,"inputmode",2),r([i.property({type:Number,reflect:!0})],exports.SchmancyInput.prototype,"minlength",2),r([i.property({type:Number})],exports.SchmancyInput.prototype,"maxlength",2),r([i.property()],exports.SchmancyInput.prototype,"min",2),r([i.property()],exports.SchmancyInput.prototype,"max",2),r([i.property({type:Number,reflect:!0})],exports.SchmancyInput.prototype,"step",2),r([i.property({type:Boolean})],exports.SchmancyInput.prototype,"autofocus",2),r([i.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"autocomplete",2),r([i.property({type:Number,reflect:!0})],exports.SchmancyInput.prototype,"tabIndex",2),r([i.property({type:String,reflect:!0})],exports.SchmancyInput.prototype,"size",2),r([i.property({type:String})],exports.SchmancyInput.prototype,"validateOn",2),r([i.property({type:String})],exports.SchmancyInput.prototype,"list",2),r([i.query("input")],exports.SchmancyInput.prototype,"inputElement",2),r([i.state()],exports.SchmancyInput.prototype,"isAutofilled",2),r([i.state()],exports.SchmancyInput.prototype,"touched",2),r([i.state()],exports.SchmancyInput.prototype,"dirty",2),r([i.state()],exports.SchmancyInput.prototype,"submitted",2),r([i.state()],exports.SchmancyInput.prototype,"defaultValue",2),exports.SchmancyInput=r([i.customElement("schmancy-input")],exports.SchmancyInput);
+//# sourceMappingURL=input-BN9xQTH0.cjs.map