@plexui/vue 0.1.4 → 0.1.6

package/dist/es/components/Checkbox/Checkbox.js

@@ -141,7 +141,10 @@ const CheckboxComponent = defineComponent({
                         "aria-disabled": undefined,
                         ...buttonAttrs,
                         "aria-describedby": ariaDescribedBy,
-                    }, { default: () => h(RekaCheckboxIndicator, { class: s.CheckMark }) }),
+                    }, 
+                    // Mounted for good: on every uncheck Presence reads computed style, and
+                    // a long list of boxes cleared at once forces one style pass per box.
+                    { default: () => h(RekaCheckboxIndicator, { class: s.CheckMark, forceMount: true }) }),
                 }),
                 isFormControl.value
                     ? h("input", {

package/dist/es/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAiB,MAAM,KAAK,CAAA;AAC/F,OAAO,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAA;AACtG,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AACvH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,oBAAoB,CAAA;AAC9E,OAAO,CAAC,MAAM,wDAAwD,CAAA;AAYtE,MAAM,iBAAiB,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,gCAAgC;QAChC,EAAE,EAAE,MAAM;QACV,8GAA8G;QAC9G,cAAc,EAAE,EAAE,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAA2B,EAAE,OAAO,EAAE,SAAS,EAAE;QACzF,yEAAyE;QACzE,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAA2B,EAAE,OAAO,EAAE,SAAS,EAAE;QAClF,4GAA4G;QAC5G,KAAK,EAAE,MAAM;QACb,sHAAsH;QACtH,WAAW,EAAE,MAAM;QACnB,yEAAyE;QACzE,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,4GAA4G;QAC5G,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/C,6FAA6F;QAC7F,IAAI,EAAE,MAAM;QACZ,0EAA0E;QAC1E,KAAK,EAAE,MAAM;QACb,6EAA6E;QAC7E,WAAW,EAAE,EAAE,IAAI,EAAE,MAAoC,EAAE,OAAO,EAAE,MAAM,EAAE;QAC5E,sFAAsF;QACtF,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QACvC,+GAA+G;QAC/G,OAAO,EAAE,EAAE,IAAI,EAAE,MAAqC,EAAE,OAAO,EAAE,OAAO,EAAE;KAC3E;IACD,KAAK,EAAE;QACL,wCAAwC;QACxC,gBAAgB,EAAE,CAAC,QAAsB,EAAE,EAAE,CAAC,IAAI;QAClD,gCAAgC;QAChC,KAAK,EAAE,CAAC,MAAkB,EAAE,EAAE,CAAC,IAAI;QACnC,8BAA8B;QAC9B,IAAI,EAAE,CAAC,MAAkB,EAAE,EAAE,CAAC,IAAI;KACnC;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;QACjC,MAAM,WAAW,GAAG,KAAK,EAAE,CAAA;QAC3B,MAAM,SAAS,GAAG,GAAG,CAAwB,IAAI,CAAC,CAAA;QAClD,MAAM,OAAO,GAAG,GAAG,CAA2B,IAAI,CAAC,CAAA;QACnD,MAAM,WAAW,GAAG,GAAG,CAA0B,IAAI,CAAC,CAAA;QACtD,iBAAiB,CAAC,WAAW,CAAC,CAAA;QAE9B,uEAAuE;QACvE,mCAAmC;QACnC,MAAM,eAAe,GAAG,GAAG,CAAe,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,CAAA;QACxE,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,eAAe,CAAC,KAAK,CAAC,CAAA;QACtE,yEAAyE;QACzE,IAAI,gBAAgB,GAAG,IAAI,CAAA;QAC3B,MAAM,UAAU,GAAG,CAAC,IAAkB,EAAE,EAAE;YACxC,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAA;YAChC,IAAI,IAAI,KAAK,OAAO,CAAC,KAAK;gBAAE,OAAM;YAClC,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS;gBAAE,eAAe,CAAC,KAAK,GAAG,IAAI,CAAA;YAC7D,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAA;QAC9B,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAA;QACpC,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACjE,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QAC/E,MAAM,WAAW,GAAG,oBAAoB,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;QAEhF,SAAS,CAAC,GAAG,EAAE;YACb,OAAO,CAAC,KAAK,GAAI,SAAS,CAAC,KAAK,EAAE,iBAA8C,IAAI,IAAI,CAAA;QAC1F,CAAC,CAAC,CAAA;QAEF,kEAAkE;QAClE,KAAK,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE;YACtC,MAAM,IAAI,GAAG,MAAM,EAAE,IAAI,CAAA;YACzB,IAAI,CAAC,IAAI;gBAAE,OAAM;YACjB,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,CAAA;YAC9C,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;YACrC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;QAC3D,CAAC,CAAC,CAAA;QAEF,8EAA8E;QAC9E,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;YAClC,MAAM,6BAA6B,GAAG,KAAK,CAAC,YAAY,CAAA;YACxD,WAAW,CAAC,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,CAAC,CAAA;YAChE,IAAI,WAAW,CAAC,KAAK,IAAI,aAAa,CAAC,KAAK,IAAI,CAAC,6BAA6B;gBAAE,KAAK,CAAC,eAAe,EAAE,CAAA;QACzG,CAAC,CAAA;QAED,yDAAyD;QACzD,MAAM,oBAAoB,GAAG,CAAC,KAAiB,EAAE,EAAE;YACjD,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;gBAAE,KAAK,CAAC,cAAc,EAAE,CAAA;QACzE,CAAC,CAAA;QAED,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;YACjD,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,WAAW,CAAA;YAClC,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,CAAA;YACpD,wEAAwE;YACxE,mCAAmC;YACnC,MAAM,aAAa,GAAG,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAA;YAClH,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,KAAK,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,CAAA;YACpG,MAAM,mBAAmB,GAAG,oBAAoB,IAAI,CAAC,cAAc,KAAK,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAA;YAEjH,sEAAsE;YACtE,oEAAoE;YACpE,MAAM,SAAS,GAAc;gBAC3B,OAAO,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;gBACpD,MAAM,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;aACnD,CAAA;YACD,MAAM,WAAW,GAA4B,EAAE,CAAA;YAC/C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;gBAChD,IAAI,UAAU,CAAC,GAAG,CAAC;oBAAE,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;;oBACtC,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;YAC/B,CAAC;YACD,MAAM,eAAe,GACnB,CAAC,aAAa,EAAE,WAAW,CAAC,kBAAkB,CAAuB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAA;YAC/G,MAAM,YAAY,GAAG,QAAQ;gBAC3B,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;gBACvH,CAAC,CAAC,IAAI,CAAA;YAER,OAAO,CAAC,CACN,KAAK,EACL;gBACE,KAAK,EAAE,SAAS;gBAChB,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;gBAChD,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;gBAC3C,kBAAkB,EAAE,KAAK,CAAC,WAAW;gBACrC,OAAO,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC;aAClC,EACD;gBACE,CAAC,CACC,gBAAyB,EACzB;oBACE,SAAS,EAAE,IAAI;oBACf,YAAY,EAAE,OAAO,CAAC,KAAK;oBAC3B,qBAAqB,EAAE,UAAU;oBACjC,UAAU,EAAE,KAAK,CAAC,QAAQ;oBAC1B,mEAAmE;oBACnE,UAAU,EAAE,KAAK,CAAC,QAAQ;iBAC3B,EACD;oBACE,OAAO,EAAE,GAAG,EAAE,CACZ,CAAC,CACC,aAAa,EACb;wBACE,WAAW,EAAE,SAAS;wBACtB,OAAO,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;wBAChC,OAAO,EAAE,CAAC,CAAC,QAAQ;wBACnB,IAAI,EAAE,EAAE;wBACR,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;wBACxC,cAAc,EAAE,KAAK,CAAC,OAAO;wBAC7B,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI;wBAC5B,+DAA+D;wBAC/D,eAAe,EAAE,SAAS;wBAC1B,GAAG,WAAW;wBACd,kBAAkB,EAAE,eAAe;qBACpC,EACD,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,CACpE;iBACJ,CACF;gBACD,aAAa,CAAC,KAAK;oBACjB,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE;wBACT,KAAK,EAAE,WAAW;wBAClB,MAAM,EAAE,UAAU;wBAClB,aAAa,EAAE,MAAM;wBACrB,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;wBAChD,UAAU,EAAE,KAAK,CAAC,QAAQ;wBAC1B,UAAU,EAAE,KAAK,CAAC,QAAQ;wBAC1B,MAAM,EAAE,KAAK,CAAC,IAAI;wBAClB,QAAQ,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI;wBAC7B,MAAM,EAAE,IAAI;wBACZ,UAAU,EAAE,CAAC,CAAC;wBACd,OAAO,EAAE,gBAAgB,CAAC,WAAW,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;qBACjF,CAAC;oBACJ,CAAC,CAAC,IAAI;gBACR,aAAa;oBACX,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE;wBAChC,YAAY;wBACZ,CAAC,CACC,MAAM,EACN,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,EAC3C,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAC5D;qBACF,CAAC;oBACJ,CAAC,CAAC,YAAY;aACjB,CACF,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAMF,MAAM,CAAC,MAAM,QAAQ,GAAG,iBAAiB,CAAA","sourcesContent":["import { computed, defineComponent, h, onMounted, ref, useId, watch, type PropType } from \"vue\"\nimport { CheckboxIndicator as RekaCheckboxIndicator, CheckboxRoot as RekaCheckboxRoot } from \"reka-ui\"\nimport { bubbleInputStyle, useBubbleInputEffect, useCheckedTracker, useIsFormControl, useSize } from \"./bubbleInput.js\"\nimport { ControlButton, isListener, type Listeners } from \"./ControlButton.js\"\nimport s from \"@plexui/styles/components/Checkbox/Checkbox.module.css\"\n\n// Vue port of packages/ui/src/components/Checkbox/Checkbox.tsx on Reka UI's\n// Checkbox (state, role, aria-checked, Enter handling, indicator presence).\n// Where Reka's DOM differs from Radix's, Radix's is rendered (see the parity\n// tests): the button carries `value`, no `aria-disabled` and no `aria-label`\n// copied from the label text; the hidden form input is Radix's BubbleInput;\n// the consumer's handlers run before the toggle and can cancel it; a form\n// reset restores the initial state.\n\nexport type CheckedState = boolean | \"indeterminate\"\n\nconst CheckboxComponent = defineComponent({\n  name: \"Checkbox\",\n  inheritAttrs: false,\n  props: {\n    /** The `id` of the checkbox. */\n    id: String,\n    /** The state of the checkbox when it is initially rendered. Use when you do not need to control its state. */\n    defaultChecked: { type: [Boolean, String] as PropType<CheckedState>, default: undefined },\n    /** The controlled state of the checkbox. Bind with `v-model:checked`. */\n    checked: { type: [Boolean, String] as PropType<CheckedState>, default: undefined },\n    /** Optional accessible label rendered to the right of the checkbox. The `label` slot takes rich content. */\n    label: String,\n    /** Optional second line below the label, linked via `aria-describedby`. The `description` slot takes rich content. */\n    description: String,\n    /** When `true`, prevents the user from interacting with the checkbox. */\n    disabled: { type: Boolean, default: false },\n    /** When `true`, indicates that the user must check the checkbox before the owning form can be submitted. */\n    required: { type: Boolean, default: undefined },\n    /** The name of the checkbox. Submitted with its owning form as part of a name/value pair. */\n    name: String,\n    /** The value given as data when submitted with a `name`. @default \"on\" */\n    value: String,\n    /** The orientation of the checkbox relative to the label. @default \"left\" */\n    orientation: { type: String as PropType<\"left\" | \"right\">, default: \"left\" },\n    /** Determines if the checkbox should be a fully rounded pill shape. @default false */\n    pill: { type: Boolean, default: false },\n    /** Visual style: `\"solid\"` fills the box when checked, `\"ghost\"` shows the checkmark only. @default \"solid\" */\n    variant: { type: String as PropType<\"solid\" | \"ghost\">, default: \"solid\" },\n  },\n  emits: {\n    /** The state of the checkbox changed */\n    \"update:checked\": (_checked: CheckedState) => true,\n    /** The checkbox gained focus */\n    focus: (_event: FocusEvent) => true,\n    /** The checkbox lost focus */\n    blur: (_event: FocusEvent) => true,\n  },\n  setup(props, { attrs, slots, emit }) {\n    const generatedId = useId()\n    const container = ref<HTMLDivElement | null>(null)\n    const control = ref<HTMLButtonElement | null>(null)\n    const bubbleInput = ref<HTMLInputElement | null>(null)\n    useCheckedTracker(bubbleInput)\n\n    // Radix's useControllableState: controlled while `checked` is set, and\n    // only actual changes are reported\n    const internalChecked = ref<CheckedState>(props.defaultChecked ?? false)\n    const checked = computed(() => props.checked ?? internalChecked.value)\n    // The state a click asks for (Reka's toggle sets it), for the user click\n    let requestedChecked = true\n    const setChecked = (next: CheckedState) => {\n      requestedChecked = next === true\n      if (next === checked.value) return\n      if (props.checked === undefined) internalChecked.value = next\n      emit(\"update:checked\", next)\n    }\n\n    const initialChecked = checked.value\n    const isFormControl = useIsFormControl(control, () => attrs.form)\n    const controlSize = useSize(() => (isFormControl.value ? control.value : null))\n    const onUserClick = useBubbleInputEffect(bubbleInput, () => checked.value, true)\n\n    onMounted(() => {\n      control.value = (container.value?.firstElementChild as HTMLButtonElement | null) ?? null\n    })\n\n    // Like a native checkbox, a form reset restores the initial state\n    watch(control, (button, _, onCleanup) => {\n      const form = button?.form\n      if (!form) return\n      const reset = () => setChecked(initialChecked)\n      form.addEventListener(\"reset\", reset)\n      onCleanup(() => form.removeEventListener(\"reset\", reset))\n    })\n\n    // In a form, the button's click stops here; the input's click bubbles instead\n    const afterClick = (event: Event) => {\n      const hasConsumerStoppedPropagation = event.cancelBubble\n      onUserClick({ requestedChecked, hasConsumerStoppedPropagation })\n      if (bubbleInput.value && isFormControl.value && !hasConsumerStoppedPropagation) event.stopPropagation()\n    }\n\n    // Prevents text selection when double-clicking the label\n    const handleLabelMouseDown = (event: MouseEvent) => {\n      if (!event.defaultPrevented && event.detail > 1) event.preventDefault()\n    }\n\n    return () => {\n      const { class: className, form, ...rest } = attrs\n      const id = props.id ?? generatedId\n      const hasLabel = Boolean(slots.label || props.label)\n      // The description only renders next to a label; it comes before any ids\n      // the caller (a Field, say) passes\n      const descriptionId = hasLabel && (slots.description || props.description) ? `${id}-label-description` : undefined\n      const indeterminateDefault = props.defaultChecked === \"indeterminate\" ? false : props.defaultChecked\n      const inputDefaultChecked = indeterminateDefault ?? (initialChecked === \"indeterminate\" ? false : initialChecked)\n\n      // The consumer's listeners compose with Reka's; other attributes land\n      // on the button after the component's own, as `{...restProps}` does\n      const listeners: Listeners = {\n        onFocus: (event: FocusEvent) => emit(\"focus\", event),\n        onBlur: (event: FocusEvent) => emit(\"blur\", event),\n      }\n      const buttonAttrs: Record<string, unknown> = {}\n      for (const [key, value] of Object.entries(rest)) {\n        if (isListener(key)) listeners[key] = value\n        else buttonAttrs[key] = value\n      }\n      const ariaDescribedBy =\n        [descriptionId, buttonAttrs[\"aria-describedby\"] as string | undefined].filter(Boolean).join(\" \") || undefined\n      const labelElement = hasLabel\n        ? h(\"label\", { for: id, class: s.Label, onMousedown: handleLabelMouseDown }, slots.label ? slots.label() : props.label)\n        : null\n\n      return h(\n        \"div\",\n        {\n          \"ref\": container,\n          \"data-disabled\": props.disabled ? \"\" : undefined,\n          \"data-has-label\": hasLabel ? \"\" : undefined,\n          \"data-orientation\": props.orientation,\n          \"class\": [className, s.Container],\n        },\n        [\n          h(\n            RekaCheckboxRoot as never,\n            {\n              \"asChild\": true,\n              \"modelValue\": checked.value,\n              \"onUpdate:modelValue\": setChecked,\n              \"disabled\": props.disabled,\n              // Passed even when unset, so Reka renders no aria-required=\"false\"\n              \"required\": props.required,\n            },\n            {\n              default: () =>\n                h(\n                  ControlButton,\n                  {\n                    \"listeners\": listeners,\n                    \"after\": { onClick: afterClick },\n                    \"class\": s.Checkbox,\n                    \"id\": id,\n                    \"data-pill\": props.pill ? \"\" : undefined,\n                    \"data-variant\": props.variant,\n                    \"value\": props.value ?? \"on\",\n                    // Reka marks a disabled checkbox aria-disabled; Radix does not\n                    \"aria-disabled\": undefined,\n                    ...buttonAttrs,\n                    \"aria-describedby\": ariaDescribedBy,\n                  },\n                  { default: () => h(RekaCheckboxIndicator, { class: s.CheckMark }) },\n                ),\n            },\n          ),\n          isFormControl.value\n            ? h(\"input\", {\n                \"ref\": bubbleInput,\n                \"type\": \"checkbox\",\n                \"aria-hidden\": \"true\",\n                \"^checked\": inputDefaultChecked ? \"\" : undefined,\n                \"required\": props.required,\n                \"disabled\": props.disabled,\n                \"name\": props.name,\n                \"^value\": props.value ?? \"on\",\n                \"form\": form,\n                \"tabindex\": -1,\n                \"style\": bubbleInputStyle(controlSize.value, { transform: \"translateX(-100%)\" }),\n              })\n            : null,\n          descriptionId\n            ? h(\"div\", { class: s.LabelGroup }, [\n                labelElement,\n                h(\n                  \"span\",\n                  { id: descriptionId, class: s.Description },\n                  slots.description ? slots.description() : props.description,\n                ),\n              ])\n            : labelElement,\n        ],\n      )\n    }\n  },\n})\n\ntype CheckboxOwnProps = InstanceType<typeof CheckboxComponent>[\"$props\"]\n\nexport type CheckboxProps = CheckboxOwnProps\n\nexport const Checkbox = CheckboxComponent\n"]}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { computed, defineComponent, h, onMounted, ref, useId, watch, type PropType } from \"vue\"\nimport { CheckboxIndicator as RekaCheckboxIndicator, CheckboxRoot as RekaCheckboxRoot } from \"reka-ui\"\nimport { bubbleInputStyle, useBubbleInputEffect, useCheckedTracker, useIsFormControl, useSize } from \"./bubbleInput.js\"\nimport { ControlButton, isListener, type Listeners } from \"./ControlButton.js\"\nimport s from \"@plexui/styles/components/Checkbox/Checkbox.module.css\"\n\n// Vue port of packages/ui/src/components/Checkbox/Checkbox.tsx on Reka UI's\n// Checkbox (state, role, aria-checked, Enter handling, indicator presence).\n// Where Reka's DOM differs from Radix's, Radix's is rendered (see the parity\n// tests): the button carries `value`, no `aria-disabled` and no `aria-label`\n// copied from the label text; the hidden form input is Radix's BubbleInput;\n// the consumer's handlers run before the toggle and can cancel it; a form\n// reset restores the initial state.\n\nexport type CheckedState = boolean | \"indeterminate\"\n\nconst CheckboxComponent = defineComponent({\n  name: \"Checkbox\",\n  inheritAttrs: false,\n  props: {\n    /** The `id` of the checkbox. */\n    id: String,\n    /** The state of the checkbox when it is initially rendered. Use when you do not need to control its state. */\n    defaultChecked: { type: [Boolean, String] as PropType<CheckedState>, default: undefined },\n    /** The controlled state of the checkbox. Bind with `v-model:checked`. */\n    checked: { type: [Boolean, String] as PropType<CheckedState>, default: undefined },\n    /** Optional accessible label rendered to the right of the checkbox. The `label` slot takes rich content. */\n    label: String,\n    /** Optional second line below the label, linked via `aria-describedby`. The `description` slot takes rich content. */\n    description: String,\n    /** When `true`, prevents the user from interacting with the checkbox. */\n    disabled: { type: Boolean, default: false },\n    /** When `true`, indicates that the user must check the checkbox before the owning form can be submitted. */\n    required: { type: Boolean, default: undefined },\n    /** The name of the checkbox. Submitted with its owning form as part of a name/value pair. */\n    name: String,\n    /** The value given as data when submitted with a `name`. @default \"on\" */\n    value: String,\n    /** The orientation of the checkbox relative to the label. @default \"left\" */\n    orientation: { type: String as PropType<\"left\" | \"right\">, default: \"left\" },\n    /** Determines if the checkbox should be a fully rounded pill shape. @default false */\n    pill: { type: Boolean, default: false },\n    /** Visual style: `\"solid\"` fills the box when checked, `\"ghost\"` shows the checkmark only. @default \"solid\" */\n    variant: { type: String as PropType<\"solid\" | \"ghost\">, default: \"solid\" },\n  },\n  emits: {\n    /** The state of the checkbox changed */\n    \"update:checked\": (_checked: CheckedState) => true,\n    /** The checkbox gained focus */\n    focus: (_event: FocusEvent) => true,\n    /** The checkbox lost focus */\n    blur: (_event: FocusEvent) => true,\n  },\n  setup(props, { attrs, slots, emit }) {\n    const generatedId = useId()\n    const container = ref<HTMLDivElement | null>(null)\n    const control = ref<HTMLButtonElement | null>(null)\n    const bubbleInput = ref<HTMLInputElement | null>(null)\n    useCheckedTracker(bubbleInput)\n\n    // Radix's useControllableState: controlled while `checked` is set, and\n    // only actual changes are reported\n    const internalChecked = ref<CheckedState>(props.defaultChecked ?? false)\n    const checked = computed(() => props.checked ?? internalChecked.value)\n    // The state a click asks for (Reka's toggle sets it), for the user click\n    let requestedChecked = true\n    const setChecked = (next: CheckedState) => {\n      requestedChecked = next === true\n      if (next === checked.value) return\n      if (props.checked === undefined) internalChecked.value = next\n      emit(\"update:checked\", next)\n    }\n\n    const initialChecked = checked.value\n    const isFormControl = useIsFormControl(control, () => attrs.form)\n    const controlSize = useSize(() => (isFormControl.value ? control.value : null))\n    const onUserClick = useBubbleInputEffect(bubbleInput, () => checked.value, true)\n\n    onMounted(() => {\n      control.value = (container.value?.firstElementChild as HTMLButtonElement | null) ?? null\n    })\n\n    // Like a native checkbox, a form reset restores the initial state\n    watch(control, (button, _, onCleanup) => {\n      const form = button?.form\n      if (!form) return\n      const reset = () => setChecked(initialChecked)\n      form.addEventListener(\"reset\", reset)\n      onCleanup(() => form.removeEventListener(\"reset\", reset))\n    })\n\n    // In a form, the button's click stops here; the input's click bubbles instead\n    const afterClick = (event: Event) => {\n      const hasConsumerStoppedPropagation = event.cancelBubble\n      onUserClick({ requestedChecked, hasConsumerStoppedPropagation })\n      if (bubbleInput.value && isFormControl.value && !hasConsumerStoppedPropagation) event.stopPropagation()\n    }\n\n    // Prevents text selection when double-clicking the label\n    const handleLabelMouseDown = (event: MouseEvent) => {\n      if (!event.defaultPrevented && event.detail > 1) event.preventDefault()\n    }\n\n    return () => {\n      const { class: className, form, ...rest } = attrs\n      const id = props.id ?? generatedId\n      const hasLabel = Boolean(slots.label || props.label)\n      // The description only renders next to a label; it comes before any ids\n      // the caller (a Field, say) passes\n      const descriptionId = hasLabel && (slots.description || props.description) ? `${id}-label-description` : undefined\n      const indeterminateDefault = props.defaultChecked === \"indeterminate\" ? false : props.defaultChecked\n      const inputDefaultChecked = indeterminateDefault ?? (initialChecked === \"indeterminate\" ? false : initialChecked)\n\n      // The consumer's listeners compose with Reka's; other attributes land\n      // on the button after the component's own, as `{...restProps}` does\n      const listeners: Listeners = {\n        onFocus: (event: FocusEvent) => emit(\"focus\", event),\n        onBlur: (event: FocusEvent) => emit(\"blur\", event),\n      }\n      const buttonAttrs: Record<string, unknown> = {}\n      for (const [key, value] of Object.entries(rest)) {\n        if (isListener(key)) listeners[key] = value\n        else buttonAttrs[key] = value\n      }\n      const ariaDescribedBy =\n        [descriptionId, buttonAttrs[\"aria-describedby\"] as string | undefined].filter(Boolean).join(\" \") || undefined\n      const labelElement = hasLabel\n        ? h(\"label\", { for: id, class: s.Label, onMousedown: handleLabelMouseDown }, slots.label ? slots.label() : props.label)\n        : null\n\n      return h(\n        \"div\",\n        {\n          \"ref\": container,\n          \"data-disabled\": props.disabled ? \"\" : undefined,\n          \"data-has-label\": hasLabel ? \"\" : undefined,\n          \"data-orientation\": props.orientation,\n          \"class\": [className, s.Container],\n        },\n        [\n          h(\n            RekaCheckboxRoot as never,\n            {\n              \"asChild\": true,\n              \"modelValue\": checked.value,\n              \"onUpdate:modelValue\": setChecked,\n              \"disabled\": props.disabled,\n              // Passed even when unset, so Reka renders no aria-required=\"false\"\n              \"required\": props.required,\n            },\n            {\n              default: () =>\n                h(\n                  ControlButton,\n                  {\n                    \"listeners\": listeners,\n                    \"after\": { onClick: afterClick },\n                    \"class\": s.Checkbox,\n                    \"id\": id,\n                    \"data-pill\": props.pill ? \"\" : undefined,\n                    \"data-variant\": props.variant,\n                    \"value\": props.value ?? \"on\",\n                    // Reka marks a disabled checkbox aria-disabled; Radix does not\n                    \"aria-disabled\": undefined,\n                    ...buttonAttrs,\n                    \"aria-describedby\": ariaDescribedBy,\n                  },\n                  // Mounted for good: on every uncheck Presence reads computed style, and\n                  // a long list of boxes cleared at once forces one style pass per box.\n                  { default: () => h(RekaCheckboxIndicator, { class: s.CheckMark, forceMount: true }) },\n                ),\n            },\n          ),\n          isFormControl.value\n            ? h(\"input\", {\n                \"ref\": bubbleInput,\n                \"type\": \"checkbox\",\n                \"aria-hidden\": \"true\",\n                \"^checked\": inputDefaultChecked ? \"\" : undefined,\n                \"required\": props.required,\n                \"disabled\": props.disabled,\n                \"name\": props.name,\n                \"^value\": props.value ?? \"on\",\n                \"form\": form,\n                \"tabindex\": -1,\n                \"style\": bubbleInputStyle(controlSize.value, { transform: \"translateX(-100%)\" }),\n              })\n            : null,\n          descriptionId\n            ? h(\"div\", { class: s.LabelGroup }, [\n                labelElement,\n                h(\n                  \"span\",\n                  { id: descriptionId, class: s.Description },\n                  slots.description ? slots.description() : props.description,\n                ),\n              ])\n            : labelElement,\n        ],\n      )\n    }\n  },\n})\n\ntype CheckboxOwnProps = InstanceType<typeof CheckboxComponent>[\"$props\"]\n\nexport type CheckboxProps = CheckboxOwnProps\n\nexport const Checkbox = CheckboxComponent\n"]}

