@phila/phila-ui-date-field 0.0.9-beta.3 → 0.0.9

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as ve, toRef as Ae, watch as ue, h as rt, useAttrs as Xe, computed as Y, ref as Z, createElementBlock as U, openBlock as V, normalizeClass as Ye, createCommentVNode as pe, createElementVNode as z, toDisplayString as W, withModifiers as re, createBlock as se, renderSlot as me, unref as D, withDirectives as ut, mergeProps as Q, vModelDynamic as lt, createVNode as ge, createTextVNode as Fe, isRef as ot, readonly as ht, onMounted as dt, onUnmounted as ct, withCtx as le, normalizeProps as _e, guardReactiveProps as Ce, Fragment as Me, renderList as Be, nextTick as qe, useTemplateRef as pt, withKeys as ft } from "vue";
-import { cn as be, Icon as Ne, BaseLink as Je, ActionContent as Ie, useCollapse as mt, generateRandomId as gt } from "@phila/phila-ui-core";
+import { defineComponent as ve, toRef as Ae, watch as le, h as rt, useAttrs as Xe, computed as Y, ref as W, createElementBlock as U, openBlock as w, normalizeClass as Ye, createCommentVNode as pe, createElementVNode as j, toDisplayString as X, withModifiers as ue, createBlock as ae, renderSlot as me, unref as x, withDirectives as ut, mergeProps as ee, vModelDynamic as lt, createVNode as ge, createTextVNode as be, isRef as ot, readonly as ht, onMounted as dt, onUnmounted as ct, withCtx as oe, normalizeProps as _e, guardReactiveProps as Ce, Fragment as Me, renderList as Be, nextTick as qe, useTemplateRef as pt, withKeys as ft } from "vue";
+import { cn as Fe, Icon as Ne, BaseLink as Je, ActionContent as Ie, useCollapse as mt, generateRandomId as gt } from "@phila/phila-ui-core";
 import './index.css';const vt = ["disabled"], kt = /* @__PURE__ */ ve({
   inheritAttrs: !1,
   __name: "PhlButton",
@@ -22,7 +22,7 @@ import './index.css';const vt = ["disabled"], kt = /* @__PURE__ */ ve({
     svgRaw: {}
   },
   setup(r) {
-    const e = r, t = (n) => "href" in n && n.href !== void 0 || "to" in n && n.to !== void 0, s = Y(() => be(
+    const e = r, t = (n) => "href" in n && n.href !== void 0 || "to" in n && n.to !== void 0, s = Y(() => Fe(
       "phila-button",
       `phila-button--${e.variant}`,
       e.size && `is-${e.size}`,
@@ -50,28 +50,28 @@ import './index.css';const vt = ["disabled"], kt = /* @__PURE__ */ ve({
         size: e.size
       })
     );
-    return (n, u) => t(e) ? (V(), se(D(Je), Q({ key: 0 }, { ...a.value, ...n.$attrs }, { role: "button" }), {
-      default: le(() => [
-        ge(D(Ie), _e(Ce(i.value)), {
-          default: le(() => [
+    return (n, u) => t(e) ? (w(), ae(x(Je), ee({ key: 0 }, { ...a.value, ...n.$attrs }, { role: "button" }), {
+      default: oe(() => [
+        ge(x(Ie), _e(Ce(i.value)), {
+          default: oe(() => [
             me(n.$slots, "default", {}, () => [
-              Fe(W(e.text), 1)
+              be(X(e.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (V(), U("button", Q({
+    }, 16)) : (w(), U("button", ee({
       key: 1,
       type: "button",
       disabled: e.disabled,
       class: s.value
     }, n.$attrs), [
-      ge(D(Ie), _e(Ce(i.value)), {
-        default: le(() => [
+      ge(x(Ie), _e(Ce(i.value)), {
+        default: oe(() => [
           me(n.$slots, "default", {}, () => [
-            Fe(W(e.text), 1)
+            be(X(e.text), 1)
           ])
         ]),
         _: 3
@@ -88,7 +88,7 @@ var _t = {
   iconName: "xmark",
   icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
 }, Et = yt;
-function oe(r) {
+function he(r) {
   return typeof r == "string" || r instanceof String;
 }
 function Ke(r) {
@@ -146,7 +146,7 @@ function Te(r, e) {
     return e.toString() === r.toString();
   return !1;
 }
-class Ft {
+class bt {
   /** Current input value */
   /** Current cursor position */
   /** Old input value */
@@ -198,7 +198,7 @@ function C(r, e) {
 }
 function et(r) {
   if (r == null) throw new Error("mask property should be defined");
-  return r instanceof RegExp ? C.MaskedRegExp : oe(r) ? C.MaskedPattern : r === Date ? C.MaskedDate : r === Number ? C.MaskedNumber : Array.isArray(r) || r === Array ? C.MaskedDynamic : C.Masked && r.prototype instanceof C.Masked ? r : C.Masked && r instanceof C.Masked ? r.constructor : r instanceof Function ? C.MaskedFunction : C.Masked;
+  return r instanceof RegExp ? C.MaskedRegExp : he(r) ? C.MaskedPattern : r === Date ? C.MaskedDate : r === Number ? C.MaskedNumber : Array.isArray(r) || r === Array ? C.MaskedDynamic : C.Masked && r.prototype instanceof C.Masked ? r : C.Masked && r instanceof C.Masked ? r.constructor : r instanceof Function ? C.MaskedFunction : C.Masked;
 }
 function xe(r) {
   if (!r) throw new Error("Options in not defined");
@@ -228,14 +228,14 @@ function xe(r) {
     mask: r
   };
 }
-function ae(r) {
+function ie(r) {
   if (C.Masked && r instanceof C.Masked) return r;
   const e = xe(r), t = et(e.mask);
   if (!t) throw new Error("Masked class is not found for provided mask " + e.mask + ", appropriate module needs to be imported manually before creating mask.");
   return e.mask === t && delete e.mask, e._mask && (e.mask = e._mask, delete e._mask), new t(e);
 }
-C.createMask = ae;
-class je {
+C.createMask = ie;
+class He {
   /** */
   /** */
   /** */
@@ -273,9 +273,9 @@ class je {
   /** */
   /** */
 }
-C.MaskElement = je;
-const Ge = 90, bt = 89;
-class Re extends je {
+C.MaskElement = He;
+const Ge = 90, Ft = 89;
+class Re extends He {
   /** HTMLElement to use mask on */
   constructor(e) {
     super(), this.input = e, this._onKeydown = this._onKeydown.bind(this), this._onInput = this._onInput.bind(this), this._onBeforeinput = this._onBeforeinput.bind(this), this._onCompositionEnd = this._onCompositionEnd.bind(this);
@@ -293,7 +293,7 @@ class Re extends je {
     this.input.addEventListener("keydown", this._onKeydown), this.input.addEventListener("input", this._onInput), this.input.addEventListener("beforeinput", this._onBeforeinput), this.input.addEventListener("compositionend", this._onCompositionEnd), this.input.addEventListener("drop", e.drop), this.input.addEventListener("click", e.click), this.input.addEventListener("focus", e.focus), this.input.addEventListener("blur", e.commit), this._handlers = e;
   }
   _onKeydown(e) {
-    if (this._handlers.redo && (e.keyCode === Ge && e.shiftKey && (e.metaKey || e.ctrlKey) || e.keyCode === bt && e.ctrlKey))
+    if (this._handlers.redo && (e.keyCode === Ge && e.shiftKey && (e.metaKey || e.ctrlKey) || e.keyCode === Ft && e.ctrlKey))
       return e.preventDefault(), this._handlers.redo(e);
     if (this._handlers.undo && e.keyCode === Ge && (e.metaKey || e.ctrlKey))
       return e.preventDefault(), this._handlers.undo(e);
@@ -403,7 +403,7 @@ class Dt {
   */
   /** Internal {@link Masked} model */
   constructor(e, t) {
-    this.el = e instanceof je ? e : e.isContentEditable && e.tagName !== "INPUT" && e.tagName !== "TEXTAREA" ? new tt(e) : new xt(e), this.masked = ae(t), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new Pe(), this._saveSelection = this._saveSelection.bind(this), this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onDrop = this._onDrop.bind(this), this._onFocus = this._onFocus.bind(this), this._onClick = this._onClick.bind(this), this._onUndo = this._onUndo.bind(this), this._onRedo = this._onRedo.bind(this), this.alignCursor = this.alignCursor.bind(this), this.alignCursorFriendly = this.alignCursorFriendly.bind(this), this._bindEvents(), this.updateValue(), this._onChange();
+    this.el = e instanceof He ? e : e.isContentEditable && e.tagName !== "INPUT" && e.tagName !== "TEXTAREA" ? new tt(e) : new xt(e), this.masked = ie(t), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new Pe(), this._saveSelection = this._saveSelection.bind(this), this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onDrop = this._onDrop.bind(this), this._onFocus = this._onFocus.bind(this), this._onClick = this._onClick.bind(this), this._onUndo = this._onUndo.bind(this), this._onRedo = this._onRedo.bind(this), this.alignCursor = this.alignCursor.bind(this), this.alignCursorFriendly = this.alignCursorFriendly.bind(this), this._bindEvents(), this.updateValue(), this._onChange();
   }
   maskEquals(e) {
     var t;
@@ -421,7 +421,7 @@ class Dt {
       });
       return;
     }
-    const t = e instanceof C.Masked ? e : ae({
+    const t = e instanceof C.Masked ? e : ie({
       mask: e
     });
     t.unmaskedValue = this.masked.unmaskedValue, this.masked = t;
@@ -562,7 +562,7 @@ class Dt {
   /** Handles view input event */
   _onInput(e) {
     this._inputEvent = e, this._abortUpdateCursor();
-    const t = new Ft({
+    const t = new bt({
       // new state
       value: this.el.value,
       cursorPos: this.cursorPos,
@@ -607,13 +607,13 @@ class Dt {
   }
 }
 C.InputMask = Dt;
-class x {
+class F {
   /** Inserted symbols */
   /** Additional offset if any changes occurred before tail */
   /** Raw inserted is used by dynamic mask */
   /** Can skip chars */
   static normalize(e) {
-    return Array.isArray(e) ? e : [e, new x()];
+    return Array.isArray(e) ? e : [e, new F()];
   }
   constructor(e) {
     Object.assign(this, {
@@ -638,8 +638,8 @@ class x {
     return this.inserted === e.inserted && this.tailShift === e.tailShift && this.rawInserted === e.rawInserted && this.skip === e.skip;
   }
 }
-C.ChangeDetails = x;
-class J {
+C.ChangeDetails = F;
+class Q {
   /** Tail value as string */
   /** Tail start position */
   /** Start position */
@@ -678,7 +678,7 @@ class J {
     return this.value = this.value.slice(0, -1), e;
   }
 }
-class H {
+class z {
   /** */
   /** */
   /** Transforms value before mask processing */
@@ -694,7 +694,7 @@ class H {
   /** */
   constructor(e) {
     this._value = "", this._update({
-      ...H.DEFAULTS,
+      ...z.DEFAULTS,
       ...e
     }), this._initialized = !0;
   }
@@ -779,18 +779,18 @@ class H {
   }
   /** Extracts tail in range */
   extractTail(e, t) {
-    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), new J(this.extractInput(e, t), e);
+    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), new Q(this.extractInput(e, t), e);
   }
   /** Appends tail */
   appendTail(e) {
-    return oe(e) && (e = new J(String(e))), e.appendTo(this);
+    return he(e) && (e = new Q(String(e))), e.appendTo(this);
   }
   /** Appends char */
   _appendCharRaw(e, t) {
-    return e ? (this._value += e, new x({
+    return e ? (this._value += e, new F({
       inserted: e,
       rawInserted: e
-    })) : new x();
+    })) : new F();
   }
   /** Appends char */
   _appendChar(e, t, s) {
@@ -822,22 +822,22 @@ class H {
         }
         u && o.inserted && (this.state = l);
       }
-      u || (i = new x(), this.state = a, s && n && (s.state = n));
+      u || (i = new F(), this.state = a, s && n && (s.state = n));
     }
     return i;
   }
   /** Appends optional placeholder at the end */
   _appendPlaceholder() {
-    return new x();
+    return new F();
   }
   /** Appends optional eager placeholder at the end */
   _appendEager() {
-    return new x();
+    return new F();
   }
   /** Appends symbols considering flags */
   append(e, t, s) {
-    if (!oe(e)) throw new Error("value should be string");
-    const a = oe(s) ? new J(String(s)) : s;
+    if (!he(e)) throw new Error("value should be string");
+    const a = he(s) ? new Q(String(s)) : s;
     t != null && t.tail && (t._beforeTailState = this.state);
     let i;
     [e, i] = this.doPrepare(e, t);
@@ -849,7 +849,7 @@ class H {
     return (this.eager === !0 || this.eager === "append") && t != null && t.input && e && i.aggregate(this._appendEager()), a != null && (i.tailShift += this.appendTail(a).tailShift), i;
   }
   remove(e, t) {
-    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), this._value = this.displayValue.slice(0, e) + this.displayValue.slice(t), new x();
+    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), this._value = this.displayValue.slice(0, e) + this.displayValue.slice(t), new F();
   }
   /** Calls function and reapplies current value */
   withValueRefresh(e) {
@@ -869,11 +869,11 @@ class H {
   }
   /** Prepares string before mask processing */
   doPrepare(e, t) {
-    return t === void 0 && (t = {}), x.normalize(this.prepare ? this.prepare(e, this, t) : e);
+    return t === void 0 && (t = {}), F.normalize(this.prepare ? this.prepare(e, this, t) : e);
   }
   /** Prepares each char before mask processing */
   doPrepareChar(e, t) {
-    return t === void 0 && (t = {}), x.normalize(this.prepareChar ? this.prepareChar(e, this, t) : e);
+    return t === void 0 && (t = {}), F.normalize(this.prepareChar ? this.prepareChar(e, this, t) : e);
   }
   /** Validates if value is acceptable */
   doValidate(e) {
@@ -893,12 +893,12 @@ class H {
       raw: !0
     }));
     let h = e;
-    const c = new x();
+    const c = new F();
     if (a !== m.NONE && (h = this.nearestInputPos(e, t > 1 && e !== 0 && !l ? m.NONE : a), c.tailShift = h - e), c.aggregate(this.remove(h)), l && a !== m.NONE && o === this.rawInputValue)
       if (a === m.FORCE_LEFT) {
         let k;
         for (; o === this.rawInputValue && (k = this.displayValue.length); )
-          c.aggregate(new x({
+          c.aggregate(new F({
             tailShift: -1
           })).aggregate(this.remove(k - 1));
       } else a === m.FORCE_RIGHT && u.unshift();
@@ -912,17 +912,17 @@ class H {
   }
   typedValueEquals(e) {
     const t = this.typedValue;
-    return e === t || H.EMPTY_VALUES.includes(e) && H.EMPTY_VALUES.includes(t) || (this.format ? this.format(e, this) === this.format(this.typedValue, this) : !1);
+    return e === t || z.EMPTY_VALUES.includes(e) && z.EMPTY_VALUES.includes(t) || (this.format ? this.format(e, this) === this.format(this.typedValue, this) : !1);
   }
   pad(e) {
-    return new x();
+    return new F();
   }
 }
-H.DEFAULTS = {
+z.DEFAULTS = {
   skipInvalid: !0
 };
-H.EMPTY_VALUES = [void 0, null, ""];
-C.Masked = H;
+z.EMPTY_VALUES = [void 0, null, ""];
+C.Masked = z;
 class fe {
   /** */
   constructor(e, t) {
@@ -933,11 +933,11 @@ class fe {
   }
   extend(e) {
     if (!String(e)) return;
-    e = oe(e) ? new J(String(e)) : e;
+    e = he(e) ? new Q(String(e)) : e;
     const t = this.chunks[this.chunks.length - 1], s = t && // if stops are same or tail has no stop
     (t.stop === e.stop || e.stop == null) && // if tail chunk goes just after last chunk
     e.from === t.from + t.toString().length;
-    if (e instanceof J)
+    if (e instanceof Q)
       s ? t.extend(e.toString()) : this.chunks.push(e);
     else if (e instanceof fe) {
       if (e.stop == null) {
@@ -950,8 +950,8 @@ class fe {
   }
   appendTo(e) {
     if (!(e instanceof C.MaskedPattern))
-      return new J(this.toString()).appendTo(e);
-    const t = new x();
+      return new Q(this.toString()).appendTo(e);
+    const t = new F();
     for (let s = 0; s < this.chunks.length; ++s) {
       const a = this.chunks[s], i = e._mapPosToBlock(e.displayValue.length), n = a.stop;
       let u;
@@ -985,7 +985,7 @@ class fe {
       ...s
     } = e;
     Object.assign(this, s), this.chunks = t.map((a) => {
-      const i = "chunks" in a ? new fe() : new J();
+      const i = "chunks" in a ? new fe() : new Q();
       return i.state = a, i;
     });
   }
@@ -1141,7 +1141,7 @@ class st {
     this._isRawInput = !1, this._value = "";
   }
   remove(e, t) {
-    return e === void 0 && (e = 0), t === void 0 && (t = this._value.length), this._value = this._value.slice(0, e) + this._value.slice(t), this._value || (this._isRawInput = !1), new x();
+    return e === void 0 && (e = 0), t === void 0 && (t = this._value.length), this._value = this._value.slice(0, e) + this._value.slice(t), this._value || (this._isRawInput = !1), new F();
   }
   nearestInputPos(e, t) {
     t === void 0 && (t = m.NONE);
@@ -1170,8 +1170,8 @@ class st {
     return !!this._value;
   }
   _appendChar(e, t) {
-    if (t === void 0 && (t = {}), this.isFilled) return new x();
-    const s = this.eager === !0 || this.eager === "append", a = this.char === e && (this.isUnmasking || t.input || t.raw) && (!t.raw || !s) && !t.tail, i = new x({
+    if (t === void 0 && (t = {}), this.isFilled) return new F();
+    const s = this.eager === !0 || this.eager === "append", a = this.char === e && (this.isUnmasking || t.input || t.raw) && (!t.raw || !s) && !t.tail, i = new F({
       inserted: this.char,
       rawInserted: a ? this.char : ""
     });
@@ -1183,14 +1183,14 @@ class st {
     });
   }
   _appendPlaceholder() {
-    const e = new x();
+    const e = new F();
     return this.isFilled || (this._value = e.inserted = this.char), e;
   }
   extractTail() {
-    return new J("");
+    return new Q("");
   }
   appendTail(e) {
-    return oe(e) && (e = new J(String(e))), e.appendTo(this);
+    return he(e) && (e = new Q(String(e))), e.appendTo(this);
   }
   append(e, t, s) {
     const a = this._appendChar(e[0], t);
@@ -1230,7 +1230,7 @@ class Oe {
       eager: u,
       ...l
     } = e;
-    this.masked = ae(l), Object.assign(this, {
+    this.masked = ie(l), Object.assign(this, {
       parent: t,
       isOptional: s,
       placeholderChar: a,
@@ -1243,7 +1243,7 @@ class Oe {
     this.isFilled = !1, this.masked.reset();
   }
   remove(e, t) {
-    return e === void 0 && (e = 0), t === void 0 && (t = this.value.length), e === 0 && t >= 1 ? (this.isFilled = !1, this.masked.remove(e, t)) : new x();
+    return e === void 0 && (e = 0), t === void 0 && (t = this.value.length), e === 0 && t >= 1 ? (this.isFilled = !1, this.masked.remove(e, t)) : new F();
   }
   get value() {
     return this.masked.value || (this.isFilled && !this.isOptional ? this.placeholderChar : "");
@@ -1261,21 +1261,21 @@ class Oe {
     return !!this.masked.value || this.isOptional;
   }
   _appendChar(e, t) {
-    if (t === void 0 && (t = {}), this.isFilled) return new x();
+    if (t === void 0 && (t = {}), this.isFilled) return new F();
     const s = this.masked.state;
     let a = this.masked._appendChar(e, this.currentMaskFlags(t));
-    return a.inserted && this.doValidate(t) === !1 && (a = new x(), this.masked.state = s), !a.inserted && !this.isOptional && !this.lazy && !t.input && (a.inserted = this.placeholderChar), a.skip = !a.inserted && !this.isOptional, this.isFilled = !!a.inserted, a;
+    return a.inserted && this.doValidate(t) === !1 && (a = new F(), this.masked.state = s), !a.inserted && !this.isOptional && !this.lazy && !t.input && (a.inserted = this.placeholderChar), a.skip = !a.inserted && !this.isOptional, this.isFilled = !!a.inserted, a;
   }
   append(e, t, s) {
     return this.masked.append(e, this.currentMaskFlags(t), s);
   }
   _appendPlaceholder() {
-    return this.isFilled || this.isOptional ? new x() : (this.isFilled = !0, new x({
+    return this.isFilled || this.isOptional ? new F() : (this.isFilled = !0, new F({
       inserted: this.placeholderChar
     }));
   }
   _appendEager() {
-    return new x();
+    return new F();
   }
   extractTail(e, t) {
     return this.masked.extractTail(e, t);
@@ -1329,7 +1329,7 @@ class Oe {
     };
   }
   pad(e) {
-    return new x();
+    return new F();
   }
 }
 Oe.DEFAULT_DEFINITIONS = {
@@ -1338,7 +1338,7 @@ Oe.DEFAULT_DEFINITIONS = {
   // http://stackoverflow.com/a/22075070
   "*": /./
 };
-class Mt extends H {
+class Mt extends z {
   /** */
   /** Enable characters overwriting */
   /** */
@@ -1353,7 +1353,7 @@ class Mt extends H {
   }
 }
 C.MaskedRegExp = Mt;
-class j extends H {
+class H extends z {
   /** */
   /** */
   /** Single char for empty input */
@@ -1365,7 +1365,7 @@ class j extends H {
   /** */
   constructor(e) {
     super({
-      ...j.DEFAULTS,
+      ...H.DEFAULTS,
       ...e,
       definitions: Object.assign({}, Oe.DEFAULT_DEFINITIONS, e?.definitions)
     });
@@ -1391,27 +1391,27 @@ class j extends H {
           const {
             expose: k,
             repeat: v,
-            ...F
-          } = xe(this.blocks[c]), I = {
+            ...B
+          } = xe(this.blocks[c]), M = {
             lazy: this.lazy,
             eager: this.eager,
             placeholderChar: this.placeholderChar,
             displayChar: this.displayChar,
             overwrite: this.overwrite,
             autofix: this.autofix,
-            ...F,
+            ...B,
             repeat: v,
             parent: this
-          }, L = v != null ? new C.RepeatBlock(
-            I
+          }, O = v != null ? new C.RepeatBlock(
+            M
             /* TODO */
-          ) : ae(I);
-          L && (this._blocks.push(L), k && (this.exposeBlock = L), this._maskedBlocks[c] || (this._maskedBlocks[c] = []), this._maskedBlocks[c].push(this._blocks.length - 1)), i += c.length - 1;
+          ) : ie(M);
+          O && (this._blocks.push(O), k && (this.exposeBlock = O), this._maskedBlocks[c] || (this._maskedBlocks[c] = []), this._maskedBlocks[c].push(this._blocks.length - 1)), i += c.length - 1;
           continue;
         }
       }
       let n = t[i], u = n in e;
-      if (n === j.STOP_CHAR) {
+      if (n === H.STOP_CHAR) {
         this._stops.push(this._blocks.length);
         continue;
       }
@@ -1423,7 +1423,7 @@ class j extends H {
         a = !a;
         continue;
       }
-      if (n === j.ESCAPE_CHAR) {
+      if (n === H.ESCAPE_CHAR) {
         if (++i, n = t[i], !n) break;
         u = !1;
       }
@@ -1516,7 +1516,7 @@ class j extends H {
   }
   _appendEager() {
     var e;
-    const t = new x();
+    const t = new F();
     let s = (e = this._mapPosToBlock(this.displayValue.length)) == null ? void 0 : e.index;
     if (s == null) return t;
     this._blocks[s].isFilled && ++s;
@@ -1529,7 +1529,7 @@ class j extends H {
   }
   _appendCharRaw(e, t) {
     t === void 0 && (t = {});
-    const s = this._mapPosToBlock(this.displayValue.length), a = new x();
+    const s = this._mapPosToBlock(this.displayValue.length), a = new F();
     if (!s) return a;
     for (let n = s.index, u; u = this._blocks[n]; ++n) {
       var i;
@@ -1567,7 +1567,7 @@ class j extends H {
   }
   /** Appends placeholder depending on laziness */
   _appendPlaceholder(e) {
-    const t = new x();
+    const t = new F();
     if (this.lazy && e == null) return t;
     const s = this._mapPosToBlock(this.displayValue.length);
     if (!s) return t;
@@ -1648,21 +1648,21 @@ class j extends H {
     return t ? t.map((s) => this._blocks[s]) : [];
   }
   pad(e) {
-    const t = new x();
+    const t = new F();
     return this._forEachBlocksInRange(0, this.displayValue.length, (s) => t.aggregate(s.pad(e))), t;
   }
 }
-j.DEFAULTS = {
-  ...H.DEFAULTS,
+H.DEFAULTS = {
+  ...z.DEFAULTS,
   lazy: !0,
   placeholderChar: "_"
 };
-j.STOP_CHAR = "`";
-j.ESCAPE_CHAR = "\\";
-j.InputDefinition = Oe;
-j.FixedDefinition = st;
-C.MaskedPattern = j;
-class Ve extends j {
+H.STOP_CHAR = "`";
+H.ESCAPE_CHAR = "\\";
+H.InputDefinition = Oe;
+H.FixedDefinition = st;
+C.MaskedPattern = H;
+class Ve extends H {
   /**
     Optionally sets max length of pattern.
     Used when pattern length is longer then `to` param length. Pads zeros at start in this case.
@@ -1717,7 +1717,7 @@ class Ve extends j {
     return this.from <= Number(a) && Number(s) <= this.to && super.doValidate(e);
   }
   pad(e) {
-    const t = new x();
+    const t = new F();
     if (this.value.length === this.maxLength) return t;
     const s = this.value, a = this.maxLength - this.value.length;
     if (a) {
@@ -1731,7 +1731,7 @@ class Ve extends j {
 }
 C.MaskedRange = Ve;
 const Bt = "d{.}`m{.}`Y";
-class te extends j {
+class se extends H {
   static extractPatternOptions(e) {
     const {
       mask: t,
@@ -1740,7 +1740,7 @@ class te extends j {
     } = e;
     return {
       ...a,
-      mask: oe(t) ? t : s
+      mask: he(t) ? t : s
     };
   }
   /** Pattern mask for date according to {@link MaskedDate#format} */
@@ -1749,8 +1749,8 @@ class te extends j {
   /** Format typed value to string */
   /** Parse string to get typed value */
   constructor(e) {
-    super(te.extractPatternOptions({
-      ...te.DEFAULTS,
+    super(se.extractPatternOptions({
+      ...se.DEFAULTS,
       ...e
     }));
   }
@@ -1764,12 +1764,12 @@ class te extends j {
       blocks: a,
       ...i
     } = {
-      ...te.DEFAULTS,
+      ...se.DEFAULTS,
       ...e
-    }, n = Object.assign({}, te.GET_DEFAULT_BLOCKS());
+    }, n = Object.assign({}, se.GET_DEFAULT_BLOCKS());
     e.min && (n.Y.from = e.min.getFullYear()), e.max && (n.Y.to = e.max.getFullYear()), e.min && e.max && n.Y.from === n.Y.to && (n.m.from = e.min.getMonth() + 1, n.m.to = e.max.getMonth() + 1, n.m.from === n.m.to && (n.d.from = e.min.getDate(), n.d.to = e.max.getDate())), Object.assign(n, this.blocks, a), super._update({
       ...i,
-      mask: oe(t) ? t : s,
+      mask: he(t) ? t : s,
       blocks: n
     });
   }
@@ -1798,10 +1798,10 @@ class te extends j {
     return e === Date || super.maskEquals(e);
   }
   optionsIsChanged(e) {
-    return super.optionsIsChanged(te.extractPatternOptions(e));
+    return super.optionsIsChanged(se.extractPatternOptions(e));
   }
 }
-te.GET_DEFAULT_BLOCKS = () => ({
+se.GET_DEFAULT_BLOCKS = () => ({
   d: {
     mask: Ve,
     from: 1,
@@ -1820,8 +1820,8 @@ te.GET_DEFAULT_BLOCKS = () => ({
     to: 9999
   }
 });
-te.DEFAULTS = {
-  ...j.DEFAULTS,
+se.DEFAULTS = {
+  ...H.DEFAULTS,
   mask: Date,
   pattern: Bt,
   format: (r, e) => {
@@ -1834,8 +1834,8 @@ te.DEFAULTS = {
     return new Date(a, s - 1, t);
   }
 };
-C.MaskedDate = te;
-class Le extends H {
+C.MaskedDate = se;
+class Le extends z {
   constructor(e) {
     super({
       ...Le.DEFAULTS,
@@ -1850,7 +1850,7 @@ class Le extends H {
       const {
         expose: s,
         ...a
-      } = xe(t), i = ae({
+      } = xe(t), i = ie({
         overwrite: this._overwrite,
         eager: this._eager,
         skipInvalid: this._skipInvalid,
@@ -1866,7 +1866,7 @@ class Le extends H {
   }
   _applyDispatch(e, t, s) {
     e === void 0 && (e = ""), t === void 0 && (t = {}), s === void 0 && (s = "");
-    const a = t.tail && t._beforeTailState != null ? t._beforeTailState._value : this.value, i = this.rawInputValue, n = t.tail && t._beforeTailState != null ? t._beforeTailState._rawInputValue : i, u = i.slice(n.length), l = this.currentMask, o = new x(), h = l?.state;
+    const a = t.tail && t._beforeTailState != null ? t._beforeTailState._value : this.value, i = this.rawInputValue, n = t.tail && t._beforeTailState != null ? t._beforeTailState._rawInputValue : i, u = i.slice(n.length), l = this.currentMask, o = new F(), h = l?.state;
     return this.currentMask = this.doDispatch(e, {
       ...t
     }, s), this.currentMask && (this.currentMask !== l ? (this.currentMask.reset(), n && (this.currentMask.append(n, {
@@ -1885,7 +1885,7 @@ class Le extends H {
     return this.currentMask && e.aggregate(this.currentMask._appendEager()), e;
   }
   appendTail(e) {
-    const t = new x();
+    const t = new F();
     return e && t.aggregate(this._applyDispatch("", {}, e)), t.aggregate(this.currentMask ? this.currentMask.appendTail(e) : super.appendTail(e));
   }
   currentMaskFlags(e) {
@@ -1958,7 +1958,7 @@ class Le extends H {
     return !!((e = this.currentMask) != null && e.isFilled);
   }
   remove(e, t) {
-    const s = new x();
+    const s = new F();
     return this.currentMask && s.aggregate(this.currentMask.remove(e, t)).aggregate(this._applyDispatch()), s;
   }
   get state() {
@@ -2032,7 +2032,7 @@ class Le extends H {
   }
 }
 Le.DEFAULTS = {
-  ...H.DEFAULTS,
+  ...z.DEFAULTS,
   dispatch: (r, e, t, s) => {
     if (!e.compiledMasks.length) return;
     const a = e.rawInputValue, i = e.compiledMasks.map((n, u) => {
@@ -2049,7 +2049,7 @@ Le.DEFAULTS = {
   }
 };
 C.MaskedDynamic = Le;
-class $e extends j {
+class $e extends H {
   constructor(e) {
     super({
       ...$e.DEFAULTS,
@@ -2081,15 +2081,15 @@ class $e extends j {
       const i = super._appendCharRaw(a[0][this.value.length], t);
       return a.length === 1 && a[0].slice(this.unmaskedValue.length).split("").forEach((n) => i.aggregate(super._appendCharRaw(n))), i;
     }
-    return new x({
+    return new F({
       skip: !this.isComplete
     });
   }
   extractTail(e, t) {
-    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), new J("", e);
+    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), new Q("", e);
   }
   remove(e, t) {
-    if (e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), e === t) return new x();
+    if (e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), e === t) return new F();
     const s = Math.min(super.nearestInputPos(0, m.FORCE_RIGHT), this.value.length);
     let a;
     for (a = e; a >= 0 && !(this.enum.filter((n) => this.matchValue(n, this.value.slice(s, a), s)).length > 1); --a)
@@ -2102,11 +2102,11 @@ class $e extends j {
   }
 }
 $e.DEFAULTS = {
-  ...j.DEFAULTS,
+  ...H.DEFAULTS,
   matchValue: (r, e, t) => r.indexOf(e, t) === t
 };
 C.MaskedEnum = $e;
-class Vt extends H {
+class Vt extends z {
   /** */
   /** Enable characters overwriting */
   /** */
@@ -2124,7 +2124,7 @@ class Vt extends H {
 }
 C.MaskedFunction = Vt;
 var at;
-class K extends H {
+class K extends z {
   /** Single char */
   /** Single char */
   /** Array of single chars */
@@ -2201,11 +2201,11 @@ class K extends H {
       this.min != null && this.min < 0 && this.number < this.min && (k = this.min), this.max != null && this.max > 0 && this.number > this.max && (k = this.max), k != null && (this.autofix ? (this._value = this.format(k, this).replace(K.UNMASKED_RADIX, this.radix), l || (l = i === this._value && !t.tail)) : u = !1), u && (u = !!this._value.match(this._numberRegExp));
     }
     let o;
-    u ? o = new x({
+    u ? o = new F({
       inserted: this._value.slice(i.length),
       rawInserted: l ? "" : e,
       skip: l
-    }) : (this._value = i, o = new x()), this._value = this._insertThousandsSeparators(this._value);
+    }) : (this._value = i, o = new F()), this._value = this._insertThousandsSeparators(this._value);
     const h = t.tail && t._beforeTailState ? t._beforeTailState._value : this._value, c = this._separatorsCountFromSlice(h);
     return o.tailShift += (c - a) * this.thousandsSeparator.length, o;
   }
@@ -2227,7 +2227,7 @@ class K extends H {
     const s = this.value.slice(0, e), a = this.value.slice(t), i = this._separatorsCount(s.length);
     this._value = this._insertThousandsSeparators(this._removeThousandsSeparators(s + a));
     const n = this._separatorsCountFromSlice(s);
-    return new x({
+    return new F({
       tailShift: (n - i) * this.thousandsSeparator.length
     });
   }
@@ -2309,9 +2309,9 @@ class K extends H {
 }
 at = K;
 K.UNMASKED_RADIX = ".";
-K.EMPTY_VALUES = [...H.EMPTY_VALUES, 0];
+K.EMPTY_VALUES = [...z.EMPTY_VALUES, 0];
 K.DEFAULTS = {
-  ...H.DEFAULTS,
+  ...z.DEFAULTS,
   mask: Number,
   radix: ",",
   thousandsSeparator: "",
@@ -2328,23 +2328,23 @@ K.DEFAULTS = {
   })
 };
 C.MaskedNumber = K;
-const He = {
+const ze = {
   MASKED: "value",
   UNMASKED: "unmaskedValue",
   TYPED: "typedValue"
 };
 function it(r, e, t) {
-  e === void 0 && (e = He.MASKED), t === void 0 && (t = He.MASKED);
-  const s = ae(r);
+  e === void 0 && (e = ze.MASKED), t === void 0 && (t = ze.MASKED);
+  const s = ie(r);
   return (a) => s.runIsolated((i) => (i[e] = a, i[t]));
 }
 function wt(r, e, t, s) {
   return it(e, t, s)(r);
 }
-C.PIPE_TYPE = He;
+C.PIPE_TYPE = ze;
 C.createPipe = it;
 C.pipe = wt;
-class It extends j {
+class It extends H {
   get repeatFrom() {
     var e;
     return (e = Array.isArray(this.repeat) ? this.repeat[0] : this.repeat === 1 / 0 ? 0 : this.repeat) != null ? e : 0;
@@ -2366,7 +2366,7 @@ class It extends j {
       ...n
     } = xe(e);
     this._blockOpts = Object.assign({}, this._blockOpts, n);
-    const u = ae(this._blockOpts);
+    const u = ie(this._blockOpts);
     this.repeat = (t = (s = i ?? u.repeat) != null ? s : this.repeat) != null ? t : 1 / 0, super._update({
       mask: "m".repeat(Math.max(this.repeatTo === 1 / 0 && ((a = this._blocks) == null ? void 0 : a.length) || 0, this.repeatFrom)),
       blocks: {
@@ -2383,11 +2383,11 @@ class It extends j {
   _allocateBlock(e) {
     if (e < this._blocks.length) return this._blocks[e];
     if (this.repeatTo === 1 / 0 || this._blocks.length < this.repeatTo)
-      return this._blocks.push(ae(this._blockOpts)), this.mask += "m", this._blocks[this._blocks.length - 1];
+      return this._blocks.push(ie(this._blockOpts)), this.mask += "m", this._blocks[this._blocks.length - 1];
   }
   _appendCharRaw(e, t) {
     t === void 0 && (t = {});
-    const s = new x();
+    const s = new F();
     for (
       let l = (a = (i = this._mapPosToBlock(this.displayValue.length)) == null ? void 0 : i.index) != null ? a : Math.max(this._blocks.length - 1, 0), o, h;
       // try to get a block or
@@ -2518,41 +2518,41 @@ function Ot(r, e) {
     defaultUnmaskedValue: n,
     defaultTypedValue: u
   } = e === void 0 ? {} : e;
-  const l = ot(r) ? r : Z(r), o = Z(), h = Z(), c = Z(""), k = Z(""), v = Z();
-  let F, I = c.value, L = k.value, he = v.value;
-  function ie() {
-    he = v.value = h.value.typedValue, L = k.value = h.value.unmaskedValue, I = c.value = h.value.value;
+  const l = ot(r) ? r : W(r), o = W(), h = W(), c = W(""), k = W(""), v = W();
+  let B, M = c.value, O = k.value, G = v.value;
+  function ne() {
+    G = v.value = h.value.typedValue, O = k.value = h.value.unmaskedValue, M = c.value = h.value.value;
   }
-  function S(b) {
-    ie(), t && (t("accept", c.value, b), t("accept:masked", c.value, b), t("accept:typed", v.value, b), t("accept:unmasked", k.value, b)), s?.(b);
+  function D(b) {
+    ne(), t && (t("accept", c.value, b), t("accept:masked", c.value, b), t("accept:typed", v.value, b), t("accept:unmasked", k.value, b)), s?.(b);
   }
-  function O(b) {
+  function R(b) {
     t && (t("complete", h.value.value, b), t("complete:masked", h.value.value, b), t("complete:typed", h.value.typedValue, b), t("complete:unmasked", h.value.unmaskedValue, b)), a?.(b);
   }
   const y = () => {
-    !h.value || k.value === void 0 || (L !== k.value && (h.value.unmaskedValue = k.value, h.value.unmaskedValue !== k.value && S()), L = void 0);
+    !h.value || k.value === void 0 || (O !== k.value && (h.value.unmaskedValue = k.value, h.value.unmaskedValue !== k.value && D()), O = void 0);
   };
-  ue(k, y);
-  const w = () => {
-    !h.value || c.value === void 0 || (I !== c.value && (h.value.value = c.value, h.value.value !== c.value && S()), I = void 0);
+  le(k, y);
+  const I = () => {
+    !h.value || c.value === void 0 || (M !== c.value && (h.value.value = c.value, h.value.value !== c.value && D()), M = void 0);
   };
-  ue(c, w);
+  le(c, I);
   const $ = () => {
-    !h.value || v.value === void 0 || (he !== v.value && (h.value.typedValue = v.value, h.value.masked.typedValueEquals(v.value) || S()), he = void 0);
+    !h.value || v.value === void 0 || (G !== v.value && (h.value.typedValue = v.value, h.value.masked.typedValueEquals(v.value) || D()), G = void 0);
   };
-  ue(v, $);
-  function R() {
-    F = o.value;
+  le(v, $);
+  function P() {
+    B = o.value;
     const b = l.value;
-    !F || !(b != null && b.mask) || (h.value = C(F, b), i !== void 0 && (c.value = i), n !== void 0 && (k.value = n), u !== void 0 && (v.value = u), y(), w(), $(), ie(), h.value.on("accept", S).on("complete", O));
+    !B || !(b != null && b.mask) || (h.value = C(B, b), i !== void 0 && (c.value = i), n !== void 0 && (k.value = n), u !== void 0 && (v.value = u), y(), I(), $(), ne(), h.value.on("accept", D).on("complete", R));
   }
-  function ee() {
+  function te() {
     var b;
     (b = h.value) == null || b.destroy(), h.value = void 0;
   }
-  return dt(R), ct(ee), ue([o, l], () => {
-    const b = o.value, M = l.value;
-    (!(M != null && M.mask) || b !== F) && ee(), b && (h.value ? h.value.updateOptions(M) : R());
+  return dt(P), ct(te), le([o, l], () => {
+    const b = o.value, S = l.value;
+    (!(S != null && S.mask) || b !== B) && te(), b && (h.value ? h.value.updateOptions(S) : P());
   }), {
     el: o,
     mask: ht(h),
@@ -2597,26 +2597,26 @@ var Lt = ve({
     } = Ot(Rt(r, Pt), {
       emit: s,
       onAccept: (v) => {
-        const F = n.value;
-        s("accept:value", F, v), s("update:value", F, v), s("update:masked", F, v), s("update:modelValue", F, v), s("update:unmasked", u.value, v), s("update:typed", l.value, v);
+        const B = n.value;
+        s("accept:value", B, v), s("update:value", B, v), s("update:masked", B, v), s("update:modelValue", B, v), s("update:unmasked", u.value, v), s("update:typed", l.value, v);
       },
       onComplete: (v) => {
         s("complete:value", n.value, v);
       }
     }), o = Ae(r, "value"), h = Ae(r, "modelValue"), c = Ae(r, "unmasked"), k = Ae(r, "typed");
-    return n.value = h.value || o.value || "", u.value = c.value || "", l.value = k.value, ue(o, (v) => n.value = v), ue(h, (v) => n.value = v), ue(c, (v) => u.value = v), ue(k, (v) => l.value = v), () => {
+    return n.value = h.value || o.value || "", u.value = c.value || "", l.value = k.value, le(o, (v) => n.value = v), le(h, (v) => n.value = v), le(c, (v) => u.value = v), le(k, (v) => l.value = v), () => {
       const v = {
         ...t,
         value: r.value != null ? r.value : r.modelValue != null ? r.modelValue : i.value ? i.value.displayValue : "",
         ref: a
       };
-      return r.mask || (v.onInput = (F) => {
-        s("update:modelValue", F.target.value), s("update:value", F.target.value);
+      return r.mask || (v.onInput = (B) => {
+        s("update:modelValue", B.target.value), s("update:value", B.target.value);
       }), rt("input", v);
     };
   }
 }), $t = Lt;
-const Nt = ["for"], Ut = { class: "state-layer" }, Yt = { class: "content" }, Ht = { class: "input-text-container" }, jt = ["id", "placeholder", "aria-label"], zt = {
+const Nt = ["for"], Ut = { class: "state-layer" }, Yt = { class: "content" }, zt = { class: "input-text-container" }, Ht = ["id", "placeholder", "aria-label"], jt = {
   key: 1,
   class: "has-text-body-small phila-supporting-text"
 }, qt = {
@@ -2640,90 +2640,94 @@ const Nt = ["for"], Ut = { class: "state-layer" }, Yt = { class: "content" }, Ht
     } }
   },
   emits: ["update:modelValue", "complete"],
-  setup(r, { emit: e }) {
-    const t = Xe(), s = r, a = Y(() => typeof s.error == "string" ? s.error : s.error[0]), i = Ae(s, "id"), n = e, u = Z(""), l = Y({
-      get: () => s.modelValue !== void 0 ? s.modelValue : u.value,
-      set: (F) => {
-        n("update:modelValue", F), u.value = F;
+  setup(r, { expose: e, emit: t }) {
+    const s = Xe(), a = r, i = Y(() => typeof a.error == "string" ? a.error : a.error[0]), n = Ae(a, "id"), u = t, l = W(""), o = Y({
+      get: () => a.modelValue !== void 0 ? a.modelValue : l.value,
+      set: (M) => {
+        u("update:modelValue", M), l.value = M;
       }
-    }), o = Y(() => {
-      const F = ["default-class"];
-      return t.disabled != null && F.push("phila-input--disabled"), a.value && F.push("phila-input--error"), t.required != null && F.push("phila-input--required"), be(...F);
     }), h = Y(() => {
-      const F = [];
-      return l.value !== "" && F.push("phila-text-field--filled"), s.className && F.push(s.className), be(...F);
+      const M = ["default-class"];
+      return s.disabled != null && M.push("phila-input--disabled"), i.value && M.push("phila-input--error"), s.required != null && M.push("phila-input--required"), Fe(...M);
     }), c = Y(() => {
-      if (!(s.label || t["aria-label"]))
-        return s.placeholder || void 0;
-    }), k = Z(null), v = (F) => {
-      F.target.closest("button") || k.value?.focus();
+      const M = [];
+      return o.value !== "" && M.push("phila-text-field--filled"), a.className && M.push(a.className), Fe(...M);
+    }), k = Y(() => {
+      if (!(a.label || s["aria-label"]))
+        return a.placeholder || void 0;
+    }), v = W(null), B = (M) => {
+      M.target.closest("button") || v.value?.focus();
     };
-    return (F, I) => (V(), U("div", {
-      class: Ye(["phila-input", o.value])
+    return e({ inputRef: v }), (M, O) => (w(), U("div", {
+      class: Ye(["phila-input", h.value])
     }, [
-      s.label ? (V(), U("label", {
+      a.label ? (w(), U("label", {
         key: 0,
-        for: i.value,
+        for: n.value,
         class: "has-text-label-small phila-label"
-      }, W(s.label), 9, Nt)) : pe("", !0),
-      z("div", {
-        class: Ye(["phila-text-field", h.value]),
-        onClick: re(v, ["prevent"])
+      }, X(a.label), 9, Nt)) : pe("", !0),
+      j("div", {
+        class: Ye(["phila-text-field", c.value]),
+        onClick: ue(B, ["prevent"])
       }, [
-        z("div", Ut, [
-          s.leadingIcon ? (V(), se(D(Ne), {
+        j("div", Ut, [
+          a.leadingIcon ? (w(), ae(x(Ne), {
             key: 0,
-            "icon-class": s.leadingIcon,
+            "icon-class": a.leadingIcon,
             inline: "",
             decorative: ""
           }, null, 8, ["icon-class"])) : pe("", !0),
-          z("div", Yt, [
-            z("div", Ht, [
-              s.imaskProps?.mask ? (V(), se(D($t), Q({ key: 0 }, { ...D(t), ...s.imaskProps }, {
-                id: i.value,
-                modelValue: l.value,
-                "onUpdate:modelValue": I[0] || (I[0] = (L) => l.value = L),
+          j("div", Yt, [
+            j("div", zt, [
+              a.imaskProps?.mask ? (w(), ae(x($t), ee({ key: 0 }, { ...x(s), ...a.imaskProps }, {
+                id: n.value,
+                modelValue: o.value,
+                "onUpdate:modelValue": O[0] || (O[0] = (G) => o.value = G),
                 class: "phila-text-field-input has-text-body-default",
-                placeholder: s.placeholder,
-                onComplete: I[1] || (I[1] = () => n("complete", u.value))
-              }), null, 16, ["id", "modelValue", "placeholder"])) : ut((V(), U("input", Q({ key: 1 }, D(t), {
-                id: i.value,
-                "onUpdate:modelValue": I[2] || (I[2] = (L) => l.value = L),
+                placeholder: a.placeholder,
+                onComplete: O[1] || (O[1] = () => u("complete", l.value))
+              }), null, 16, ["id", "modelValue", "placeholder"])) : ut((w(), U("input", ee({
+                key: 1,
+                id: n.value,
+                ref_key: "inputRef",
+                ref: v
+              }, x(s), {
+                "onUpdate:modelValue": O[2] || (O[2] = (G) => o.value = G),
                 class: "phila-text-field-input has-text-body-default",
-                placeholder: s.placeholder,
-                "aria-label": c.value
-              }), null, 16, jt)), [
-                [lt, l.value]
+                placeholder: a.placeholder,
+                "aria-label": k.value
+              }), null, 16, Ht)), [
+                [lt, o.value]
               ])
             ])
           ]),
-          l.value != "" ? (V(), se(D(kt), {
+          o.value != "" ? (w(), ae(x(kt), {
             key: 1,
             variant: "standard",
             size: "small",
             "icon-only": "",
-            "icon-definition": D(Et),
-            onClick: I[3] || (I[3] = (L) => l.value = "")
+            "icon-definition": x(Et),
+            onClick: O[3] || (O[3] = (G) => o.value = "")
           }, null, 8, ["icon-definition"])) : pe("", !0),
-          s.trailingIcon ? (V(), se(D(Ne), {
+          a.trailingIcon ? (w(), ae(x(Ne), {
             key: 2,
             size: "small",
-            "icon-class": s.trailingIcon,
+            "icon-class": a.trailingIcon,
             inline: "",
             decorative: ""
           }, null, 8, ["icon-class"])) : pe("", !0),
-          me(F.$slots, "trailing-action")
+          me(M.$slots, "trailing-action")
         ])
       ], 2),
-      s.supportingText ? (V(), U("div", zt, W(s.supportingText), 1)) : pe("", !0),
-      a.value ? (V(), U("div", qt, [
-        ge(D(Ne), {
-          "icon-definition": D(Ct),
+      a.supportingText ? (w(), U("div", jt, X(a.supportingText), 1)) : pe("", !0),
+      i.value ? (w(), U("div", qt, [
+        ge(x(Ne), {
+          "icon-definition": x(Ct),
           size: "small",
           inline: "",
           decorative: ""
         }, null, 8, ["icon-definition"]),
-        Fe(" " + W(a.value), 1)
+        be(" " + X(i.value), 1)
       ])) : pe("", !0)
     ], 2));
   }
@@ -2742,38 +2746,38 @@ const Nt = ["for"], Ut = { class: "state-layer" }, Yt = { class: "content" }, Ht
   },
   setup(r) {
     const e = r, { isCollapsed: t, onMouseEnter: s, onMouseLeave: a, onClickToggle: i, onClickOpen: n, focusChange: u } = mt(e), l = Y(() => t(e.id));
-    return (o, h) => (V(), U("div", {
+    return (o, h) => (w(), U("div", {
       onMouseenter: h[1] || (h[1] = //@ts-ignore
-      (...c) => D(s) && D(s)(...c)),
+      (...c) => x(s) && x(s)(...c)),
       onMouseleave: h[2] || (h[2] = //@ts-ignore
-      (...c) => D(a) && D(a)(...c)),
+      (...c) => x(a) && x(a)(...c)),
       onFocusout: h[3] || (h[3] = //@ts-ignore
-      (...c) => D(u) && D(u)(...c))
+      (...c) => x(u) && x(u)(...c))
     }, [
       me(o.$slots, "toggle", _e(Ce({
         open: l.value,
         ariaLabel: l.value ? "Close panel" : "Open panel",
         ariaExpanded: l.value,
         ariaControls: r.id,
-        onClickToggle: D(i),
-        onClickOpen: D(n),
-        focusChange: D(u),
-        onClick: D(i)
+        onClickToggle: x(i),
+        onClickOpen: x(n),
+        focusChange: x(u),
+        onClick: x(i)
       })), () => [
-        z("button", Q({
+        j("button", ee({
           "data-toggle": r.id,
           "aria-label": l.value ? "Close panel" : "Open panel",
           "aria-expanded": l.value,
           "aria-controls": r.id
         }, r.toggleAttrs, {
-          onClick: h[0] || (h[0] = re(
+          onClick: h[0] || (h[0] = ue(
             //@ts-ignore
-            (...c) => D(i) && D(i)(...c),
+            (...c) => x(i) && x(i)(...c),
             ["prevent"]
           ))
         }), null, 16, Kt)
       ]),
-      me(o.$slots, "default", _e(Ce({ id: r.id, open: l.value, onClickToggle: D(i), focusChange: D(u), hidden: !l.value })))
+      me(o.$slots, "default", _e(Ce({ id: r.id, open: l.value, onClickToggle: x(i), focusChange: x(u), hidden: !l.value })))
     ], 32));
   }
 }), Zt = ["disabled"], Wt = /* @__PURE__ */ ve({
@@ -2798,7 +2802,7 @@ const Nt = ["for"], Ut = { class: "state-layer" }, Yt = { class: "content" }, Ht
     svgRaw: {}
   },
   setup(r) {
-    const e = r, t = (n) => "href" in n && n.href !== void 0 || "to" in n && n.to !== void 0, s = Y(() => be(
+    const e = r, t = (n) => "href" in n && n.href !== void 0 || "to" in n && n.to !== void 0, s = Y(() => Fe(
       "phila-button",
       `phila-button--${e.variant}`,
       e.size && `is-${e.size}`,
@@ -2826,28 +2830,28 @@ const Nt = ["for"], Ut = { class: "state-layer" }, Yt = { class: "content" }, Ht
         size: e.size
       })
     );
-    return (n, u) => t(e) ? (V(), se(D(Je), Q({ key: 0 }, { ...a.value, ...n.$attrs }, { role: "button" }), {
-      default: le(() => [
-        ge(D(Ie), _e(Ce(i.value)), {
-          default: le(() => [
+    return (n, u) => t(e) ? (w(), ae(x(Je), ee({ key: 0 }, { ...a.value, ...n.$attrs }, { role: "button" }), {
+      default: oe(() => [
+        ge(x(Ie), _e(Ce(i.value)), {
+          default: oe(() => [
             me(n.$slots, "default", {}, () => [
-              Fe(W(e.text), 1)
+              be(X(e.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (V(), U("button", Q({
+    }, 16)) : (w(), U("button", ee({
       key: 1,
       type: "button",
       disabled: e.disabled,
       class: s.value
     }, n.$attrs), [
-      ge(D(Ie), _e(Ce(i.value)), {
-        default: le(() => [
+      ge(x(Ie), _e(Ce(i.value)), {
+        default: oe(() => [
           me(n.$slots, "default", {}, () => [
-            Fe(W(e.text), 1)
+            be(X(e.text), 1)
           ])
         ]),
         _: 3
@@ -2869,15 +2873,15 @@ function ts() {
     (function(t, s) {
       r.exports = s();
     })(es, (function() {
-      var t = 1e3, s = 6e4, a = 36e5, i = "millisecond", n = "second", u = "minute", l = "hour", o = "day", h = "week", c = "month", k = "quarter", v = "year", F = "date", I = "Invalid Date", L = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, he = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, ie = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(_) {
+      var t = 1e3, s = 6e4, a = 36e5, i = "millisecond", n = "second", u = "minute", l = "hour", o = "day", h = "week", c = "month", k = "quarter", v = "year", B = "date", M = "Invalid Date", O = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, G = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, ne = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(_) {
         var f = ["th", "st", "nd", "rd"], d = _ % 100;
         return "[" + _ + (f[(d - 20) % 10] || f[d] || f[0]) + "]";
-      } }, S = function(_, f, d) {
+      } }, D = function(_, f, d) {
         var g = String(_);
         return !g || g.length >= f ? _ : "" + Array(f + 1 - g.length).join(d) + _;
-      }, O = { s: S, z: function(_) {
+      }, R = { s: D, z: function(_) {
         var f = -_.utcOffset(), d = Math.abs(f), g = Math.floor(d / 60), p = d % 60;
-        return (f <= 0 ? "+" : "-") + S(g, 2, "0") + ":" + S(p, 2, "0");
+        return (f <= 0 ? "+" : "-") + D(g, 2, "0") + ":" + D(p, 2, "0");
       }, m: function _(f, d) {
         if (f.date() < d.date()) return -_(d, f);
         var g = 12 * (d.year() - f.year()) + (d.month() - f.month()), p = f.clone().add(g, c), E = d - p < 0, A = f.clone().add(g + (E ? -1 : 1), c);
@@ -2885,50 +2889,50 @@ function ts() {
       }, a: function(_) {
         return _ < 0 ? Math.ceil(_) || 0 : Math.floor(_);
       }, p: function(_) {
-        return { M: c, y: v, w: h, d: o, D: F, h: l, m: u, s: n, ms: i, Q: k }[_] || String(_ || "").toLowerCase().replace(/s$/, "");
+        return { M: c, y: v, w: h, d: o, D: B, h: l, m: u, s: n, ms: i, Q: k }[_] || String(_ || "").toLowerCase().replace(/s$/, "");
       }, u: function(_) {
         return _ === void 0;
-      } }, y = "en", w = {};
-      w[y] = ie;
-      var $ = "$isDayjsObject", R = function(_) {
+      } }, y = "en", I = {};
+      I[y] = ne;
+      var $ = "$isDayjsObject", P = function(_) {
         return _ instanceof De || !(!_ || !_[$]);
-      }, ee = function _(f, d, g) {
+      }, te = function _(f, d, g) {
         var p;
         if (!f) return y;
         if (typeof f == "string") {
           var E = f.toLowerCase();
-          w[E] && (p = E), d && (w[E] = d, p = E);
+          I[E] && (p = E), d && (I[E] = d, p = E);
           var A = f.split("-");
           if (!p && A.length > 1) return _(A[0]);
         } else {
-          var B = f.name;
-          w[B] = f, p = B;
+          var V = f.name;
+          I[V] = f, p = V;
         }
         return !g && p && (y = p), p || !g && y;
       }, b = function(_, f) {
-        if (R(_)) return _.clone();
+        if (P(_)) return _.clone();
         var d = typeof f == "object" ? f : {};
         return d.date = _, d.args = arguments, new De(d);
-      }, M = O;
-      M.l = ee, M.i = R, M.w = function(_, f) {
+      }, S = R;
+      S.l = te, S.i = P, S.w = function(_, f) {
         return b(_, { locale: f.$L, utc: f.$u, x: f.$x, $offset: f.$offset });
       };
       var De = (function() {
         function _(d) {
-          this.$L = ee(d.locale, null, !0), this.parse(d), this.$x = this.$x || d.x || {}, this[$] = !0;
+          this.$L = te(d.locale, null, !0), this.parse(d), this.$x = this.$x || d.x || {}, this[$] = !0;
         }
         var f = _.prototype;
         return f.parse = function(d) {
           this.$d = (function(g) {
             var p = g.date, E = g.utc;
             if (p === null) return /* @__PURE__ */ new Date(NaN);
-            if (M.u(p)) return /* @__PURE__ */ new Date();
+            if (S.u(p)) return /* @__PURE__ */ new Date();
             if (p instanceof Date) return new Date(p);
             if (typeof p == "string" && !/Z$/i.test(p)) {
-              var A = p.match(L);
+              var A = p.match(O);
               if (A) {
-                var B = A[2] - 1 || 0, T = (A[7] || "0").substring(0, 3);
-                return E ? new Date(Date.UTC(A[1], B, A[3] || 1, A[4] || 0, A[5] || 0, A[6] || 0, T)) : new Date(A[1], B, A[3] || 1, A[4] || 0, A[5] || 0, A[6] || 0, T);
+                var V = A[2] - 1 || 0, T = (A[7] || "0").substring(0, 3);
+                return E ? new Date(Date.UTC(A[1], V, A[3] || 1, A[4] || 0, A[5] || 0, A[6] || 0, T)) : new Date(A[1], V, A[3] || 1, A[4] || 0, A[5] || 0, A[6] || 0, T);
               }
             }
             return new Date(p);
@@ -2937,9 +2941,9 @@ function ts() {
           var d = this.$d;
           this.$y = d.getFullYear(), this.$M = d.getMonth(), this.$D = d.getDate(), this.$W = d.getDay(), this.$H = d.getHours(), this.$m = d.getMinutes(), this.$s = d.getSeconds(), this.$ms = d.getMilliseconds();
         }, f.$utils = function() {
-          return M;
+          return S;
         }, f.isValid = function() {
-          return this.$d.toString() !== I;
+          return this.$d.toString() !== M;
         }, f.isSame = function(d, g) {
           var p = b(d);
           return this.startOf(g) <= p && p <= this.endOf(g);
@@ -2948,28 +2952,28 @@ function ts() {
         }, f.isBefore = function(d, g) {
           return this.endOf(g) < b(d);
         }, f.$g = function(d, g, p) {
-          return M.u(d) ? this[g] : this.set(p, d);
+          return S.u(d) ? this[g] : this.set(p, d);
         }, f.unix = function() {
           return Math.floor(this.valueOf() / 1e3);
         }, f.valueOf = function() {
           return this.$d.getTime();
         }, f.startOf = function(d, g) {
-          var p = this, E = !!M.u(g) || g, A = M.p(d), B = function(ce, q) {
-            var ne = M.w(p.$u ? Date.UTC(p.$y, q, ce) : new Date(p.$y, q, ce), p);
-            return E ? ne : ne.endOf(o);
+          var p = this, E = !!S.u(g) || g, A = S.p(d), V = function(ce, q) {
+            var re = S.w(p.$u ? Date.UTC(p.$y, q, ce) : new Date(p.$y, q, ce), p);
+            return E ? re : re.endOf(o);
           }, T = function(ce, q) {
-            return M.w(p.toDate()[ce].apply(p.toDate("s"), (E ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(q)), p);
-          }, P = this.$W, N = this.$M, G = this.$D, ke = "set" + (this.$u ? "UTC" : "");
+            return S.w(p.toDate()[ce].apply(p.toDate("s"), (E ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(q)), p);
+          }, L = this.$W, N = this.$M, Z = this.$D, ke = "set" + (this.$u ? "UTC" : "");
           switch (A) {
             case v:
-              return E ? B(1, 0) : B(31, 11);
+              return E ? V(1, 0) : V(31, 11);
             case c:
-              return E ? B(1, N) : B(0, N + 1);
+              return E ? V(1, N) : V(0, N + 1);
             case h:
-              var de = this.$locale().weekStart || 0, ye = (P < de ? P + 7 : P) - de;
-              return B(E ? G - ye : G + (6 - ye), N);
+              var de = this.$locale().weekStart || 0, ye = (L < de ? L + 7 : L) - de;
+              return V(E ? Z - ye : Z + (6 - ye), N);
             case o:
-            case F:
+            case B:
               return T(ke + "Hours", 0);
             case l:
               return T(ke + "Minutes", 1);
@@ -2983,61 +2987,61 @@ function ts() {
         }, f.endOf = function(d) {
           return this.startOf(d, !1);
         }, f.$set = function(d, g) {
-          var p, E = M.p(d), A = "set" + (this.$u ? "UTC" : ""), B = (p = {}, p[o] = A + "Date", p[F] = A + "Date", p[c] = A + "Month", p[v] = A + "FullYear", p[l] = A + "Hours", p[u] = A + "Minutes", p[n] = A + "Seconds", p[i] = A + "Milliseconds", p)[E], T = E === o ? this.$D + (g - this.$W) : g;
+          var p, E = S.p(d), A = "set" + (this.$u ? "UTC" : ""), V = (p = {}, p[o] = A + "Date", p[B] = A + "Date", p[c] = A + "Month", p[v] = A + "FullYear", p[l] = A + "Hours", p[u] = A + "Minutes", p[n] = A + "Seconds", p[i] = A + "Milliseconds", p)[E], T = E === o ? this.$D + (g - this.$W) : g;
           if (E === c || E === v) {
-            var P = this.clone().set(F, 1);
-            P.$d[B](T), P.init(), this.$d = P.set(F, Math.min(this.$D, P.daysInMonth())).$d;
-          } else B && this.$d[B](T);
+            var L = this.clone().set(B, 1);
+            L.$d[V](T), L.init(), this.$d = L.set(B, Math.min(this.$D, L.daysInMonth())).$d;
+          } else V && this.$d[V](T);
           return this.init(), this;
         }, f.set = function(d, g) {
           return this.clone().$set(d, g);
         }, f.get = function(d) {
-          return this[M.p(d)]();
+          return this[S.p(d)]();
         }, f.add = function(d, g) {
           var p, E = this;
           d = Number(d);
-          var A = M.p(g), B = function(N) {
-            var G = b(E);
-            return M.w(G.date(G.date() + Math.round(N * d)), E);
+          var A = S.p(g), V = function(N) {
+            var Z = b(E);
+            return S.w(Z.date(Z.date() + Math.round(N * d)), E);
           };
           if (A === c) return this.set(c, this.$M + d);
           if (A === v) return this.set(v, this.$y + d);
-          if (A === o) return B(1);
-          if (A === h) return B(7);
-          var T = (p = {}, p[u] = s, p[l] = a, p[n] = t, p)[A] || 1, P = this.$d.getTime() + d * T;
-          return M.w(P, this);
+          if (A === o) return V(1);
+          if (A === h) return V(7);
+          var T = (p = {}, p[u] = s, p[l] = a, p[n] = t, p)[A] || 1, L = this.$d.getTime() + d * T;
+          return S.w(L, this);
         }, f.subtract = function(d, g) {
           return this.add(-1 * d, g);
         }, f.format = function(d) {
           var g = this, p = this.$locale();
-          if (!this.isValid()) return p.invalidDate || I;
-          var E = d || "YYYY-MM-DDTHH:mm:ssZ", A = M.z(this), B = this.$H, T = this.$m, P = this.$M, N = p.weekdays, G = p.months, ke = p.meridiem, de = function(q, ne, Ee, Se) {
-            return q && (q[ne] || q(g, E)) || Ee[ne].slice(0, Se);
+          if (!this.isValid()) return p.invalidDate || M;
+          var E = d || "YYYY-MM-DDTHH:mm:ssZ", A = S.z(this), V = this.$H, T = this.$m, L = this.$M, N = p.weekdays, Z = p.months, ke = p.meridiem, de = function(q, re, Ee, Se) {
+            return q && (q[re] || q(g, E)) || Ee[re].slice(0, Se);
           }, ye = function(q) {
-            return M.s(B % 12 || 12, q, "0");
-          }, ce = ke || function(q, ne, Ee) {
+            return S.s(V % 12 || 12, q, "0");
+          }, ce = ke || function(q, re, Ee) {
             var Se = q < 12 ? "AM" : "PM";
             return Ee ? Se.toLowerCase() : Se;
           };
-          return E.replace(he, (function(q, ne) {
-            return ne || (function(Ee) {
+          return E.replace(G, (function(q, re) {
+            return re || (function(Ee) {
               switch (Ee) {
                 case "YY":
                   return String(g.$y).slice(-2);
                 case "YYYY":
-                  return M.s(g.$y, 4, "0");
+                  return S.s(g.$y, 4, "0");
                 case "M":
-                  return P + 1;
+                  return L + 1;
                 case "MM":
-                  return M.s(P + 1, 2, "0");
+                  return S.s(L + 1, 2, "0");
                 case "MMM":
-                  return de(p.monthsShort, P, G, 3);
+                  return de(p.monthsShort, L, Z, 3);
                 case "MMMM":
-                  return de(G, P);
+                  return de(Z, L);
                 case "D":
                   return g.$D;
                 case "DD":
-                  return M.s(g.$D, 2, "0");
+                  return S.s(g.$D, 2, "0");
                 case "d":
                   return String(g.$W);
                 case "dd":
@@ -3047,27 +3051,27 @@ function ts() {
                 case "dddd":
                   return N[g.$W];
                 case "H":
-                  return String(B);
+                  return String(V);
                 case "HH":
-                  return M.s(B, 2, "0");
+                  return S.s(V, 2, "0");
                 case "h":
                   return ye(1);
                 case "hh":
                   return ye(2);
                 case "a":
-                  return ce(B, T, !0);
+                  return ce(V, T, !0);
                 case "A":
-                  return ce(B, T, !1);
+                  return ce(V, T, !1);
                 case "m":
                   return String(T);
                 case "mm":
-                  return M.s(T, 2, "0");
+                  return S.s(T, 2, "0");
                 case "s":
                   return String(g.$s);
                 case "ss":
-                  return M.s(g.$s, 2, "0");
+                  return S.s(g.$s, 2, "0");
                 case "SSS":
-                  return M.s(g.$ms, 3, "0");
+                  return S.s(g.$ms, 3, "0");
                 case "Z":
                   return A;
               }
@@ -3077,24 +3081,24 @@ function ts() {
         }, f.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
         }, f.diff = function(d, g, p) {
-          var E, A = this, B = M.p(g), T = b(d), P = (T.utcOffset() - this.utcOffset()) * s, N = this - T, G = function() {
-            return M.m(A, T);
+          var E, A = this, V = S.p(g), T = b(d), L = (T.utcOffset() - this.utcOffset()) * s, N = this - T, Z = function() {
+            return S.m(A, T);
           };
-          switch (B) {
+          switch (V) {
             case v:
-              E = G() / 12;
+              E = Z() / 12;
               break;
             case c:
-              E = G();
+              E = Z();
               break;
             case k:
-              E = G() / 3;
+              E = Z() / 3;
               break;
             case h:
-              E = (N - P) / 6048e5;
+              E = (N - L) / 6048e5;
               break;
             case o:
-              E = (N - P) / 864e5;
+              E = (N - L) / 864e5;
               break;
             case l:
               E = N / a;
@@ -3108,17 +3112,17 @@ function ts() {
             default:
               E = N;
           }
-          return p ? E : M.a(E);
+          return p ? E : S.a(E);
         }, f.daysInMonth = function() {
           return this.endOf(c).$D;
         }, f.$locale = function() {
-          return w[this.$L];
+          return I[this.$L];
         }, f.locale = function(d, g) {
           if (!d) return this.$L;
-          var p = this.clone(), E = ee(d, g, !0);
+          var p = this.clone(), E = te(d, g, !0);
           return E && (p.$L = E), p;
         }, f.clone = function() {
-          return M.w(this.$d, this);
+          return S.w(this.$d, this);
         }, f.toDate = function() {
           return new Date(this.valueOf());
         }, f.toJSON = function() {
@@ -3128,21 +3132,21 @@ function ts() {
         }, f.toString = function() {
           return this.$d.toUTCString();
         }, _;
-      })(), ze = De.prototype;
-      return b.prototype = ze, [["$ms", i], ["$s", n], ["$m", u], ["$H", l], ["$W", o], ["$M", c], ["$y", v], ["$D", F]].forEach((function(_) {
-        ze[_[1]] = function(f) {
+      })(), je = De.prototype;
+      return b.prototype = je, [["$ms", i], ["$s", n], ["$m", u], ["$H", l], ["$W", o], ["$M", c], ["$y", v], ["$D", B]].forEach((function(_) {
+        je[_[1]] = function(f) {
           return this.$g(f, _[0], _[1]);
         };
       })), b.extend = function(_, f) {
         return _.$i || (_(f, De, b), _.$i = !0), b;
-      }, b.locale = ee, b.isDayjs = R, b.unix = function(_) {
+      }, b.locale = te, b.isDayjs = P, b.unix = function(_) {
         return b(1e3 * _);
-      }, b.en = w[y], b.Ls = w, b.p = {}, b;
+      }, b.en = I[y], b.Ls = I, b.p = {}, b;
     }));
   })(we)), we.exports;
 }
 var ss = ts();
-const X = /* @__PURE__ */ Qt(ss), as = ["id"], is = { class: "date-picker-close is-flex is-justify-flex-end" }, ns = { class: "date-picker-header is-flex is-justify-space-between is-align-center mb-2 content" }, rs = { class: "calendar is-flex is-flex-wrap content" }, us = ["title", "tabindex", "disabled", "onClick"], ls = ["id", "title", "tabindex", "disabled", "onClick"], os = ["title", "disabled", "onClick"], hs = /* @__PURE__ */ ve({
+const J = /* @__PURE__ */ Qt(ss), as = ["id"], is = { class: "date-picker-close is-flex is-justify-flex-end" }, ns = { class: "date-picker-header is-flex is-justify-space-between is-align-center mb-2 content" }, rs = { class: "calendar is-flex is-flex-wrap content" }, us = ["title", "tabindex", "disabled", "onClick"], ls = ["id", "title", "tabindex", "disabled", "onClick"], os = ["title", "disabled", "onClick"], hs = /* @__PURE__ */ ve({
   __name: "DatePicker",
   props: {
     id: {},
@@ -3154,65 +3158,65 @@ const X = /* @__PURE__ */ Qt(ss), as = ["id"], is = { class: "date-picker-close
   },
   emits: ["update:modelValue"],
   setup(r, { expose: e, emit: t }) {
-    const s = r, a = t, i = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], n = Z(X(s.initialValue === "" ? void 0 : s.initialValue)), u = Z(n.value), l = Y(() => {
-      const S = u.value.daysInMonth();
-      return Array.from({ length: S }, (O, y) => u.value.date(y + 1));
+    const s = r, a = t, i = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], n = W(J(s.initialValue === "" ? void 0 : s.initialValue)), u = W(n.value), l = Y(() => {
+      const D = u.value.daysInMonth();
+      return Array.from({ length: D }, (R, y) => u.value.date(y + 1));
     }), o = Y(() => Array.from(
       {
         length: u.value.date(1).day()
       },
-      (O, y) => u.value.date(-y)
+      (R, y) => u.value.date(-y)
     ).reverse()), h = Y(() => Array.from(
       {
         length: 6 - u.value.endOf("month").day()
       },
-      (O, y) => u.value.endOf("month").add(y + 1, "day")
-    )), c = (S) => !nt(S, s.min, s.max), k = (S) => {
-      n.value = S, a("update:modelValue", n.value.format(s.format)), s.close();
-    }, v = (S) => {
-      a("update:modelValue", S), S ? (n.value = X(S, s.format), u.value = n.value) : (n.value = X(), u.value = X());
-    }, F = () => {
+      (R, y) => u.value.endOf("month").add(y + 1, "day")
+    )), c = (D) => !nt(D, s.min, s.max), k = (D) => {
+      n.value = D, a("update:modelValue", n.value.format(s.format)), s.close();
+    }, v = (D) => {
+      a("update:modelValue", D), D ? (n.value = J(D, s.format), u.value = n.value) : (n.value = J(), u.value = J());
+    }, B = () => {
       u.value = u.value.add(1, "month");
-    }, I = () => {
+    }, M = () => {
       u.value = u.value.subtract(1, "month");
-    }, L = (S) => {
-      const O = document.querySelector("#selected-day");
-      O instanceof HTMLButtonElement && (S.preventDefault(), O.focus());
-    }, he = (S) => {
-      const O = document.querySelector(`#${s.id} button`);
-      O instanceof HTMLButtonElement && (S.preventDefault(), O.focus());
-    }, ie = (S) => {
-      if (S.key === "Tab" && !S.shiftKey && he(S), ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End"].includes(S.key)) {
-        S.preventDefault();
+    }, O = (D) => {
+      const R = document.querySelector("#selected-day");
+      R instanceof HTMLButtonElement && (D.preventDefault(), R.focus());
+    }, G = (D) => {
+      const R = document.querySelector(`#${s.id} button`);
+      R instanceof HTMLButtonElement && (D.preventDefault(), R.focus());
+    }, ne = (D) => {
+      if (D.key === "Tab" && !D.shiftKey && G(D), ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End"].includes(D.key)) {
+        D.preventDefault();
         const y = document.activeElement;
         if (y instanceof HTMLButtonElement) {
-          const w = Array.from(document.querySelectorAll(".calendar button")).filter(
-            (ee) => !ee.disabled
-          ), $ = w.indexOf(y);
-          let R = $;
-          switch (S.key) {
+          const I = Array.from(document.querySelectorAll(".calendar button")).filter(
+            (te) => !te.disabled
+          ), $ = I.indexOf(y);
+          let P = $;
+          switch (D.key) {
             case "ArrowUp":
-              R = $ - 7;
+              P = $ - 7;
               break;
             case "ArrowDown":
-              R = $ + 7;
+              P = $ + 7;
               break;
             case "ArrowLeft":
-              R = $ - 1;
+              P = $ - 1;
               break;
             case "ArrowRight":
-              R = $ + 1;
+              P = $ + 1;
               break;
             case "Home":
-              R = 0;
+              P = 0;
               break;
             case "End":
-              R = w.length - 1;
+              P = I.length - 1;
               break;
           }
-          R >= 0 && R < w.length ? w[R].focus() : R < 0 ? (I(), qe(() => {
+          P >= 0 && P < I.length ? I[P].focus() : P < 0 ? (M(), qe(() => {
             document.querySelector(".calendar > span:last-of-type button:last-of-type")?.focus();
-          })) : R >= w.length && (F(), qe(() => {
+          })) : P >= I.length && (B(), qe(() => {
             document.querySelector(".calendar button")?.focus();
           }));
         }
@@ -3220,79 +3224,79 @@ const X = /* @__PURE__ */ Qt(ss), as = ["id"], is = { class: "date-picker-close
     };
     return e({
       update: v,
-      focusDatePicker: L
-    }), (S, O) => (V(), U("div", {
+      focusDatePicker: O
+    }), (D, R) => (w(), U("div", {
       id: r.id,
       class: "date-picker"
     }, [
-      z("div", is, [
-        ge(D(Wt), {
+      j("div", is, [
+        ge(x(Wt), {
           id: `${r.id}-date-picker-toggle`,
           variant: "standard",
           size: "extra-small",
           "icon-only": "",
-          "icon-definition": D(Jt),
+          "icon-definition": x(Jt),
           "aria-label": "close date picker",
-          onClick: re(r.close, ["prevent"])
+          onClick: ue(r.close, ["prevent"])
         }, null, 8, ["id", "icon-definition", "onClick"])
       ]),
-      z("div", ns, [
-        z("button", {
+      j("div", ns, [
+        j("button", {
           class: "phila-button icon-button--secondary is-extra-small",
-          onClick: re(I, ["prevent"])
+          onClick: ue(M, ["prevent"])
         }, " Prev "),
-        z("span", null, W(u.value.format("MMMM YYYY")), 1),
-        z("button", {
+        j("span", null, X(u.value.format("MMMM YYYY")), 1),
+        j("button", {
           class: "phila-button is-extra-small",
-          onClick: re(F, ["prevent"])
+          onClick: ue(B, ["prevent"])
         }, "Next")
       ]),
-      z("div", rs, [
-        (V(), U(Me, null, Be(i, (y) => z("span", {
+      j("div", rs, [
+        (w(), U(Me, null, Be(i, (y) => j("span", {
           key: y,
           class: "calendar-day is-5 has-text-weight-bold"
-        }, W(y), 1)), 64)),
-        (V(!0), U(Me, null, Be(o.value, (y, w) => (V(), U("span", {
+        }, X(y), 1)), 64)),
+        (w(!0), U(Me, null, Be(o.value, (y, I) => (w(), U("span", {
           key: "day-in-previous-month-" + y.date(),
           class: "calendar-day outside-month is-5"
         }, [
-          z("button", {
+          j("button", {
             class: "phila-button is-extra-small p-2",
             title: `${y.format("MMMM D, YYYY")}`,
-            tabindex: w === 0 ? 0 : -1,
+            tabindex: I === 0 ? 0 : -1,
             disabled: c(y),
-            onKeydown: O[0] || (O[0] = ($) => ie($)),
-            onClick: re(($) => k(y), ["prevent"])
-          }, W(y.date()), 41, us)
+            onKeydown: R[0] || (R[0] = ($) => ne($)),
+            onClick: ue(($) => k(y), ["prevent"])
+          }, X(y.date()), 41, us)
         ]))), 128)),
-        (V(!0), U(Me, null, Be(l.value, (y, w) => (V(), U("span", {
+        (w(!0), U(Me, null, Be(l.value, (y, I) => (w(), U("span", {
           key: `day-in-current-month-${y.date()}`,
           class: "calendar-day is-5"
         }, [
-          z("button", {
+          j("button", {
             id: y.isSame(n.value, "day") ? "selected-day" : void 0,
             class: Ye(["phila-button is-extra-small p-2", {
               active: y.isSame(n.value, "day")
             }]),
             title: y.format("MMMM D, YYYY"),
-            tabindex: y.isSame(n.value, "day") || y.month() !== n.value.month() && w === 0 ? 0 : -1,
+            tabindex: y.isSame(n.value, "day") || y.month() !== n.value.month() && I === 0 ? 0 : -1,
             disabled: c(y),
-            onKeydown: O[1] || (O[1] = ($) => ie($)),
-            onClick: re(() => k(y), ["prevent"])
-          }, W(y.date()), 43, ls)
+            onKeydown: R[1] || (R[1] = ($) => ne($)),
+            onClick: ue(() => k(y), ["prevent"])
+          }, X(y.date()), 43, ls)
         ]))), 128)),
-        (V(!0), U(Me, null, Be(h.value, (y) => (V(), U("span", {
+        (w(!0), U(Me, null, Be(h.value, (y) => (w(), U("span", {
           key: "day-in-next-month-" + y.date(),
           class: "calendar-day outside-month is-5"
         }, [
-          z("button", {
+          j("button", {
             class: "phila-button is-extra-small p-2",
             title: `${y.format("MMMM D, YYYY")}`,
             tabindex: "-1",
             disabled: c(y),
-            onKeydown: O[2] || (O[2] = (w) => ie(w)),
-            onClick: re((w) => k(y), ["prevent"])
-          }, W(y.date()), 41, os)
+            onKeydown: R[2] || (R[2] = (I) => ne(I)),
+            onClick: ue((I) => k(y), ["prevent"])
+          }, X(y.date()), 41, os)
         ]))), 128))
       ])
     ], 8, as));
@@ -3311,8 +3315,8 @@ const X = /* @__PURE__ */ Qt(ss), as = ["id"], is = { class: "date-picker-close
     imaskProps: { default: () => ({
       mask: Date,
       pattern: "m/d/Y",
-      format: (r) => X(r).format("MM/DD/YYYY"),
-      parse: (r) => X(r, "MM/DD/YYYY").toDate()
+      format: (r) => J(r).format("MM/DD/YYYY"),
+      parse: (r) => J(r, "MM/DD/YYYY").toDate()
     }) },
     datePickerOptions: {},
     min: {},
@@ -3328,12 +3332,12 @@ const X = /* @__PURE__ */ Qt(ss), as = ["id"], is = { class: "date-picker-close
     error: {}
   },
   setup(r) {
-    const e = r, t = Xe(), s = pt("datePicker"), a = Z(e.modelValue), i = Z(""), n = Y(() => be("default-class", e.className)), u = (o) => {
+    const e = r, t = Xe(), s = pt("datePicker"), a = W(e.modelValue), i = W(""), n = Y(() => Fe("default-class", e.className)), u = (o) => {
       a.value = o;
     }, l = (o) => {
-      (e.min || e.max) && (nt(o, e.min, e.max) ? i.value = "" : i.value = "Selected date should be between " + X(e.min).format(e.format) + " and " + X(e.max).format(e.format)), s.value?.update(o);
+      (e.min || e.max) && (nt(o, e.min, e.max) ? i.value = "" : i.value = "Selected date should be between " + J(e.min).format(e.format) + " and " + J(e.max).format(e.format)), s.value?.update(o);
     };
-    return (o, h) => r.datePicker ? (V(), se(D(Gt), {
+    return (o, h) => r.datePicker ? (w(), ae(x(Gt), {
       key: 0,
       id: `${e.id}-date-picker`,
       group: "date-picker",
@@ -3341,8 +3345,8 @@ const X = /* @__PURE__ */ Qt(ss), as = ["id"], is = { class: "date-picker-close
       "escape-key-close": "",
       "open-single": ""
     }, {
-      toggle: le((c) => [
-        ge(D(Ze), Q({ ...D(t), ...e }, {
+      toggle: oe((c) => [
+        ge(x(Ze), ee({ ...x(t), ...e }, {
           modelValue: a.value,
           "onUpdate:modelValue": [
             h[0] || (h[0] = (k) => a.value = k),
@@ -3360,8 +3364,8 @@ const X = /* @__PURE__ */ Qt(ss), as = ["id"], is = { class: "date-picker-close
           onComplete: l
         }), null, 16, ["modelValue", "class", "aria-controls", "error", "onFocus", "onClick"])
       ]),
-      default: le(({ open: c, id: k, onClickToggle: v }) => [
-        c ? (V(), se(cs, Q({
+      default: oe(({ open: c, id: k, onClickToggle: v }) => [
+        c ? (w(), ae(cs, ee({
           key: 0,
           id: k,
           ref: "datePicker"
@@ -3375,7 +3379,7 @@ const X = /* @__PURE__ */ Qt(ss), as = ["id"], is = { class: "date-picker-close
         }), null, 16, ["id", "initial-value", "min", "max", "format", "close"])) : pe("", !0)
       ]),
       _: 1
-    }, 8, ["id"])) : (V(), se(D(Ze), Q({ key: 1 }, { ...D(t), ...e }, {
+    }, 8, ["id"])) : (w(), ae(x(Ze), ee({ key: 1 }, { ...x(t), ...e }, {
       modelValue: a.value,
       "onUpdate:modelValue": [
         h[2] || (h[2] = (c) => a.value = c),
@@ -3390,8 +3394,8 @@ const X = /* @__PURE__ */ Qt(ss), as = ["id"], is = { class: "date-picker-close
     }), null, 16, ["modelValue", "class", "errors"]));
   }
 }), nt = (r, e, t) => {
-  typeof r == "string" && (r = X(r));
-  const s = e ? X(e) : null, a = t ? X(t) : null;
+  typeof r == "string" && (r = J(r));
+  const s = e ? J(e) : null, a = t ? J(t) : null;
   return !(s && r.isBefore(s, "day") || a && r.isAfter(a, "day"));
 };
 export {