@beeq/core 1.4.0 → 1.5.0

package/dist/beeq/p-fa00c825.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["bqInputCss","BqInputStyle0","BqInput","this","fallbackInputId","handleBlur","disabled","bqBlur","emit","el","handleFocus","bqFocus","handleInput","ev","_a","debounceBqInput","cancel","isHTMLElement","target","value","type","Number","debounce","bqInput","debounceTime","handleChange","bqChange","handleClearClick","inputElem","bqClear","focus","stopPropagation","handleLabelSlotChange","hasLabel","hasSlotContent","labelElem","handlePrefixSlotChange","hasPrefix","prefixElem","handleSuffixSlotChange","hasSuffix","suffixElem","handleHelperTextSlotChange","hasHelperText","helperTextElem","handleValueChange","Array","isArray","hasValue","some","val","length","isDefined","componentDidLoad","render","h","key","class","part","htmlFor","name","ref","onSlotchange","validationStatus","spanElem","id","autoCapitalize","autocapitalize","autoComplete","autocomplete","autoCorrect","autocorrect","autoFocus","autofocus","form","inputMode","inputmode","max","maxLength","maxlength","min","minLength","minlength","pattern","placeholder","readOnly","readonly","required","step","onBlur","onChange","onFocus","onInput","disableClear","appearance","clearButtonLabel","size","onBqClick","exportparts","divElem"],"sources":["../../packages/beeq/src/components/input/scss/bq-input.scss?tag=bq-input&encapsulation=shadow","../../packages/beeq/src/components/input/bq-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Input styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-input.variables';\n\n:host {\n  @apply block w-full;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                            Label and Helper text                           */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--label {\n  @apply mb-[--bq-input--label-margin-bottom] flex flex-grow items-center gap-[--var(--bq-input--gap-label)];\n  @apply text-[length:--bq-input--label-text-size] text-[color:--bq-input--label-text-color];\n}\n\n.bq-input--helper-text {\n  @apply mt-[--bq-input--helper-margin-top] text-[length:--bq-input--helper-text-size] text-[color:--bq-input--helper-text-color];\n}\n\n.bq-input--helper-text.validation-error {\n  @apply text-text-danger;\n}\n\n.bq-input--helper-text.validation-success {\n  @apply text-text-success;\n}\n\n.bq-input--helper-text.validation-warning {\n  @apply text-text-warning;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                             Input group control                            */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--control {\n  @apply flex w-full items-center transition-[border-color,box-shadow];\n  // Border\n  @apply rounded-[--bq-input--border-radius] border-[length:--bq-input--border-width] border-[color:--bq-input--border-color];\n  // Padding\n  @apply py-[--bq-input--paddingY] pe-[--bq-input--padding-end] ps-[--bq-input--padding-start];\n  // Text\n  @apply text-[length:--bq-input--text-size] text-[color:--bq-input--text-color] placeholder:text-[color:--bq-input--text-placeholder-color];\n  // Hover\n  @apply [&:not(.disabled):not(:focus-within)]:hover:border-hover-stroke-brand;\n\n  border-style: var(--bq-input--border-style);\n\n  // Focus\n  &:not(.disabled):focus-within {\n    --bq-ring-width: 1px;\n    --bq-ring-offset-width: 0;\n    --bq-ring-color-focus: var(--bq-input--border-color-focus);\n\n    @apply focus border-[color:--bq-input--border-color-focus];\n  }\n\n  // Enable clear button whenever the input group control is hovered or has focus\n  &:not(.disabled):hover,\n  &:not(.disabled):focus-within {\n    .bq-input--control__clear {\n      @apply inline-block;\n    }\n  }\n}\n\n.bq-input--control.disabled {\n  @apply cursor-not-allowed opacity-60;\n}\n\n/* ------------------------------- Validation ------------------------------- */\n\n.bq-input--control.validation-error {\n  @apply border-stroke-danger [&:not(.disabled):not(:focus-within)]:hover:border-hover-stroke-danger;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(colors.stroke.danger);\n\n    @apply border-active-stroke-danger;\n  }\n}\n\n.bq-input--control.validation-success {\n  @apply border-stroke-success [&:not(.disabled):not(:focus-within)]:hover:border-hover-stroke-success;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(colors.stroke.success);\n\n    @apply border-active-stroke-success;\n  }\n}\n\n.bq-input--control.validation-warning {\n  @apply border-stroke-warning [&:not(.disabled):not(:focus-within)]:hover:border-hover-stroke-warning;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(colors.stroke.warning);\n\n    @apply border-active-stroke-warning;\n  }\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Native HTML Input                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--control__input {\n  @apply flex-auto cursor-[inherit] appearance-none bg-[inherit] font-[inherit] text-[length:inherit] text-[color:inherit];\n  @apply m-0 min-h-[--bq-input--icon-size] min-w-[0] border-none p-0 focus:outline-none focus-visible:outline-none;\n\n  box-shadow: none;\n  font-weight: inherit;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                Clear button                                */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--control__clear::part(button) {\n  // Since the clear button is inside the input group control,\n  // we need to reset the focus ring styles\n  --bq-ring-width: initial;\n  --bq-ring-offset-width: initial;\n  --bq-ring-color-focus: initial;\n\n  @apply h-auto rounded-xs border-none p-0;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Prefix and suffix                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--control__prefix,\n.bq-input--control__suffix {\n  @apply pointer-events-none flex items-center text-[color:var(--bq-input--text-color)];\n}\n\n.bq-input--control__prefix {\n  @apply me-[--bq-input--gap];\n}\n\n.bq-input--control__suffix {\n  @apply ms-[--bq-input--gap];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Slotted and internal icons                         */\n/* -------------------------------------------------------------------------- */\n\nbq-icon,\n::slotted(bq-icon) {\n  --bq-icon--size: var(--bq-input--icon-size) !important;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                          Hide webkit clear button                          */\n/* -------------------------------------------------------------------------- */\n\n/* Remove clear controls from search input */\n\n.bq-input--control__input::-moz-search-cancel {\n  @apply hidden appearance-none;\n}\n\n.bq-input--control__input::-webkit-search-decoration,\n.bq-input--control__input::-webkit-search-cancel-button,\n.bq-input--control__input::-webkit-search-results-button,\n.bq-input--control__input::-webkit-search-results-decoration {\n  @apply hidden appearance-none;\n}\n\n/* Remove native control extra padding from input date and datetime */\n\n.bq-input--control__input::-webkit-datetime-edit-fields-wrapper,\n.bq-input--control__input::-webkit-datetime-edit,\n.bq-input--control__input::-webkit-datetime-edit-year-field,\n.bq-input--control__input::-webkit-datetime-edit-month-field,\n.bq-input--control__input::-webkit-datetime-edit-day-field,\n.bq-input--control__input::-webkit-datetime-edit-hour-field,\n.bq-input--control__input::-webkit-datetime-edit-minute-field,\n.bq-input--control__input::-webkit-datetime-edit-second-field,\n.bq-input--control__input::-webkit-datetime-edit-millisecond-field,\n.bq-input--control__input::-webkit-datetime-edit-meridiem-field {\n  @apply p-0;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\n\nimport { TInputType, TInputValidation, TInputValue } from './bq-input.types';\nimport { debounce, hasSlotContent, isDefined, isHTMLElement, TDebounce } from '../../shared/utils';\n\n/**\n * @part base - The component's base wrapper.\n * @part button - The native HTML button used under the hood in the clear button.\n * @part clear-btn - The clear button.\n * @part control - The input control wrapper.\n * @part helper-text - The helper text slot container.\n * @part label - The label slot container.\n * @part input - The native HTML input element used under the hood.\n * @part prefix - The prefix slot container.\n * @part suffix - The suffix slot container.\n */\n@Component({\n  tag: 'bq-input',\n  styleUrl: './scss/bq-input.scss',\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqInput {\n  // Own Properties\n  // ====================\n\n  private helperTextElem?: HTMLElement;\n  private inputElem?: HTMLInputElement;\n  private labelElem?: HTMLElement;\n  private prefixElem?: HTMLElement;\n  private suffixElem?: HTMLElement;\n\n  private debounceBqInput: TDebounce<void>;\n  private fallbackInputId = 'input';\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqInputElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() hasHelperText = false;\n  @State() hasLabel = false;\n  @State() hasPrefix = false;\n  @State() hasSuffix = false;\n  @State() hasValue = false;\n\n  // Public Property API\n  // ========================\n\n  /**\n   * Controls whether or not the input field should be capitalized and how.\n   * Possible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize\n   */\n  @Prop({ reflect: true }) autocapitalize: string = 'off';\n\n  /**\n   * Specifies whether or not the input field should have autocomplete enabled.\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\n   */\n  @Prop({ reflect: true }) autocomplete: string = 'off';\n\n  /**\n   * Controls whether or not the input field should have autocorrect enabled.\n   * Possible values are 'on' and 'off'.\n   */\n  @Prop({ reflect: true }) autocorrect: 'on' | 'off' = 'off';\n\n  /** If true, the input will be focused on component render */\n  @Prop({ reflect: true }) autofocus: boolean;\n\n  /** The clear button aria label */\n  @Prop({ reflect: true }) clearButtonLabel? = 'Clear value';\n\n  /**\n   * The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the input value changes.\n   * A value of 0 means no debouncing will occur.\n   */\n  @Prop({ reflect: true, mutable: true }) debounceTime? = 0;\n\n  /**\n   * Indicates whether the input is disabled or not.\n   * If `true`, the input is disabled and cannot be interacted with.\n   */\n  @Prop({ mutable: true }) disabled?: boolean = false;\n\n  /** If true, the clear button won't be displayed */\n  @Prop({ reflect: true }) disableClear? = false;\n\n  /** The ID of the form that the input field belongs to. */\n  @Prop({ reflect: true }) form?: string;\n\n  /**\n   * The inputmode attribute specifies what kind of input mechanism would be most helpful for users entering content into the input field.\n   * This allows a browser to display an appropriate virtual keyboard while editing.\n   * Possible values are 'none', 'text', 'decimal', 'numeric', 'tel', 'search', 'email', 'url', and 'date'.\n   */\n  @Prop() inputmode?: string;\n\n  /**\n   * The maximum value that the input field can accept.\n   * Only applies to date and number input types.\n   */\n  @Prop({ reflect: true }) max?: number | string;\n\n  /** The maximum number of characters that the input field can accept. */\n  @Prop({ reflect: true }) maxlength: number;\n\n  /**\n   * The minimum value that the input field can accept.\n   * Only applies to date and number input types.\n   */\n  @Prop({ reflect: true }) min?: number | string;\n\n  /** The minimum number of characters that the input field can accept. */\n  @Prop({ reflect: true }) minlength: number;\n\n  /** The input field name. */\n  @Prop({ reflect: true }) name!: string;\n\n  /**\n   * Specifies a regular expression the form control's value should match.\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern\n   */\n  @Prop({ reflect: true }) pattern?: string;\n\n  /** The input placeholder text value */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /** If true, the input field cannot be modified. */\n  @Prop({ reflect: true }) readonly?: boolean;\n\n  /** Indicates whether or not the input field is required to be filled out before submitting the form. */\n  @Prop({ reflect: true }) required?: boolean;\n\n  /**\n   * A number that specifies the granularity that the value must adhere to.\n   * Valid for date, month, week, time, datetime-local, number, and range.\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step\n   */\n  @Prop({ reflect: true }) step: number | 'any';\n\n  /**\n   * The type attribute specifies the type of input field to display.\n   * Possible values are 'text', 'password', 'email', 'number', 'tel', 'search', 'url', and more.\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n   */\n  @Prop({ reflect: true }) type: TInputType = 'text';\n\n  /**\n   * The validation status of the input.\n   *\n   * @remarks\n   * This property is used to indicate the validation status of the input. It can be set to one of the following values:\n   * - `'none'`: No validation status is set.\n   * - `'error'`: The input has a validation error.\n   * - `'warning'`: The input has a validation warning.\n   * - `'success'`: The input has passed validation.\n   */\n  @Prop({ reflect: true }) validationStatus: TInputValidation = 'none';\n\n  /** The input value, it can be used to reset the input to a previous value */\n  @Prop({ reflect: true, mutable: true }) value: TInputValue;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('value')\n  handleValueChange() {\n    if (Array.isArray(this.value)) {\n      this.hasValue = this.value.some((val) => val.length > 0);\n      return;\n    }\n\n    this.hasValue = isDefined(this.value);\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler emitted when the input loses focus */\n  @Event() bqBlur!: EventEmitter<HTMLBqInputElement>;\n\n  /**\n   * Callback handler emitted when the input value has changed and the input loses focus.\n   * This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.\n   */\n  @Event() bqChange!: EventEmitter<{ value: string | number | string[]; el: HTMLBqInputElement }>;\n\n  /** Callback handler emitted when the input value has been cleared */\n  @Event() bqClear!: EventEmitter<HTMLBqInputElement>;\n\n  /** Callback handler emitted when the input has received focus */\n  @Event() bqFocus!: EventEmitter<HTMLBqInputElement>;\n\n  /**\n   * Callback handler emitted when the input value changes.\n   * This handler is called whenever the user types or pastes text into the input field.\n   */\n  @Event() bqInput!: EventEmitter<{ value: string | number | string[]; el: HTMLBqInputElement }>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.handleValueChange();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleBlur = () => {\n    if (this.disabled) return;\n\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleFocus = () => {\n    if (this.disabled) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleInput = (ev: Event) => {\n    if (this.disabled) return;\n\n    this.debounceBqInput?.cancel();\n\n    if (!isHTMLElement(ev.target, 'input')) return;\n    this.value = this.type === 'number' ? Number(ev.target.value) : ev.target.value;\n\n    this.debounceBqInput = debounce(() => {\n      this.bqInput.emit({ value: this.value, el: this.el });\n    }, this.debounceTime);\n    this.debounceBqInput();\n  };\n\n  private handleChange = (ev: Event) => {\n    if (this.disabled) return;\n\n    if (!isHTMLElement(ev.target, 'input')) return;\n    this.value = this.type === 'number' ? Number(ev.target.value) : ev.target.value;\n\n    this.bqChange.emit({ value: this.value, el: this.el });\n  };\n\n  private handleClearClick = (ev: CustomEvent) => {\n    if (this.disabled) return;\n\n    this.inputElem.value = '';\n    this.value = this.inputElem.value;\n\n    this.bqClear.emit(this.el);\n    this.bqInput.emit({ value: this.value, el: this.el });\n    this.bqChange.emit({ value: this.value, el: this.el });\n    this.inputElem.focus();\n\n    ev.stopPropagation();\n  };\n\n  private handleLabelSlotChange = () => {\n    this.hasLabel = hasSlotContent(this.labelElem);\n  };\n\n  private handlePrefixSlotChange = () => {\n    this.hasPrefix = hasSlotContent(this.prefixElem);\n  };\n\n  private handleSuffixSlotChange = () => {\n    this.hasSuffix = hasSlotContent(this.suffixElem);\n  };\n\n  private handleHelperTextSlotChange = () => {\n    this.hasHelperText = hasSlotContent(this.helperTextElem);\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div class=\"bq-input\" part=\"base\">\n        {/* Label */}\n        <label\n          class={{ 'bq-input--label': true, '!hidden': !this.hasLabel }}\n          htmlFor={this.name || this.fallbackInputId}\n          ref={(labelElem) => (this.labelElem = labelElem)}\n          part=\"label\"\n        >\n          <slot name=\"label\" onSlotchange={this.handleLabelSlotChange} />\n        </label>\n        {/* Input control group */}\n        <div\n          class={{\n            'bq-input--control': true,\n            [`validation-${this.validationStatus}`]: true,\n            disabled: this.disabled,\n          }}\n          part=\"control\"\n        >\n          {/* Prefix */}\n          <span\n            class={{ 'bq-input--control__prefix': true, '!hidden': !this.hasPrefix }}\n            ref={(spanElem) => (this.prefixElem = spanElem)}\n            part=\"prefix\"\n          >\n            <slot name=\"prefix\" onSlotchange={this.handlePrefixSlotChange} />\n          </span>\n          {/* HTML Input */}\n          <input\n            id={this.name || this.fallbackInputId}\n            class=\"bq-input--control__input\"\n            aria-disabled={this.disabled ? 'true' : 'false'}\n            autoCapitalize={this.autocapitalize}\n            autoComplete={this.autocomplete}\n            autoCorrect={this.autocorrect}\n            autoFocus={this.autofocus}\n            disabled={this.disabled}\n            form={this.form}\n            inputMode={this.inputmode}\n            max={this.max}\n            maxLength={this.maxlength}\n            min={this.min}\n            minLength={this.minlength}\n            name={this.name}\n            pattern={this.pattern}\n            placeholder={this.placeholder}\n            ref={(inputElem) => (this.inputElem = inputElem)}\n            readOnly={this.readonly}\n            required={this.required}\n            step={this.step}\n            type={this.type}\n            value={this.value}\n            part=\"input\"\n            // Events\n            onBlur={this.handleBlur}\n            onChange={this.handleChange}\n            onFocus={this.handleFocus}\n            onInput={this.handleInput}\n          />\n          {/* Clear Button */}\n          {this.hasValue && !this.disabled && !this.disableClear && (\n            // The clear button will be visible as long as the input has a value\n            // and the parent group is hovered or has focus-within\n            <bq-button\n              class=\"bq-input--control__clear ms-[--bq-input--gap] hidden\"\n              appearance=\"text\"\n              aria-label={this.clearButtonLabel}\n              size=\"small\"\n              onBqClick={this.handleClearClick}\n              part=\"clear-btn\"\n              exportparts=\"button\"\n            >\n              <slot name=\"clear-icon\">\n                <bq-icon name=\"x-circle\" class=\"flex\" />\n              </slot>\n            </bq-button>\n          )}\n          {/* Suffix */}\n          <span\n            class={{ 'bq-input--control__suffix': true, '!hidden': !this.hasSuffix }}\n            ref={(spanElem) => (this.suffixElem = spanElem)}\n            part=\"suffix\"\n          >\n            <slot name=\"suffix\" onSlotchange={this.handleSuffixSlotChange} />\n          </span>\n        </div>\n        {/* Helper text */}\n        <div\n          class={{\n            [`bq-input--helper-text validation-${this.validationStatus}`]: true,\n            '!hidden': !this.hasHelperText,\n          }}\n          ref={(divElem) => (this.helperTextElem = divElem)}\n          part=\"helper-text\"\n        >\n          <slot name=\"helper-text\" onSlotchange={this.handleHelperTextSlotChange} />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/{app-globals-eca46908.js → app-globals-53e231d9.js}

@@ -66,7 +66,7 @@ const ee = Symbol.for("Atomico.suspense"), Ft = Symbol.for("Atomico.effect"), ne
     c(Ft, i);
   })), isSuspense: r };
 }, A = Symbol.for;