package/dist/es/components/DateRangePicker/Calendar.js

@@ -1,7 +1,7 @@
 import { DateTime, Interval } from "luxon";
 import { computed, createCommentVNode, defineComponent, h, onMounted, ref, shallowRef, watch } from "vue";
 import { useBreakpoint } from "../../composables/useBreakpoints.js";
-import { chunkIntoWeeks, getDaysOfMonth, isAfter, isBefore, isSameDay, isToday } from "../../lib/dateUtils.js";
+import { chunkIntoWeeks, getDaysOfMonth, isAfter, isBefore, isSameDay, isToday, weekPosition } from "../../lib/dateUtils.js";
 import { waitForAnimationFrame } from "../../lib/helpers.js";
 import { Button } from "../Button/index.js";
 import { Check, ChevronLeft, ChevronRight } from "../Icon/index.js";
@@ -20,12 +20,9 @@ import {} from "./types.js";
 //   `{isSmallUp && ...}`: TransitionGroup still renders its (empty) wrapper
 //   when animations are off.
 // - React quirk kept: the day buttons have no `type`.
-const CALENDAR_WIDTH_PX = 210;
-const CALENDAR_GAP_PX = 32;
-const STEP_DISTANCE_PX = CALENDAR_WIDTH_PX + CALENDAR_GAP_PX;
-// The day a grid key moves to: a day, a week, the Sunday or Saturday of the
-// week (rows start on Sunday), or a month (Luxon clamps Jan 31 to Feb 28/29)
-const getKeyTarget = (key, day) => {
+// The day a grid key moves to: a day, a week, the first or last day of the
+// week row, or a month (Luxon clamps Jan 31 to Feb 28/29)
+const getKeyTarget = (key, day, weekStartsOn) => {
     switch (key) {
         case "ArrowLeft":
             return day.minus({ days: 1 });
@@ -36,9 +33,9 @@ const getKeyTarget = (key, day) => {
         case "ArrowDown":
             return day.plus({ days: 7 });
         case "Home":
-            return day.minus({ days: day.weekday % 7 });
+            return day.minus({ days: weekPosition(day, weekStartsOn) });
         case "End":
-            return day.plus({ days: 6 - (day.weekday % 7) });
+            return day.plus({ days: 6 - weekPosition(day, weekStartsOn) });
         case "PageUp":
             return day.minus({ months: 1 });
         case "PageDown":
@@ -129,7 +126,7 @@ export const DateRangeCalendar = defineComponent({
             }
             // While a move waits for its month to render, the next key starts from
             // the day it is moving to (key repeat), not the day that still has focus
-            const target = getKeyTarget(event.key, pendingFocus ?? day);
+            const target = getKeyTarget(event.key, pendingFocus ?? day, context.weekStartsOn);
             if (!target) {
                 return;
             }
@@ -283,7 +280,7 @@ export const DateRangeCalendar = defineComponent({
                     ]),
                     h("div", {
                         class: s.CalendarRange,
-                        style: { transform: `translate(${calendarSteps.value * -1 * STEP_DISTANCE_PX}px, 0)` },
+                        style: { transform: `translate(calc(${calendarSteps.value * -1} * var(--calendar-step)), 0)` },
                     }, [
                         h(TransitionGroup, { enterDuration: 400, exitDuration: 400 }, {
                             default: () => [
@@ -327,13 +324,15 @@ const CalendarView = defineComponent({
         stepPosition: { type: Number, required: true },
     },
     setup(props) {
+        const context = useDateRangeContext();
         // Lock position on mount and don't respond to changes
         const position = props.stepPosition;
         const view = computed(() => {
             const { date, min, max } = props;
+            const { weekStartsOn } = context;
             const monthStart = date.startOf("month");
             const endOfMonth = date.endOf("month");
-            const daysBeforeMonthStart = monthStart.weekday % 7;
+            const daysBeforeMonthStart = weekPosition(monthStart, weekStartsOn);
             const blankDays = new Array(daysBeforeMonthStart).fill(null);
             const daysInMonth = getDaysOfMonth(monthStart);
             const calendarCells = [...blankDays, ...daysInMonth];
@@ -359,9 +358,11 @@ const CalendarView = defineComponent({
             const { selectionStart, maxRangeDays, isSelecting } = props;
             const [selectedStart, selectedEnd] = props.selectedDates || [];
             const rangeEndLimit = selectionStart && maxRangeDays != null ? selectionStart.plus({ days: maxRangeDays - 1 }) : undefined;
-            return h("div", { "class": s.Calendar, "style": { left: `${position * STEP_DISTANCE_PX}px` }, "data-calendar": true }, [
+            const { weekStartsOn } = context;
+            const dayLabels = [...daysOfTheWeekLabels.slice(weekStartsOn), ...daysOfTheWeekLabels.slice(0, weekStartsOn)];
+            return h("div", { "class": s.Calendar, "style": { left: `calc(${position} * var(--calendar-step))` }, "data-calendar": true }, [
                 h("p", { class: s.MonthLabel }, [startOfMonth.monthLong, " ", String(startOfMonth.year)]),
-                h("div", { class: s.Week }, daysOfTheWeekLabels.map((day) => h("div", { key: day, class: s.DayLabel }, day))),
+                h("div", { class: s.Week }, dayLabels.map((day) => h("div", { key: day, class: s.DayLabel }, day))),
                 ...weeks.map((week, weekIndex) => h("div", { class: s.Week, key: weekIndex }, week.map((d, dayIndex) => {
                     if (!d) {
                         return h("div", { class: s.Day, key: `${weekIndex}-${dayIndex}` });
@@ -374,13 +375,13 @@ const CalendarView = defineComponent({
                     const isInRange = hasRange && selectedInterval.value?.contains(d);
                     const dayIsToday = isToday(d);
                     const isFirstRangeTrail = d.day === 1 &&
-                        // Trail doesn't make sense to display at the start of the week (Monday)
-                        d.weekday !== 7 &&
+                        // Trail doesn't make sense to display at the start of the week
+                        weekPosition(d, weekStartsOn) !== 0 &&
                         isInRange &&
                         !isStart;
                     const isLastRangeTrail = d.day === d.daysInMonth &&
-                        // Trail doesn't make sense to display at the end of the week (Saturday)
-                        d.weekday !== 6 &&
+                        // Trail doesn't make sense to display at the end of the week
+                        weekPosition(d, weekStartsOn) !== 6 &&
                         isInRange &&
                         !isEnd;
                     return h("div", {

package/dist/es/components/DateRangePicker/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/Calendar.ts"],"names":[],"mappings":"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","sourcesContent":["import { DateTime, Interval } from \"luxon\"\nimport { computed, createCommentVNode, defineComponent, h, onMounted, ref, shallowRef, watch, type PropType } from \"vue\"\nimport { useBreakpoint } from \"../../composables/useBreakpoints.js\"\nimport { chunkIntoWeeks, getDaysOfMonth, isAfter, isBefore, isSameDay, isToday } from \"../../lib/dateUtils.js\"\nimport { waitForAnimationFrame } from \"../../lib/helpers.js\"\nimport { Button } from \"../Button/index.js\"\nimport { Check, ChevronLeft, ChevronRight } from \"../Icon/index.js\"\nimport { TransitionGroup } from \"../Transition/index.js\"\nimport s from \"@plexui/styles/components/DateRangePicker/Calendar.module.css\"\nimport { useDateRangeContext } from \"./context.js\"\nimport { type DateRange, type DateRangeShortcut } from \"./types.js\"\n\n// Vue port of packages/ui/src/components/DateRangePicker/Calendar.tsx.\n// - React's `[value]` effect is a watcher on the context value; the height\n//   effect runs on mount and when the left month changes, after render.\n// - The `stable-view-N` key on the wrapper remounts the calendar view, as in\n//   React, when the value jumps out of view.\n// - React's pending-focus effect is a post watcher on the left month; its\n//   cleanup cancels the frame, as the effect's does.\n// - Below the `sm` breakpoint the right calendar is a placeholder, as React's\n//   `{isSmallUp && ...}`: TransitionGroup still renders its (empty) wrapper\n//   when animations are off.\n// - React quirk kept: the day buttons have no `type`.\n\nconst CALENDAR_WIDTH_PX = 210\nconst CALENDAR_GAP_PX = 32\nconst STEP_DISTANCE_PX = CALENDAR_WIDTH_PX + CALENDAR_GAP_PX\n\n// The day a grid key moves to: a day, a week, the Sunday or Saturday of the\n// week (rows start on Sunday), or a month (Luxon clamps Jan 31 to Feb 28/29)\nconst getKeyTarget = (key: string, day: DateTime): DateTime | null => {\n  switch (key) {\n    case \"ArrowLeft\":\n      return day.minus({ days: 1 })\n    case \"ArrowRight\":\n      return day.plus({ days: 1 })\n    case \"ArrowUp\":\n      return day.minus({ days: 7 })\n    case \"ArrowDown\":\n      return day.plus({ days: 7 })\n    case \"Home\":\n      return day.minus({ days: day.weekday % 7 })\n    case \"End\":\n      return day.plus({ days: 6 - (day.weekday % 7) })\n    case \"PageUp\":\n      return day.minus({ months: 1 })\n    case \"PageDown\":\n      return day.plus({ months: 1 })\n    default:\n      return null\n  }\n}\n\nconst monthIndex = (date: DateTime) => date.year * 12 + date.month\n\nexport const DateRangeCalendar = defineComponent({\n  name: \"DateRangeCalendar\",\n  setup() {\n    const context = useDateRangeContext()\n    const isSmallUp = useBreakpoint(\"sm\")\n    const calendarContainerRef = shallowRef<HTMLDivElement | null>(null)\n    // The day to focus once a key has moved the view to its month\n    let pendingFocus: DateTime | null = null\n    const selectionRange = shallowRef<DateRange | null>(null)\n    const calendarSteps = ref(0)\n    const forceRenderIncrement = ref(0)\n    const leftCalendarDate = shallowRef<DateTime>(\n      isSmallUp.value\n        ? getLeftCalendarDate(context.value?.[0] ?? DateTime.now(), context.max)\n        : (context.value?.[0] ?? DateTime.now()),\n    )\n\n    const rightCalendarDate = computed(() =>\n      isSmallUp.value\n        ? leftCalendarDate.value.plus({ months: 1 }).startOf(\"month\")\n        : leftCalendarDate.value.startOf(\"month\"),\n    )\n\n    const canGoBack = () => !context.min || isBefore(context.min, leftCalendarDate.value.startOf(\"month\"))\n    const canGoForward = () => !context.max || isBefore(rightCalendarDate.value.endOf(\"month\"), context.max)\n\n    const handleNext = () => {\n      calendarSteps.value += 1\n      leftCalendarDate.value = leftCalendarDate.value.plus({ months: 1 })\n    }\n\n    const handlePrevious = () => {\n      calendarSteps.value -= 1\n      leftCalendarDate.value = leftCalendarDate.value.minus({ months: 1 })\n    }\n\n    const handleDateSelect = (selectedDate: DateTime) => {\n      if (!selectionRange.value) {\n        selectionRange.value = [selectedDate, selectedDate]\n        return\n      }\n\n      const [currentSelectionStartDate] = selectionRange.value\n\n      // Selecting a date before the current selected start date moves the start date\n      // but does not resolve the selection\n      if (isBefore(selectedDate, currentSelectionStartDate)) {\n        selectionRange.value = [selectedDate, selectedDate]\n        return\n      }\n\n      // Resolve the selection by emitting the value and clearing selection\n      context.onChange([currentSelectionStartDate, selectedDate])\n      selectionRange.value = null\n    }\n\n    const handleDateMouseEnter = (hoveredDate: DateTime) => {\n      // If we're not actively selecting, no-op\n      const currentSelectionRange = selectionRange.value\n      if (!currentSelectionRange) {\n        return\n      }\n\n      const [currentStartDate] = currentSelectionRange\n\n      // When hovering a date before the current date, don't change the selection range\n      if (isBefore(hoveredDate, currentStartDate)) {\n        selectionRange.value = [currentStartDate, currentStartDate]\n        return\n      }\n\n      selectionRange.value = [currentStartDate, hoveredDate]\n    }\n\n    const handleCalendarMouseLeave = () => {\n      // If we're not actively selecting, no-op\n      const currentSelectionRange = selectionRange.value\n      if (!currentSelectionRange) {\n        return\n      }\n\n      // Reset the end selection\n      const [currentStartDate] = currentSelectionRange\n      selectionRange.value = [currentStartDate, currentStartDate]\n    }\n\n    // Days are named by their full date; skip calendars that are leaving\n    const focusDay = (day: DateTime) => {\n      const label = day.toLocaleString(DateTime.DATE_HUGE)\n      const buttons = calendarContainerRef.value?.querySelectorAll<HTMLButtonElement>(`button[aria-label=\"${label}\"]`)\n      Array.from(buttons ?? [])\n        .find((button) => !button.closest(\"[data-exiting]\"))\n        ?.focus()\n    }\n\n    const handleDayKeyDown = (event: KeyboardEvent, day: DateTime) => {\n      if (event.altKey || event.ctrlKey || event.metaKey) {\n        return\n      }\n\n      // While a move waits for its month to render, the next key starts from\n      // the day it is moving to (key repeat), not the day that still has focus\n      const target = getKeyTarget(event.key, pendingFocus ?? day)\n      if (!target) {\n        return\n      }\n\n      event.preventDefault()\n\n      // A disabled day (outside min/max, or past maxRangeDays while selecting)\n      // keeps focus where it is\n      const { min, max, maxRangeDays } = context\n      const selection = selectionRange.value\n      const rangeEndLimit =\n        selection && maxRangeDays != null ? selection[0].plus({ days: maxRangeDays - 1 }) : undefined\n      if (\n        (min && isBefore(target, min.startOf(\"day\"))) ||\n        (max && isAfter(target, max.endOf(\"day\"))) ||\n        (rangeEndLimit && isAfter(target, rangeEndLimit))\n      ) {\n        return\n      }\n\n      const monthsBefore = monthIndex(leftCalendarDate.value) - monthIndex(target)\n      const monthsAfter = monthIndex(target) - monthIndex(rightCalendarDate.value)\n      if (monthsBefore <= 0 && monthsAfter <= 0) {\n        pendingFocus = null\n        focusDay(target)\n        return\n      }\n\n      // Step the view like the month buttons; a day within min/max keeps every step in bounds\n      if (monthsAfter > 0 ? !canGoForward() : !canGoBack()) {\n        return\n      }\n\n      pendingFocus = target\n      for (let step = 0; step < Math.max(monthsBefore, monthsAfter); step++) {\n        if (monthsAfter > 0) {\n          handleNext()\n        } else {\n          handlePrevious()\n        }\n      }\n    }\n\n    // Force re-renders when `value` changes out of brand from direct user-selection\n    watch(\n      () => context.value,\n      (value) => {\n        // When a new value is received, it could be out of band from the control of this calendar.\n        // For example, a shortcut could be selected, or clear could be pressed. In either case, selection\n        // should be reset so that the new `value` can be displayed fully.\n        selectionRange.value = null\n\n        // Nothing else to do when value is empty\n        if (!value) {\n          return\n        }\n\n        // Check if `value` is still within view of our calendar\n        const viewInterval = Interval.fromDateTimes(\n          leftCalendarDate.value.startOf(\"month\"),\n          rightCalendarDate.value.endOf(\"month\"),\n        )\n        const isValueInRangeOfCalendar = viewInterval.contains(value[0]) || viewInterval.contains(value[1])\n        if (!isValueInRangeOfCalendar) {\n          // Reset state the calendar view entirely\n          selectionRange.value = null\n          calendarSteps.value = 0\n          leftCalendarDate.value = isSmallUp.value ? getLeftCalendarDate(value[0], context.max) : value[0]\n          forceRenderIncrement.value += 1\n        }\n      },\n    )\n\n    // Detect height changes when new calendars are rendered\n    const measureHeight = () => {\n      waitForAnimationFrame(() => {\n        const container = calendarContainerRef.value\n\n        if (!container) {\n          return\n        }\n\n        let maxHeight = -Infinity\n\n        // Find the tallest calendar\n        container.querySelectorAll<HTMLElement>(\"[data-calendar]\")?.forEach((element) => {\n          // NOTE: clientHeight does not respect the scale() that popover uses to animate in, which is what we want\n          // We want to know the full height of the element, without any transform applied.\n          const height = element.clientHeight\n\n          // Ignore calendars that are exiting\n          if (element.closest(\"[data-exiting]\")) {\n            return\n          }\n\n          if (height > maxHeight) {\n            maxHeight = height\n          }\n        })\n\n        container.style.height = `${maxHeight}px`\n\n        // Don't animate the initial height.\n        // This is relevant when the calendar opens to a larger size than the default.\n        if (!container.style.transition) {\n          waitForAnimationFrame(() => {\n            container.style.transition = `height 0.25s var(--cubic-move)`\n          })\n        }\n      })\n    }\n    onMounted(measureHeight)\n    watch(leftCalendarDate, measureHeight, { flush: \"post\" })\n\n    // Focus a pending day once its month has rendered. TransitionGroup marks\n    // the leaving calendar after this render, so wait a frame like the height does\n    watch(\n      leftCalendarDate,\n      (_date, _previous, onCleanup) => {\n        if (!pendingFocus) {\n          return\n        }\n\n        onCleanup(\n          waitForAnimationFrame(() => {\n            const target = pendingFocus\n            pendingFocus = null\n            if (target) {\n              focusDay(target)\n            }\n          }),\n        )\n      },\n      { flush: \"post\" },\n    )\n\n    const setContainer = (el: unknown) => {\n      calendarContainerRef.value = (el as HTMLDivElement | null) ?? null\n    }\n\n    return () => {\n      const { value, min, max, maxRangeDays } = context\n      const left = leftCalendarDate.value\n      const right = rightCalendarDate.value\n      const selection = selectionRange.value\n      const selectedDisplayValue = selection || value\n      const viewProps = {\n        selectedDates: selectedDisplayValue,\n        min,\n        max,\n        selectionStart: selection?.[0],\n        maxRangeDays,\n        isSelecting: !!selection,\n        onDateSelect: handleDateSelect,\n        onDateMouseEnter: handleDateMouseEnter,\n        onDayKeyDown: handleDayKeyDown,\n      }\n\n      return h(\"div\", { key: `stable-view-${forceRenderIncrement.value}`, class: s.CalendarWrapper }, [\n        h(\"div\", { ref: setContainer, class: s.CalendarContainer, onMouseleave: handleCalendarMouseLeave }, [\n          h(\"div\", { class: s.Previous }, [\n            h(\n              Button,\n              {\n                \"variant\": \"ghost\",\n                \"color\": \"secondary\",\n                \"size\": \"sm\",\n                \"pill\": false,\n                \"gutterSize\": \"2xs\",\n                \"iconSize\": \"sm\",\n                \"onClick\": handlePrevious,\n                \"disabled\": !canGoBack(),\n                \"aria-label\": \"Previous month\",\n              },\n              { default: () => [h(ChevronLeft)] },\n            ),\n          ]),\n          h(\"div\", { class: s.Next }, [\n            h(\n              Button,\n              {\n                \"variant\": \"ghost\",\n                \"color\": \"secondary\",\n                \"size\": \"sm\",\n                \"pill\": false,\n                \"gutterSize\": \"2xs\",\n                \"iconSize\": \"sm\",\n                \"onClick\": handleNext,\n                \"disabled\": !canGoForward(),\n                \"aria-label\": \"Next month\",\n              },\n              { default: () => [h(ChevronRight)] },\n            ),\n          ]),\n          h(\n            \"div\",\n            {\n              class: s.CalendarRange,\n              style: { transform: `translate(${calendarSteps.value * -1 * STEP_DISTANCE_PX}px, 0)` },\n            },\n            [\n              h(\n                TransitionGroup,\n                { enterDuration: 400, exitDuration: 400 },\n                {\n                  default: () => [\n                    h(CalendarView, {\n                      key: left.toLocaleString({ month: \"long\", year: \"numeric\" }),\n                      stepPosition: calendarSteps.value,\n                      date: left,\n                      ...viewProps,\n                    }),\n                    isSmallUp.value\n                      ? h(CalendarView, {\n                          key: right.toLocaleString({ month: \"long\", year: \"numeric\" }),\n                          stepPosition: calendarSteps.value + 1,\n                          date: right,\n                          ...viewProps,\n                        })\n                      : createCommentVNode(),\n                  ],\n                },\n              ),\n            ],\n          ),\n        ]),\n      ])\n    }\n  },\n})\n\nconst daysOfTheWeekLabels = [\"Su\", \"Mo\", \"Tu\", \"We\", \"Th\", \"Fr\", \"Sa\"]\n\nconst CalendarView = defineComponent({\n  name: \"DateRangeCalendarView\",\n  props: {\n    // Can be any day within the given month that the calendar should render for\n    date: { type: Object as PropType<DateTime>, required: true },\n    selectedDates: { type: Array as unknown as PropType<DateRange | null>, default: undefined },\n    onDateSelect: Function as PropType<(dt: DateTime) => void>,\n    onDateMouseEnter: Function as PropType<(dt: DateTime) => void>,\n    onDayKeyDown: Function as PropType<(event: KeyboardEvent, dt: DateTime) => void>,\n    min: Object as PropType<DateTime>,\n    max: Object as PropType<DateTime>,\n    selectionStart: { type: Object as PropType<DateTime | null>, default: undefined },\n    maxRangeDays: Number,\n    isSelecting: Boolean,\n    stepPosition: { type: Number, required: true },\n  },\n  setup(props) {\n    // Lock position on mount and don't respond to changes\n    const position = props.stepPosition\n    const view = computed(() => {\n      const { date, min, max } = props\n      const monthStart = date.startOf(\"month\")\n      const endOfMonth = date.endOf(\"month\")\n\n      const daysBeforeMonthStart = monthStart.weekday % 7\n      const blankDays = new Array(daysBeforeMonthStart).fill(null)\n      const daysInMonth = getDaysOfMonth(monthStart)\n      const calendarCells = [...blankDays, ...daysInMonth]\n\n      // Cells are start-of-day values and Interval excludes its end, so widen the\n      // bounds to whole days: min/max days themselves stay selectable.\n      const enabledDateInterval = Interval.fromDateTimes(\n        (min || monthStart).startOf(\"day\"),\n        (max || endOfMonth).endOf(\"day\"),\n      )\n\n      return {\n        startOfMonth: monthStart,\n        endOfMonth,\n        weeks: chunkIntoWeeks(calendarCells, 7) as Array<Array<DateTime | null>>,\n        enabledInterval: enabledDateInterval,\n      }\n    })\n\n    const selectedInterval = computed<Interval | null>(() => {\n      const [selectedStart, selectedEnd] = props.selectedDates || []\n      if (!selectedStart || !selectedEnd) {\n        return null\n      }\n\n      return Interval.fromDateTimes(selectedStart.startOf(\"day\"), selectedEnd.endOf(\"day\"))\n    })\n\n    return () => {\n      const { startOfMonth, weeks, enabledInterval } = view.value\n      const { selectionStart, maxRangeDays, isSelecting } = props\n      const [selectedStart, selectedEnd] = props.selectedDates || []\n      const rangeEndLimit =\n        selectionStart && maxRangeDays != null ? selectionStart.plus({ days: maxRangeDays - 1 }) : undefined\n\n      return h(\"div\", { \"class\": s.Calendar, \"style\": { left: `${position * STEP_DISTANCE_PX}px` }, \"data-calendar\": true }, [\n        h(\"p\", { class: s.MonthLabel }, [startOfMonth.monthLong, \" \", String(startOfMonth.year)]),\n        h(\n          \"div\",\n          { class: s.Week },\n          daysOfTheWeekLabels.map((day) => h(\"div\", { key: day, class: s.DayLabel }, day)),\n        ),\n        ...weeks.map((week, weekIndex) =>\n          h(\n            \"div\",\n            { class: s.Week, key: weekIndex },\n            week.map((d, dayIndex) => {\n              if (!d) {\n                return h(\"div\", { class: s.Day, key: `${weekIndex}-${dayIndex}` })\n              }\n\n              // Check if 'day' is within selected range\n              const enabled = enabledInterval.contains(d) && !(isSelecting && rangeEndLimit && isAfter(d, rangeEndLimit))\n              const isStart = enabled && selectedStart && isSameDay(d, selectedStart)\n              const isEnd = enabled && selectedEnd && isSameDay(d, selectedEnd)\n              const hasRange = selectedStart && selectedEnd && !isSameDay(selectedStart, selectedEnd)\n              const isInRange = hasRange && selectedInterval.value?.contains(d)\n              const dayIsToday = isToday(d)\n              const isFirstRangeTrail =\n                d.day === 1 &&\n                // Trail doesn't make sense to display at the start of the week (Monday)\n                d.weekday !== 7 &&\n                isInRange &&\n                !isStart\n              const isLastRangeTrail =\n                d.day === d.daysInMonth &&\n                // Trail doesn't make sense to display at the end of the week (Saturday)\n                d.weekday !== 6 &&\n                isInRange &&\n                !isEnd\n\n              return h(\n                \"div\",\n                {\n                  \"class\": s.Day,\n                  \"key\": dayIndex,\n                  \"data-is-start\": isStart ? \"\" : undefined,\n                  \"data-is-end\": isEnd ? \"\" : undefined,\n                  \"data-is-in-range\": isInRange ? \"\" : undefined,\n                  \"data-is-first-range-trail\": isFirstRangeTrail ? \"\" : undefined,\n                  \"data-is-last-range-trail\": isLastRangeTrail ? \"\" : undefined,\n                },\n                [\n                  // The full date names the day, which \"15\" alone does not across months\n                  h(\n                    \"button\",\n                    {\n                      \"class\": s.InteractiveDay,\n                      \"disabled\": !enabled,\n                      \"aria-label\": d.toLocaleString(DateTime.DATE_HUGE),\n                      \"aria-pressed\": isStart || isEnd || isInRange ? \"true\" : \"false\",\n                      \"aria-current\": dayIsToday ? \"date\" : undefined,\n                      \"onClick\": () => d && props.onDateSelect?.(d),\n                      \"onMouseenter\": () => d && props.onDateMouseEnter?.(d),\n                      \"onKeydown\": (event: KeyboardEvent) => d && props.onDayKeyDown?.(event, d),\n                    },\n                    [String(d.day), dayIsToday ? h(\"span\", { class: s.TodayDot }) : null],\n                  ),\n                ],\n              )\n            }),\n          ),\n        ),\n      ])\n    }\n  },\n})\n\nexport const DateRangeShortcuts = defineComponent({\n  name: \"DateRangeShortcuts\",\n  props: {\n    shortcuts: Array as PropType<DateRangeShortcut[]>,\n  },\n  setup(props) {\n    const isMediumUp = useBreakpoint(\"md\")\n    const context = useDateRangeContext()\n\n    return () => {\n      const { shortcuts } = props\n      if (!isMediumUp.value || !shortcuts?.length) {\n        return null\n      }\n\n      const { value, min, max, maxRangeDays, onChange } = context\n\n      return h(\n        \"div\",\n        { class: s.Shortcuts },\n        shortcuts.map((shortcut) => {\n          const { label, getDateRange } = shortcut\n          const range = getDateRange()\n          const [start, end] = range\n          const isActive = !!value && isSameDay(value[0], start) && isSameDay(value[1], end)\n\n          return h(\n            Button,\n            {\n              key: label,\n              class: \"mb-1\",\n              variant: \"ghost\",\n              color: \"primary\",\n              pill: false,\n              size: \"md\",\n              iconSize: \"sm\",\n              block: true,\n              selected: isActive,\n              disabled: !isRangeWithinLimits(range, min, max, maxRangeDays),\n              onClick: () => onChange(range, shortcut),\n            },\n            { default: () => [h(\"span\", { class: s.ButtonText }, label), isActive ? h(Check) : null] },\n          )\n        }),\n      )\n    }\n  },\n})\n\n// A shortcut follows the calendar's limits: whole days from min to max, and\n// no more than maxRangeDays days\nconst isRangeWithinLimits = ([start, end]: DateRange, min?: DateTime, max?: DateTime, maxRangeDays?: number) =>\n  !(min && isBefore(start, min.startOf(\"day\"))) &&\n  !(max && isAfter(end, max.endOf(\"day\"))) &&\n  !(maxRangeDays != null && isAfter(end.startOf(\"day\"), start.startOf(\"day\").plus({ days: maxRangeDays - 1 })))\n\nconst getLeftCalendarDate = (targetDate: DateTime, maxDate?: DateTime) => {\n  if (!maxDate) {\n    return targetDate\n  }\n\n  return isBefore(targetDate.endOf(\"month\"), maxDate) ? targetDate : targetDate.minus({ months: 1 })\n}\n"]}
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/Calendar.ts"],"names":[],"mappings":"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","sourcesContent":["import { DateTime, Interval } from \"luxon\"\nimport { computed, createCommentVNode, defineComponent, h, onMounted, ref, shallowRef, watch, type PropType } from \"vue\"\nimport { useBreakpoint } from \"../../composables/useBreakpoints.js\"\nimport { chunkIntoWeeks, getDaysOfMonth, isAfter, isBefore, isSameDay, isToday, weekPosition } from \"../../lib/dateUtils.js\"\nimport { waitForAnimationFrame } from \"../../lib/helpers.js\"\nimport { Button } from \"../Button/index.js\"\nimport { Check, ChevronLeft, ChevronRight } from \"../Icon/index.js\"\nimport { TransitionGroup } from \"../Transition/index.js\"\nimport s from \"@plexui/styles/components/DateRangePicker/Calendar.module.css\"\nimport { useDateRangeContext } from \"./context.js\"\nimport { type DateRange, type DateRangeShortcut } from \"./types.js\"\n\n// Vue port of packages/ui/src/components/DateRangePicker/Calendar.tsx.\n// - React's `[value]` effect is a watcher on the context value; the height\n//   effect runs on mount and when the left month changes, after render.\n// - The `stable-view-N` key on the wrapper remounts the calendar view, as in\n//   React, when the value jumps out of view.\n// - React's pending-focus effect is a post watcher on the left month; its\n//   cleanup cancels the frame, as the effect's does.\n// - Below the `sm` breakpoint the right calendar is a placeholder, as React's\n//   `{isSmallUp && ...}`: TransitionGroup still renders its (empty) wrapper\n//   when animations are off.\n// - React quirk kept: the day buttons have no `type`.\n\n// The day a grid key moves to: a day, a week, the first or last day of the\n// week row, or a month (Luxon clamps Jan 31 to Feb 28/29)\nconst getKeyTarget = (key: string, day: DateTime, weekStartsOn: number): DateTime | null => {\n  switch (key) {\n    case \"ArrowLeft\":\n      return day.minus({ days: 1 })\n    case \"ArrowRight\":\n      return day.plus({ days: 1 })\n    case \"ArrowUp\":\n      return day.minus({ days: 7 })\n    case \"ArrowDown\":\n      return day.plus({ days: 7 })\n    case \"Home\":\n      return day.minus({ days: weekPosition(day, weekStartsOn) })\n    case \"End\":\n      return day.plus({ days: 6 - weekPosition(day, weekStartsOn) })\n    case \"PageUp\":\n      return day.minus({ months: 1 })\n    case \"PageDown\":\n      return day.plus({ months: 1 })\n    default:\n      return null\n  }\n}\n\nconst monthIndex = (date: DateTime) => date.year * 12 + date.month\n\nexport const DateRangeCalendar = defineComponent({\n  name: \"DateRangeCalendar\",\n  setup() {\n    const context = useDateRangeContext()\n    const isSmallUp = useBreakpoint(\"sm\")\n    const calendarContainerRef = shallowRef<HTMLDivElement | null>(null)\n    // The day to focus once a key has moved the view to its month\n    let pendingFocus: DateTime | null = null\n    const selectionRange = shallowRef<DateRange | null>(null)\n    const calendarSteps = ref(0)\n    const forceRenderIncrement = ref(0)\n    const leftCalendarDate = shallowRef<DateTime>(\n      isSmallUp.value\n        ? getLeftCalendarDate(context.value?.[0] ?? DateTime.now(), context.max)\n        : (context.value?.[0] ?? DateTime.now()),\n    )\n\n    const rightCalendarDate = computed(() =>\n      isSmallUp.value\n        ? leftCalendarDate.value.plus({ months: 1 }).startOf(\"month\")\n        : leftCalendarDate.value.startOf(\"month\"),\n    )\n\n    const canGoBack = () => !context.min || isBefore(context.min, leftCalendarDate.value.startOf(\"month\"))\n    const canGoForward = () => !context.max || isBefore(rightCalendarDate.value.endOf(\"month\"), context.max)\n\n    const handleNext = () => {\n      calendarSteps.value += 1\n      leftCalendarDate.value = leftCalendarDate.value.plus({ months: 1 })\n    }\n\n    const handlePrevious = () => {\n      calendarSteps.value -= 1\n      leftCalendarDate.value = leftCalendarDate.value.minus({ months: 1 })\n    }\n\n    const handleDateSelect = (selectedDate: DateTime) => {\n      if (!selectionRange.value) {\n        selectionRange.value = [selectedDate, selectedDate]\n        return\n      }\n\n      const [currentSelectionStartDate] = selectionRange.value\n\n      // Selecting a date before the current selected start date moves the start date\n      // but does not resolve the selection\n      if (isBefore(selectedDate, currentSelectionStartDate)) {\n        selectionRange.value = [selectedDate, selectedDate]\n        return\n      }\n\n      // Resolve the selection by emitting the value and clearing selection\n      context.onChange([currentSelectionStartDate, selectedDate])\n      selectionRange.value = null\n    }\n\n    const handleDateMouseEnter = (hoveredDate: DateTime) => {\n      // If we're not actively selecting, no-op\n      const currentSelectionRange = selectionRange.value\n      if (!currentSelectionRange) {\n        return\n      }\n\n      const [currentStartDate] = currentSelectionRange\n\n      // When hovering a date before the current date, don't change the selection range\n      if (isBefore(hoveredDate, currentStartDate)) {\n        selectionRange.value = [currentStartDate, currentStartDate]\n        return\n      }\n\n      selectionRange.value = [currentStartDate, hoveredDate]\n    }\n\n    const handleCalendarMouseLeave = () => {\n      // If we're not actively selecting, no-op\n      const currentSelectionRange = selectionRange.value\n      if (!currentSelectionRange) {\n        return\n      }\n\n      // Reset the end selection\n      const [currentStartDate] = currentSelectionRange\n      selectionRange.value = [currentStartDate, currentStartDate]\n    }\n\n    // Days are named by their full date; skip calendars that are leaving\n    const focusDay = (day: DateTime) => {\n      const label = day.toLocaleString(DateTime.DATE_HUGE)\n      const buttons = calendarContainerRef.value?.querySelectorAll<HTMLButtonElement>(`button[aria-label=\"${label}\"]`)\n      Array.from(buttons ?? [])\n        .find((button) => !button.closest(\"[data-exiting]\"))\n        ?.focus()\n    }\n\n    const handleDayKeyDown = (event: KeyboardEvent, day: DateTime) => {\n      if (event.altKey || event.ctrlKey || event.metaKey) {\n        return\n      }\n\n      // While a move waits for its month to render, the next key starts from\n      // the day it is moving to (key repeat), not the day that still has focus\n      const target = getKeyTarget(event.key, pendingFocus ?? day, context.weekStartsOn)\n      if (!target) {\n        return\n      }\n\n      event.preventDefault()\n\n      // A disabled day (outside min/max, or past maxRangeDays while selecting)\n      // keeps focus where it is\n      const { min, max, maxRangeDays } = context\n      const selection = selectionRange.value\n      const rangeEndLimit =\n        selection && maxRangeDays != null ? selection[0].plus({ days: maxRangeDays - 1 }) : undefined\n      if (\n        (min && isBefore(target, min.startOf(\"day\"))) ||\n        (max && isAfter(target, max.endOf(\"day\"))) ||\n        (rangeEndLimit && isAfter(target, rangeEndLimit))\n      ) {\n        return\n      }\n\n      const monthsBefore = monthIndex(leftCalendarDate.value) - monthIndex(target)\n      const monthsAfter = monthIndex(target) - monthIndex(rightCalendarDate.value)\n      if (monthsBefore <= 0 && monthsAfter <= 0) {\n        pendingFocus = null\n        focusDay(target)\n        return\n      }\n\n      // Step the view like the month buttons; a day within min/max keeps every step in bounds\n      if (monthsAfter > 0 ? !canGoForward() : !canGoBack()) {\n        return\n      }\n\n      pendingFocus = target\n      for (let step = 0; step < Math.max(monthsBefore, monthsAfter); step++) {\n        if (monthsAfter > 0) {\n          handleNext()\n        } else {\n          handlePrevious()\n        }\n      }\n    }\n\n    // Force re-renders when `value` changes out of brand from direct user-selection\n    watch(\n      () => context.value,\n      (value) => {\n        // When a new value is received, it could be out of band from the control of this calendar.\n        // For example, a shortcut could be selected, or clear could be pressed. In either case, selection\n        // should be reset so that the new `value` can be displayed fully.\n        selectionRange.value = null\n\n        // Nothing else to do when value is empty\n        if (!value) {\n          return\n        }\n\n        // Check if `value` is still within view of our calendar\n        const viewInterval = Interval.fromDateTimes(\n          leftCalendarDate.value.startOf(\"month\"),\n          rightCalendarDate.value.endOf(\"month\"),\n        )\n        const isValueInRangeOfCalendar = viewInterval.contains(value[0]) || viewInterval.contains(value[1])\n        if (!isValueInRangeOfCalendar) {\n          // Reset state the calendar view entirely\n          selectionRange.value = null\n          calendarSteps.value = 0\n          leftCalendarDate.value = isSmallUp.value ? getLeftCalendarDate(value[0], context.max) : value[0]\n          forceRenderIncrement.value += 1\n        }\n      },\n    )\n\n    // Detect height changes when new calendars are rendered\n    const measureHeight = () => {\n      waitForAnimationFrame(() => {\n        const container = calendarContainerRef.value\n\n        if (!container) {\n          return\n        }\n\n        let maxHeight = -Infinity\n\n        // Find the tallest calendar\n        container.querySelectorAll<HTMLElement>(\"[data-calendar]\")?.forEach((element) => {\n          // NOTE: clientHeight does not respect the scale() that popover uses to animate in, which is what we want\n          // We want to know the full height of the element, without any transform applied.\n          const height = element.clientHeight\n\n          // Ignore calendars that are exiting\n          if (element.closest(\"[data-exiting]\")) {\n            return\n          }\n\n          if (height > maxHeight) {\n            maxHeight = height\n          }\n        })\n\n        container.style.height = `${maxHeight}px`\n\n        // Don't animate the initial height.\n        // This is relevant when the calendar opens to a larger size than the default.\n        if (!container.style.transition) {\n          waitForAnimationFrame(() => {\n            container.style.transition = `height 0.25s var(--cubic-move)`\n          })\n        }\n      })\n    }\n    onMounted(measureHeight)\n    watch(leftCalendarDate, measureHeight, { flush: \"post\" })\n\n    // Focus a pending day once its month has rendered. TransitionGroup marks\n    // the leaving calendar after this render, so wait a frame like the height does\n    watch(\n      leftCalendarDate,\n      (_date, _previous, onCleanup) => {\n        if (!pendingFocus) {\n          return\n        }\n\n        onCleanup(\n          waitForAnimationFrame(() => {\n            const target = pendingFocus\n            pendingFocus = null\n            if (target) {\n              focusDay(target)\n            }\n          }),\n        )\n      },\n      { flush: \"post\" },\n    )\n\n    const setContainer = (el: unknown) => {\n      calendarContainerRef.value = (el as HTMLDivElement | null) ?? null\n    }\n\n    return () => {\n      const { value, min, max, maxRangeDays } = context\n      const left = leftCalendarDate.value\n      const right = rightCalendarDate.value\n      const selection = selectionRange.value\n      const selectedDisplayValue = selection || value\n      const viewProps = {\n        selectedDates: selectedDisplayValue,\n        min,\n        max,\n        selectionStart: selection?.[0],\n        maxRangeDays,\n        isSelecting: !!selection,\n        onDateSelect: handleDateSelect,\n        onDateMouseEnter: handleDateMouseEnter,\n        onDayKeyDown: handleDayKeyDown,\n      }\n\n      return h(\"div\", { key: `stable-view-${forceRenderIncrement.value}`, class: s.CalendarWrapper }, [\n        h(\"div\", { ref: setContainer, class: s.CalendarContainer, onMouseleave: handleCalendarMouseLeave }, [\n          h(\"div\", { class: s.Previous }, [\n            h(\n              Button,\n              {\n                \"variant\": \"ghost\",\n                \"color\": \"secondary\",\n                \"size\": \"sm\",\n                \"pill\": false,\n                \"gutterSize\": \"2xs\",\n                \"iconSize\": \"sm\",\n                \"onClick\": handlePrevious,\n                \"disabled\": !canGoBack(),\n                \"aria-label\": \"Previous month\",\n              },\n              { default: () => [h(ChevronLeft)] },\n            ),\n          ]),\n          h(\"div\", { class: s.Next }, [\n            h(\n              Button,\n              {\n                \"variant\": \"ghost\",\n                \"color\": \"secondary\",\n                \"size\": \"sm\",\n                \"pill\": false,\n                \"gutterSize\": \"2xs\",\n                \"iconSize\": \"sm\",\n                \"onClick\": handleNext,\n                \"disabled\": !canGoForward(),\n                \"aria-label\": \"Next month\",\n              },\n              { default: () => [h(ChevronRight)] },\n            ),\n          ]),\n          h(\n            \"div\",\n            {\n              class: s.CalendarRange,\n              style: { transform: `translate(calc(${calendarSteps.value * -1} * var(--calendar-step)), 0)` },\n            },\n            [\n              h(\n                TransitionGroup,\n                { enterDuration: 400, exitDuration: 400 },\n                {\n                  default: () => [\n                    h(CalendarView, {\n                      key: left.toLocaleString({ month: \"long\", year: \"numeric\" }),\n                      stepPosition: calendarSteps.value,\n                      date: left,\n                      ...viewProps,\n                    }),\n                    isSmallUp.value\n                      ? h(CalendarView, {\n                          key: right.toLocaleString({ month: \"long\", year: \"numeric\" }),\n                          stepPosition: calendarSteps.value + 1,\n                          date: right,\n                          ...viewProps,\n                        })\n                      : createCommentVNode(),\n                  ],\n                },\n              ),\n            ],\n          ),\n        ]),\n      ])\n    }\n  },\n})\n\nconst daysOfTheWeekLabels = [\"Su\", \"Mo\", \"Tu\", \"We\", \"Th\", \"Fr\", \"Sa\"]\n\nconst CalendarView = defineComponent({\n  name: \"DateRangeCalendarView\",\n  props: {\n    // Can be any day within the given month that the calendar should render for\n    date: { type: Object as PropType<DateTime>, required: true },\n    selectedDates: { type: Array as unknown as PropType<DateRange | null>, default: undefined },\n    onDateSelect: Function as PropType<(dt: DateTime) => void>,\n    onDateMouseEnter: Function as PropType<(dt: DateTime) => void>,\n    onDayKeyDown: Function as PropType<(event: KeyboardEvent, dt: DateTime) => void>,\n    min: Object as PropType<DateTime>,\n    max: Object as PropType<DateTime>,\n    selectionStart: { type: Object as PropType<DateTime | null>, default: undefined },\n    maxRangeDays: Number,\n    isSelecting: Boolean,\n    stepPosition: { type: Number, required: true },\n  },\n  setup(props) {\n    const context = useDateRangeContext()\n    // Lock position on mount and don't respond to changes\n    const position = props.stepPosition\n    const view = computed(() => {\n      const { date, min, max } = props\n      const { weekStartsOn } = context\n      const monthStart = date.startOf(\"month\")\n      const endOfMonth = date.endOf(\"month\")\n\n      const daysBeforeMonthStart = weekPosition(monthStart, weekStartsOn)\n      const blankDays = new Array(daysBeforeMonthStart).fill(null)\n      const daysInMonth = getDaysOfMonth(monthStart)\n      const calendarCells = [...blankDays, ...daysInMonth]\n\n      // Cells are start-of-day values and Interval excludes its end, so widen the\n      // bounds to whole days: min/max days themselves stay selectable.\n      const enabledDateInterval = Interval.fromDateTimes(\n        (min || monthStart).startOf(\"day\"),\n        (max || endOfMonth).endOf(\"day\"),\n      )\n\n      return {\n        startOfMonth: monthStart,\n        endOfMonth,\n        weeks: chunkIntoWeeks(calendarCells, 7) as Array<Array<DateTime | null>>,\n        enabledInterval: enabledDateInterval,\n      }\n    })\n\n    const selectedInterval = computed<Interval | null>(() => {\n      const [selectedStart, selectedEnd] = props.selectedDates || []\n      if (!selectedStart || !selectedEnd) {\n        return null\n      }\n\n      return Interval.fromDateTimes(selectedStart.startOf(\"day\"), selectedEnd.endOf(\"day\"))\n    })\n\n    return () => {\n      const { startOfMonth, weeks, enabledInterval } = view.value\n      const { selectionStart, maxRangeDays, isSelecting } = props\n      const [selectedStart, selectedEnd] = props.selectedDates || []\n      const rangeEndLimit =\n        selectionStart && maxRangeDays != null ? selectionStart.plus({ days: maxRangeDays - 1 }) : undefined\n\n      const { weekStartsOn } = context\n      const dayLabels = [...daysOfTheWeekLabels.slice(weekStartsOn), ...daysOfTheWeekLabels.slice(0, weekStartsOn)]\n      return h(\"div\", { \"class\": s.Calendar, \"style\": { left: `calc(${position} * var(--calendar-step))` }, \"data-calendar\": true }, [\n        h(\"p\", { class: s.MonthLabel }, [startOfMonth.monthLong, \" \", String(startOfMonth.year)]),\n        h(\n          \"div\",\n          { class: s.Week },\n          dayLabels.map((day) => h(\"div\", { key: day, class: s.DayLabel }, day)),\n        ),\n        ...weeks.map((week, weekIndex) =>\n          h(\n            \"div\",\n            { class: s.Week, key: weekIndex },\n            week.map((d, dayIndex) => {\n              if (!d) {\n                return h(\"div\", { class: s.Day, key: `${weekIndex}-${dayIndex}` })\n              }\n\n              // Check if 'day' is within selected range\n              const enabled = enabledInterval.contains(d) && !(isSelecting && rangeEndLimit && isAfter(d, rangeEndLimit))\n              const isStart = enabled && selectedStart && isSameDay(d, selectedStart)\n              const isEnd = enabled && selectedEnd && isSameDay(d, selectedEnd)\n              const hasRange = selectedStart && selectedEnd && !isSameDay(selectedStart, selectedEnd)\n              const isInRange = hasRange && selectedInterval.value?.contains(d)\n              const dayIsToday = isToday(d)\n              const isFirstRangeTrail =\n                d.day === 1 &&\n                // Trail doesn't make sense to display at the start of the week\n                weekPosition(d, weekStartsOn) !== 0 &&\n                isInRange &&\n                !isStart\n              const isLastRangeTrail =\n                d.day === d.daysInMonth &&\n                // Trail doesn't make sense to display at the end of the week\n                weekPosition(d, weekStartsOn) !== 6 &&\n                isInRange &&\n                !isEnd\n\n              return h(\n                \"div\",\n                {\n                  \"class\": s.Day,\n                  \"key\": dayIndex,\n                  \"data-is-start\": isStart ? \"\" : undefined,\n                  \"data-is-end\": isEnd ? \"\" : undefined,\n                  \"data-is-in-range\": isInRange ? \"\" : undefined,\n                  \"data-is-first-range-trail\": isFirstRangeTrail ? \"\" : undefined,\n                  \"data-is-last-range-trail\": isLastRangeTrail ? \"\" : undefined,\n                },\n                [\n                  // The full date names the day, which \"15\" alone does not across months\n                  h(\n                    \"button\",\n                    {\n                      \"class\": s.InteractiveDay,\n                      \"disabled\": !enabled,\n                      \"aria-label\": d.toLocaleString(DateTime.DATE_HUGE),\n                      \"aria-pressed\": isStart || isEnd || isInRange ? \"true\" : \"false\",\n                      \"aria-current\": dayIsToday ? \"date\" : undefined,\n                      \"onClick\": () => d && props.onDateSelect?.(d),\n                      \"onMouseenter\": () => d && props.onDateMouseEnter?.(d),\n                      \"onKeydown\": (event: KeyboardEvent) => d && props.onDayKeyDown?.(event, d),\n                    },\n                    [String(d.day), dayIsToday ? h(\"span\", { class: s.TodayDot }) : null],\n                  ),\n                ],\n              )\n            }),\n          ),\n        ),\n      ])\n    }\n  },\n})\n\nexport const DateRangeShortcuts = defineComponent({\n  name: \"DateRangeShortcuts\",\n  props: {\n    shortcuts: Array as PropType<DateRangeShortcut[]>,\n  },\n  setup(props) {\n    const isMediumUp = useBreakpoint(\"md\")\n    const context = useDateRangeContext()\n\n    return () => {\n      const { shortcuts } = props\n      if (!isMediumUp.value || !shortcuts?.length) {\n        return null\n      }\n\n      const { value, min, max, maxRangeDays, onChange } = context\n\n      return h(\n        \"div\",\n        { class: s.Shortcuts },\n        shortcuts.map((shortcut) => {\n          const { label, getDateRange } = shortcut\n          const range = getDateRange()\n          const [start, end] = range\n          const isActive = !!value && isSameDay(value[0], start) && isSameDay(value[1], end)\n\n          return h(\n            Button,\n            {\n              key: label,\n              class: \"mb-1\",\n              variant: \"ghost\",\n              color: \"primary\",\n              pill: false,\n              size: \"md\",\n              iconSize: \"sm\",\n              block: true,\n              selected: isActive,\n              disabled: !isRangeWithinLimits(range, min, max, maxRangeDays),\n              onClick: () => onChange(range, shortcut),\n            },\n            { default: () => [h(\"span\", { class: s.ButtonText }, label), isActive ? h(Check) : null] },\n          )\n        }),\n      )\n    }\n  },\n})\n\n// A shortcut follows the calendar's limits: whole days from min to max, and\n// no more than maxRangeDays days\nconst isRangeWithinLimits = ([start, end]: DateRange, min?: DateTime, max?: DateTime, maxRangeDays?: number) =>\n  !(min && isBefore(start, min.startOf(\"day\"))) &&\n  !(max && isAfter(end, max.endOf(\"day\"))) &&\n  !(maxRangeDays != null && isAfter(end.startOf(\"day\"), start.startOf(\"day\").plus({ days: maxRangeDays - 1 })))\n\nconst getLeftCalendarDate = (targetDate: DateTime, maxDate?: DateTime) => {\n  if (!maxDate) {\n    return targetDate\n  }\n\n  return isBefore(targetDate.endOf(\"month\"), maxDate) ? targetDate : targetDate.minus({ months: 1 })\n}\n"]}

package/dist/es/components/DateRangePicker/DateRangePicker.js

@@ -24,6 +24,8 @@ const DateRangePickerComponent = defineComponent({
         max: Object,
         /** Maximum length of the selectable range in days (inclusive). */
         maxRangeDays: Number,
+        /** The day each week starts on, from 0 (Sunday) to 6 (Saturday). @default 0 */
+        weekStartsOn: { type: Number, default: 0 },
         /** Date range shortcuts for quick selection, shown to the left of the calendar. */
         shortcuts: Array,
         /** The preferred side of the trigger to render against when open. @default "bottom" */
@@ -87,6 +89,9 @@ const DateRangePickerComponent = defineComponent({
             get maxRangeDays() {
                 return props.maxRangeDays;
             },
+            get weekStartsOn() {
+                return props.weekStartsOn;
+            },
             get triggerStepperUnit() {
                 return props.triggerStepperUnit;
             },

package/dist/es/components/DateRangePicker/DateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DateTime } from \"luxon\"\nimport { computed, defineComponent, h, provide, toRaw, type PropType } from \"vue\"\nimport type { ControlSize } from \"@plexui/styles/types\"\nimport { isAfter } from \"../../lib/dateUtils.js\"\nimport { Popover, PopoverContent, PopoverTrigger, type PopoverAlign, type PopoverSide } from \"../Popover/index.js\"\nimport type { DropdownIconType } from \"../SelectControl/index.js\"\nimport { DateRangeCalendar, DateRangeShortcuts } from \"./Calendar.js\"\nimport { DateRangeContextKey, type DateRangeContextValue } from \"./context.js\"\nimport { DateRangeTrigger } from \"./Trigger.js\"\nimport { type DateRange, type DateRangeShortcut } from \"./types.js\"\n\n// Vue port of packages/ui/src/components/DateRangePicker/DateRangePicker.tsx.\n// - `value` + `update:value` (`v-model:value`), plus `change`, which also\n//   carries the selected shortcut like React's `onChange(range, shortcut)`.\n//   Like React the picker is controlled: a parent that does not update\n//   `value` keeps the shown range.\n// - DateTime values are read unwrapped (`toRaw`), so a `ref()` holding a\n//   range (a deep reactive proxy) works like a plain value.\n\nconst DateRangePickerComponent = defineComponent({\n  name: \"DateRangePicker\",\n  inheritAttrs: false,\n  props: {\n    /** The selected date range value (`v-model:value`). */\n    value: { type: Array as unknown as PropType<DateRange | null>, default: null },\n    /** Defines the earliest selectable date (inclusive). */\n    min: Object as PropType<DateTime>,\n    /** Defines the latest selectable date (inclusive). */\n    max: Object as PropType<DateTime>,\n    /** Maximum length of the selectable range in days (inclusive). */\n    maxRangeDays: Number,\n    /** Date range shortcuts for quick selection, shown to the left of the calendar. */\n    shortcuts: Array as PropType<DateRangeShortcut[]>,\n    /** The preferred side of the trigger to render against when open. @default \"bottom\" */\n    side: { type: String as PropType<PopoverSide>, default: \"bottom\" },\n    /** The distance in pixels from the trigger. @default 8 */\n    sideOffset: { type: Number, default: 8 },\n    /** The preferred alignment against the trigger. @default \"center\" */\n    align: { type: String as PropType<PopoverAlign>, default: \"center\" },\n    /** An offset in pixels from the \"start\" or \"end\" alignment options. @default 0 */\n    alignOffset: Number,\n    /** Disables the select visually and from interactions. @default false */\n    disabled: { type: Boolean, default: false },\n    /** Placeholder text for the select. @default \"Select date range...\" */\n    placeholder: { type: String, default: \"Select date range...\" },\n    /** Style variant for the select trigger. @default \"outline\" */\n    variant: { type: String as PropType<\"soft\" | \"outline\" | \"ghost\">, default: \"outline\" },\n    /** Determines if the select trigger should be a fully rounded pill shape. @default true */\n    pill: { type: Boolean, default: true },\n    /** Size of the control: `3xs` 22px up to `3xl` 48px. @default \"md\" */\n    size: { type: String as PropType<ControlSize>, default: \"md\" },\n    /** Icon displayed in the far right of the select trigger. @default \"dropdown\" */\n    dropdownIconType: String as PropType<DropdownIconType>,\n    /** Custom class applied to the select trigger */\n    triggerClassName: String,\n    /** Display calendar icon at the start of the trigger. @default true */\n    triggerShowIcon: { type: Boolean, default: true },\n    /** Shows a stepper in the trigger when the selected range matches the unit ('month'). */\n    triggerStepperUnit: String as PropType<\"month\">,\n    /** Format of dates displayed in the trigger. @default \"MM/dd/yy\" */\n    triggerDateFormat: { type: String, default: \"MM/dd/yy\" },\n    /** Display a clear action that allows the select to be unset. @default false */\n    clearable: { type: Boolean, default: false },\n    /** Extends select to 100% of available width. @default false */\n    block: { type: Boolean, default: false },\n  },\n  emits: {\n    \"update:value\": (_nextValue: DateRange | null) => true,\n    \"change\": (_nextValue: DateRange | null, _shortcut?: DateRangeShortcut) => true,\n  },\n  setup(props, { emit }) {\n    const unwrap = <T>(value: T): T => (value ? toRaw(value) : value)\n\n    // A new range only when `value` or one of its endpoints changes, as the\n    // identity React's effects see. The endpoints are read through the array\n    // so that `range.value[0] = date` on a `ref()` range is tracked.\n    const value = computed<DateRange | null>(() => {\n      const range = props.value\n      if (!range) return null\n      return [toRaw(range[0]), toRaw(range[1])]\n    })\n\n    const store: DateRangeContextValue = {\n      get value() {\n        return value.value\n      },\n      get min() {\n        return unwrap(props.min)\n      },\n      get max() {\n        return unwrap(props.max)\n      },\n      get maxRangeDays() {\n        return props.maxRangeDays\n      },\n      get triggerStepperUnit() {\n        return props.triggerStepperUnit\n      },\n      get triggerClassName() {\n        return props.triggerClassName\n      },\n      get triggerShowIcon() {\n        return props.triggerShowIcon\n      },\n      get triggerDateFormat() {\n        return props.triggerDateFormat\n      },\n      get disabled() {\n        return props.disabled\n      },\n      get variant() {\n        return props.variant\n      },\n      get pill() {\n        return props.pill\n      },\n      get block() {\n        return props.block\n      },\n      get size() {\n        return props.size\n      },\n      get dropdownIconType() {\n        return props.dropdownIconType\n      },\n      get clearable() {\n        return props.clearable\n      },\n      get placeholder() {\n        return props.placeholder\n      },\n      get shortcuts() {\n        return props.shortcuts\n      },\n      onChange: (nextValue, shortcut) => {\n        emit(\"update:value\", nextValue)\n        emit(\"change\", nextValue, shortcut)\n      },\n    }\n    provide(DateRangeContextKey, store)\n\n    return () => {\n      const { min, max } = store\n      const { align } = props\n\n      // min and max are inclusive, so equal bounds allow one date\n      if (min && max && isAfter(min, max)) {\n        throw new Error(\"DateRangePicker error: `min` date must not be after the `max` date\")\n      }\n\n      return h(Popover, null, {\n        default: () => [\n          h(PopoverTrigger, null, { default: () => [h(DateRangeTrigger)] }),\n          h(\n            PopoverContent,\n            {\n              minWidth: 230,\n              side: props.side,\n              sideOffset: props.sideOffset,\n              align,\n              alignOffset: props.alignOffset ?? (align === \"center\" ? 0 : -5),\n            },\n            {\n              default: () => [\n                h(\"div\", { class: \"flex\" }, [h(DateRangeShortcuts, { shortcuts: props.shortcuts }), h(DateRangeCalendar)]),\n              ],\n            },\n          ),\n        ],\n      })\n    }\n  },\n})\n\nexport type DateRangePickerProps = InstanceType<typeof DateRangePickerComponent>[\"$props\"]\n\n/**\n * A date range picker: a SelectControl trigger (or a month stepper) opening\n * two calendars and optional shortcuts in a popover. Bind the range\n * (`[start, end]` luxon `DateTime`s) with `v-model:value`.\n */\nexport const DateRangePicker = DateRangePickerComponent\n"]}
+{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DateTime } from \"luxon\"\nimport { computed, defineComponent, h, provide, toRaw, type PropType } from \"vue\"\nimport type { ControlSize } from \"@plexui/styles/types\"\nimport { isAfter } from \"../../lib/dateUtils.js\"\nimport { Popover, PopoverContent, PopoverTrigger, type PopoverAlign, type PopoverSide } from \"../Popover/index.js\"\nimport type { DropdownIconType } from \"../SelectControl/index.js\"\nimport { DateRangeCalendar, DateRangeShortcuts } from \"./Calendar.js\"\nimport { DateRangeContextKey, type DateRangeContextValue } from \"./context.js\"\nimport { DateRangeTrigger } from \"./Trigger.js\"\nimport { type DateRange, type DateRangeShortcut, type WeekStart } from \"./types.js\"\n\n// Vue port of packages/ui/src/components/DateRangePicker/DateRangePicker.tsx.\n// - `value` + `update:value` (`v-model:value`), plus `change`, which also\n//   carries the selected shortcut like React's `onChange(range, shortcut)`.\n//   Like React the picker is controlled: a parent that does not update\n//   `value` keeps the shown range.\n// - DateTime values are read unwrapped (`toRaw`), so a `ref()` holding a\n//   range (a deep reactive proxy) works like a plain value.\n\nconst DateRangePickerComponent = defineComponent({\n  name: \"DateRangePicker\",\n  inheritAttrs: false,\n  props: {\n    /** The selected date range value (`v-model:value`). */\n    value: { type: Array as unknown as PropType<DateRange | null>, default: null },\n    /** Defines the earliest selectable date (inclusive). */\n    min: Object as PropType<DateTime>,\n    /** Defines the latest selectable date (inclusive). */\n    max: Object as PropType<DateTime>,\n    /** Maximum length of the selectable range in days (inclusive). */\n    maxRangeDays: Number,\n    /** The day each week starts on, from 0 (Sunday) to 6 (Saturday). @default 0 */\n    weekStartsOn: { type: Number as PropType<WeekStart>, default: 0 },\n    /** Date range shortcuts for quick selection, shown to the left of the calendar. */\n    shortcuts: Array as PropType<DateRangeShortcut[]>,\n    /** The preferred side of the trigger to render against when open. @default \"bottom\" */\n    side: { type: String as PropType<PopoverSide>, default: \"bottom\" },\n    /** The distance in pixels from the trigger. @default 8 */\n    sideOffset: { type: Number, default: 8 },\n    /** The preferred alignment against the trigger. @default \"center\" */\n    align: { type: String as PropType<PopoverAlign>, default: \"center\" },\n    /** An offset in pixels from the \"start\" or \"end\" alignment options. @default 0 */\n    alignOffset: Number,\n    /** Disables the select visually and from interactions. @default false */\n    disabled: { type: Boolean, default: false },\n    /** Placeholder text for the select. @default \"Select date range...\" */\n    placeholder: { type: String, default: \"Select date range...\" },\n    /** Style variant for the select trigger. @default \"outline\" */\n    variant: { type: String as PropType<\"soft\" | \"outline\" | \"ghost\">, default: \"outline\" },\n    /** Determines if the select trigger should be a fully rounded pill shape. @default true */\n    pill: { type: Boolean, default: true },\n    /** Size of the control: `3xs` 22px up to `3xl` 48px. @default \"md\" */\n    size: { type: String as PropType<ControlSize>, default: \"md\" },\n    /** Icon displayed in the far right of the select trigger. @default \"dropdown\" */\n    dropdownIconType: String as PropType<DropdownIconType>,\n    /** Custom class applied to the select trigger */\n    triggerClassName: String,\n    /** Display calendar icon at the start of the trigger. @default true */\n    triggerShowIcon: { type: Boolean, default: true },\n    /** Shows a stepper in the trigger when the selected range matches the unit ('month'). */\n    triggerStepperUnit: String as PropType<\"month\">,\n    /** Format of dates displayed in the trigger. @default \"MM/dd/yy\" */\n    triggerDateFormat: { type: String, default: \"MM/dd/yy\" },\n    /** Display a clear action that allows the select to be unset. @default false */\n    clearable: { type: Boolean, default: false },\n    /** Extends select to 100% of available width. @default false */\n    block: { type: Boolean, default: false },\n  },\n  emits: {\n    \"update:value\": (_nextValue: DateRange | null) => true,\n    \"change\": (_nextValue: DateRange | null, _shortcut?: DateRangeShortcut) => true,\n  },\n  setup(props, { emit }) {\n    const unwrap = <T>(value: T): T => (value ? toRaw(value) : value)\n\n    // A new range only when `value` or one of its endpoints changes, as the\n    // identity React's effects see. The endpoints are read through the array\n    // so that `range.value[0] = date` on a `ref()` range is tracked.\n    const value = computed<DateRange | null>(() => {\n      const range = props.value\n      if (!range) return null\n      return [toRaw(range[0]), toRaw(range[1])]\n    })\n\n    const store: DateRangeContextValue = {\n      get value() {\n        return value.value\n      },\n      get min() {\n        return unwrap(props.min)\n      },\n      get max() {\n        return unwrap(props.max)\n      },\n      get maxRangeDays() {\n        return props.maxRangeDays\n      },\n      get weekStartsOn() {\n        return props.weekStartsOn\n      },\n      get triggerStepperUnit() {\n        return props.triggerStepperUnit\n      },\n      get triggerClassName() {\n        return props.triggerClassName\n      },\n      get triggerShowIcon() {\n        return props.triggerShowIcon\n      },\n      get triggerDateFormat() {\n        return props.triggerDateFormat\n      },\n      get disabled() {\n        return props.disabled\n      },\n      get variant() {\n        return props.variant\n      },\n      get pill() {\n        return props.pill\n      },\n      get block() {\n        return props.block\n      },\n      get size() {\n        return props.size\n      },\n      get dropdownIconType() {\n        return props.dropdownIconType\n      },\n      get clearable() {\n        return props.clearable\n      },\n      get placeholder() {\n        return props.placeholder\n      },\n      get shortcuts() {\n        return props.shortcuts\n      },\n      onChange: (nextValue, shortcut) => {\n        emit(\"update:value\", nextValue)\n        emit(\"change\", nextValue, shortcut)\n      },\n    }\n    provide(DateRangeContextKey, store)\n\n    return () => {\n      const { min, max } = store\n      const { align } = props\n\n      // min and max are inclusive, so equal bounds allow one date\n      if (min && max && isAfter(min, max)) {\n        throw new Error(\"DateRangePicker error: `min` date must not be after the `max` date\")\n      }\n\n      return h(Popover, null, {\n        default: () => [\n          h(PopoverTrigger, null, { default: () => [h(DateRangeTrigger)] }),\n          h(\n            PopoverContent,\n            {\n              minWidth: 230,\n              side: props.side,\n              sideOffset: props.sideOffset,\n              align,\n              alignOffset: props.alignOffset ?? (align === \"center\" ? 0 : -5),\n            },\n            {\n              default: () => [\n                h(\"div\", { class: \"flex\" }, [h(DateRangeShortcuts, { shortcuts: props.shortcuts }), h(DateRangeCalendar)]),\n              ],\n            },\n          ),\n        ],\n      })\n    }\n  },\n})\n\nexport type DateRangePickerProps = InstanceType<typeof DateRangePickerComponent>[\"$props\"]\n\n/**\n * A date range picker: a SelectControl trigger (or a month stepper) opening\n * two calendars and optional shortcuts in a popover. Bind the range\n * (`[start, end]` luxon `DateTime`s) with `v-model:value`.\n */\nexport const DateRangePicker = DateRangePickerComponent\n"]}

package/dist/es/components/DateRangePicker/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAqB,MAAM,KAAK,CAAA;AA+B/C,MAAM,CAAC,MAAM,mBAAmB,GAAwC,MAAM,CAAC,uBAAuB,CAAC,CAAA;AAEvG,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,MAAM,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAA;IAEjD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC,CAAA;IAChF,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA","sourcesContent":["import type { DateTime } from \"luxon\"\nimport { inject, type InjectionKey } from \"vue\"\nimport type { ControlSize } from \"@plexui/styles/types\"\nimport type { DropdownIconType } from \"../SelectControl/index.js\"\nimport type { DateRange, DateRangeShortcut } from \"./types.js\"\n\n// Vue port of packages/ui/src/components/DateRangePicker/context.tsx. The\n// values are getters over DateRangePicker's props (read them in render,\n// computed or watch to track them); React's `onChangeRef` is a plain\n// function here, as Vue props and emits are always current.\n\nexport type DateRangeContextValue = {\n  readonly value: DateRange | null\n  readonly min?: DateTime\n  readonly max?: DateTime\n  readonly maxRangeDays?: number\n  readonly triggerStepperUnit?: \"month\"\n  readonly triggerClassName?: string\n  readonly triggerShowIcon?: boolean\n  readonly triggerDateFormat: string\n  readonly disabled: boolean\n  readonly variant?: \"soft\" | \"outline\" | \"ghost\"\n  readonly pill: boolean\n  readonly block: boolean\n  readonly size?: ControlSize\n  readonly dropdownIconType?: DropdownIconType\n  readonly clearable: boolean\n  readonly placeholder: string\n  readonly shortcuts?: DateRangeShortcut[]\n  onChange: (nextValue: DateRange | null, shortcut?: DateRangeShortcut) => void\n}\n\nexport const DateRangeContextKey: InjectionKey<DateRangeContextValue> = Symbol(\"PlexUIDateRangePicker\")\n\nexport const useDateRangeContext = () => {\n  const context = inject(DateRangeContextKey, null)\n\n  if (!context) {\n    throw new Error(\"DateRange components must be wrapped in <DateRangePicker />\")\n  }\n\n  return context\n}\n"]}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAqB,MAAM,KAAK,CAAA;AAgC/C,MAAM,CAAC,MAAM,mBAAmB,GAAwC,MAAM,CAAC,uBAAuB,CAAC,CAAA;AAEvG,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,OAAO,GAAG,MAAM,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAA;IAEjD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC,CAAA;IAChF,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA","sourcesContent":["import type { DateTime } from \"luxon\"\nimport { inject, type InjectionKey } from \"vue\"\nimport type { ControlSize } from \"@plexui/styles/types\"\nimport type { DropdownIconType } from \"../SelectControl/index.js\"\nimport type { DateRange, DateRangeShortcut, WeekStart } from \"./types.js\"\n\n// Vue port of packages/ui/src/components/DateRangePicker/context.tsx. The\n// values are getters over DateRangePicker's props (read them in render,\n// computed or watch to track them); React's `onChangeRef` is a plain\n// function here, as Vue props and emits are always current.\n\nexport type DateRangeContextValue = {\n  readonly value: DateRange | null\n  readonly min?: DateTime\n  readonly max?: DateTime\n  readonly maxRangeDays?: number\n  readonly weekStartsOn: WeekStart\n  readonly triggerStepperUnit?: \"month\"\n  readonly triggerClassName?: string\n  readonly triggerShowIcon?: boolean\n  readonly triggerDateFormat: string\n  readonly disabled: boolean\n  readonly variant?: \"soft\" | \"outline\" | \"ghost\"\n  readonly pill: boolean\n  readonly block: boolean\n  readonly size?: ControlSize\n  readonly dropdownIconType?: DropdownIconType\n  readonly clearable: boolean\n  readonly placeholder: string\n  readonly shortcuts?: DateRangeShortcut[]\n  onChange: (nextValue: DateRange | null, shortcut?: DateRangeShortcut) => void\n}\n\nexport const DateRangeContextKey: InjectionKey<DateRangeContextValue> = Symbol(\"PlexUIDateRangePicker\")\n\nexport const useDateRangeContext = () => {\n  const context = inject(DateRangeContextKey, null)\n\n  if (!context) {\n    throw new Error(\"DateRange components must be wrapped in <DateRangePicker />\")\n  }\n\n  return context\n}\n"]}

package/dist/es/components/DateRangePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA6B,MAAM,sBAAsB,CAAA;AAEjF,OAAO,EAA0C,MAAM,YAAY,CAAA","sourcesContent":["export { DateRangePicker, type DateRangePickerProps } from \"./DateRangePicker.js\"\n\nexport { type DateRange, type DateRangeShortcut } from \"./types.js\"\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA6B,MAAM,sBAAsB,CAAA;AAEjF,OAAO,EAA0D,MAAM,YAAY,CAAA","sourcesContent":["export { DateRangePicker, type DateRangePickerProps } from \"./DateRangePicker.js\"\n\nexport { type DateRange, type DateRangeShortcut, type WeekStart } from \"./types.js\"\n"]}

package/dist/es/components/DateRangePicker/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,MAAM,OAAO,CAAA","sourcesContent":["import { type DateTime } from \"luxon\"\n\nexport type DateRange = [DateTime, DateTime]\nexport type DateRangeShortcut = {\n  label: string\n  getDateRange: () => DateRange\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,MAAM,OAAO,CAAA","sourcesContent":["import { type DateTime } from \"luxon\"\n\nexport type DateRange = [DateTime, DateTime]\n/** The day a week starts on: 0 is Sunday, 6 is Saturday. */\nexport type WeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6\nexport type DateRangeShortcut = {\n  label: string\n  getDateRange: () => DateRange\n}\n"]}