-function $t(e, t) {
+function Ut(e, t) {
   const n = e.length;
   if (n !== t.length)
     return !1;
@@ -78,7 +78,7 @@ function $t(e, t) {
   return !0;
 }
 const C = (e) => typeof e == "function", R = (e) => typeof e == "object", { isArray: re } = Array, tt = (e, t) => (t ? e instanceof HTMLStyleElement : !0) && "hydrate" in (e?.dataset || {});
-function Ut(e, t) {
+function $t(e, t) {
   let n;
   const s = (o) => {
     let { length: r } = o;
@@ -275,7 +275,7 @@ function be(e) {
   const { styles: t } = e.constructor, { shadowRoot: n } = e;
   if (n && t.length) {
     const s = [];
-    Ut(t, (o) => {
+    $t(t, (o) => {
       o && (o instanceof Element ? n.appendChild(o.cloneNode(!0)) : s.push(o));
     }), s.length && (n.adoptedStyleSheets = s);
   }
@@ -286,7 +286,7 @@ const qt = (e) => (t, n) => {
      * Clean the effect hook
      * @type {import("internal/hooks.js").CollectorEffect}
      */
-    ([s, o] = []) => ((o || !o) && (o && $t(o, n) ? s = s || !0 : (C(s) && s(), s = null)), [s, n]),
+    ([s, o] = []) => ((o || !o) && (o && Ut(o, n) ? s = s || !0 : (C(s) && s(), s = null)), [s, n]),
     /**
      * @returns {any}
      */
@@ -332,7 +332,7 @@ const rt = (e) => {
     })) => n
   );
 }, P = (e, t) => {
-  const [n] = M(([s, o, r = 0] = []) => ((!o || o && !$t(o, t)) && (s = e()), [s, t, r]));
+  const [n] = M(([s, o, r = 0] = []) => ((!o || o && !Ut(o, t)) && (s = e()), [s, t, r]));
   return n;
 }, ct = (e) => {
   const { current: t } = L();
@@ -479,7 +479,7 @@ function Pe(e, t, n, s, o, r) {
   let f;
   const d = i && /* @__PURE__ */ new Set();
   let l = u;
-  if (e && Ut(e, (m) => {
+  if (e && $t(e, (m) => {
     if (typeof m == "object" && !m[I])
       return;
     const p = m[I] && m.key, y = i && p != null && i.get(p);
@@ -625,7 +625,7 @@ const Me = Ht("host", { style: "display: contents" }), W = A("atomico/context"),
     }
   );
   return t.value = e, t;
-}, b = (e, t, n) => (t == null ? t = { key: n } : t.key = n, Ht(e, t)), $ = b, Jt = B`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, Zt = B`.vh{position:absolute;transform:scale(0)}`;
+}, b = (e, t, n) => (t == null ? t = { key: n } : t.key = n, Ht(e, t)), U = b, Jt = B`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, Zt = B`.vh{position:absolute;transform:scale(0)}`;
 function at() {
   return D.from(/* @__PURE__ */ new Date());
 }
@@ -642,14 +642,14 @@ function Xt(e) {
 function z(e, t, n) {
   return t && D.compare(e, t) < 0 ? t : n && D.compare(e, n) > 0 ? n : e;
 }
-const $e = { days: 1 };
-function Ue(e, t = 0) {
+const Ue = { days: 1 };
+function $e(e, t = 0) {
   let n = it(e.toPlainDate(), t);
   const s = Wt(Xt(e), t), o = [];
   for (; D.compare(n, s) < 0; ) {
     const r = [];
     for (let c = 0; c < 7; c++)
-      r.push(n), n = n.add($e);
+      r.push(n), n = n.add(Ue);
     o.push(r);
   }
   return o;
@@ -749,19 +749,19 @@ function je(e) {
     return r;
   }, [t]), (r) => n(r.join(" "))];
 }
-function U(e, t) {
+function $(e, t) {
   return P(
     () => new Intl.DateTimeFormat(t, { timeZone: "UTC", ...e }),
     [t, e]
   );
 }
 function Ct(e, t, n) {
-  const s = U(e, n);
+  const s = $(e, n);
   return P(() => {
     const o = [], r = /* @__PURE__ */ new Date();
     for (var c = 0; c < 7; c++) {
-      const u = (r.getDay() - t + 7) % 7;
-      o[u] = s.format(r), r.setDate(r.getDate() + 1);
+      const u = (r.getUTCDay() - t + 7) % 7;
+      o[u] = s.format(r), r.setUTCDate(r.getUTCDate() + 1);
     }
     return o;
   }, [t, s]);
@@ -776,11 +776,11 @@ function ze({ props: e, context: t }) {
     page: u,
     locale: a,
     focusedDate: i
-  } = t, f = at(), d = Ct(Be, s, a), l = Ct(xe, s, a), m = U(Ye, a), p = U(qe, a), y = P(
+  } = t, f = at(), d = Ct(Be, s, a), l = Ct(xe, s, a), m = $(Ye, a), p = $(qe, a), y = P(
     () => u.start.add({ months: n }),
     [u, n]
   ), E = P(
-    () => Ue(y, s),
+    () => $e(y, s),
     [y, s]
   ), h = T("focusday", G), w = T("selectday", G), K = T("hoverday", G);
   function mt(g) {
@@ -870,10 +870,10 @@ const He = _(
     function o() {
       n.current.querySelector("button[tabindex='0']")?.focus();
     }
-    return /* @__PURE__ */ $("host", { shadowDom: !0, focus: o, children: [
+    return /* @__PURE__ */ U("host", { shadowDom: !0, focus: o, children: [
       /* @__PURE__ */ b("div", { id: "h", part: "heading", children: s.formatter.format(v(s.yearMonth)) }),
-      /* @__PURE__ */ $("table", { ref: n, "aria-labelledby": "h", part: "table", children: [
-        /* @__PURE__ */ b("thead", { children: /* @__PURE__ */ b("tr", { part: "tr head", children: s.daysLong.map((r, c) => /* @__PURE__ */ $("th", { part: "th", scope: "col", children: [
+      /* @__PURE__ */ U("table", { ref: n, "aria-labelledby": "h", part: "table", children: [
+        /* @__PURE__ */ b("thead", { children: /* @__PURE__ */ b("tr", { part: "tr head", children: s.daysLong.map((r, c) => /* @__PURE__ */ U("th", { part: "th", scope: "col", children: [
           /* @__PURE__ */ b("span", { class: "vh", children: r }),
           /* @__PURE__ */ b("span", { "aria-hidden": "true", children: s.daysShort[c] })
         ] })) }) }),
@@ -912,9 +912,9 @@ function Nt(e) {
 }
 function ut(e) {
   const t = v(e.page.start), n = v(e.page.end);
-  return /* @__PURE__ */ $("div", { role: "group", "aria-labelledby": "h", part: "container", children: [
+  return /* @__PURE__ */ U("div", { role: "group", "aria-labelledby": "h", part: "container", children: [
     /* @__PURE__ */ b("div", { id: "h", class: "vh", "aria-live": "polite", "aria-atomic": "true", children: e.formatVerbose.formatRange(t, n) }),
-    /* @__PURE__ */ $("div", { part: "header", children: [
+    /* @__PURE__ */ U("div", { part: "header", children: [
       /* @__PURE__ */ b(Nt, { name: "previous", onclick: e.previous, children: "Previous" }),
       /* @__PURE__ */ b("slot", { part: "heading", name: "heading", children: /* @__PURE__ */ b("div", { "aria-hidden": "true", children: e.format.formatRange(t, n) }) }),
       /* @__PURE__ */ b(Nt, { name: "next", onclick: e.next, children: "Next" })
@@ -1012,7 +1012,7 @@ function ht({
   function p(h) {
     s(h), c(v(h));
   }
-  const y = U(Ke, t), E = U(Je, t);
+  const y = $(Ke, t), E = $(Je, t);
   return {
     format: y,
     formatVerbose: E,
@@ -1119,4 +1119,4 @@ const globalScripts = globalFn;
 
 exports.globalScripts = globalScripts;
 
-//# sourceMappingURL=app-globals-eca46908.js.map
+//# sourceMappingURL=app-globals-53e231d9.js.map