@rupe/v-datepicker 1.0.0-alpha.0

package/dist/components/Presence/usePresence.js

@@ -0,0 +1,131 @@
+import { ref, watch, nextTick, onUnmounted, computed } from "vue";
+import { defaultWindow } from "../../node_modules/.pnpm/@vueuse_core@14.1.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js";
+import { isClient } from "../../node_modules/.pnpm/@vueuse_shared@14.1.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js";
+import { useStateMachine } from "../../shared/useStateMachine.js";
+function usePresence(present, node) {
+  const stylesRef = ref({});
+  const prevAnimationNameRef = ref("none");
+  const prevPresentRef = ref(present);
+  const initialState = present.value ? "mounted" : "unmounted";
+  let timeoutId;
+  const ownerWindow = node.value?.ownerDocument.defaultView ?? defaultWindow;
+  const { state, dispatch } = useStateMachine(initialState, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  const dispatchCustomEvent = (name) => {
+    if (isClient) {
+      const customEvent = new CustomEvent(name, {
+        bubbles: false,
+        cancelable: false
+      });
+      node.value?.dispatchEvent(customEvent);
+    }
+  };
+  watch(
+    present,
+    async (currentPresent, prevPresent) => {
+      const hasPresentChanged = prevPresent !== currentPresent;
+      await nextTick();
+      if (hasPresentChanged) {
+        const prevAnimationName = prevAnimationNameRef.value;
+        const currentAnimationName = getAnimationName(node.value);
+        if (currentPresent) {
+          dispatch("MOUNT");
+          dispatchCustomEvent("enter");
+          if (currentAnimationName === "none")
+            dispatchCustomEvent("after-enter");
+        } else if (currentAnimationName === "none" || currentAnimationName === "undefined" || stylesRef.value?.display === "none") {
+          dispatch("UNMOUNT");
+          dispatchCustomEvent("leave");
+          dispatchCustomEvent("after-leave");
+        } else {
+          const isAnimating = prevAnimationName !== currentAnimationName;
+          if (prevPresent && isAnimating) {
+            dispatch("ANIMATION_OUT");
+            dispatchCustomEvent("leave");
+          } else {
+            dispatch("UNMOUNT");
+            dispatchCustomEvent("after-leave");
+          }
+        }
+      }
+    },
+    { immediate: true }
+  );
+  const handleAnimationEnd = (event) => {
+    const currentAnimationName = getAnimationName(node.value);
+    const isCurrentAnimation = currentAnimationName.includes(
+      CSS.escape(event.animationName)
+    );
+    const directionName = state.value === "mounted" ? "enter" : "leave";
+    if (event.target === node.value && isCurrentAnimation) {
+      dispatchCustomEvent(`after-${directionName}`);
+      dispatch("ANIMATION_END");
+      if (!prevPresentRef.value) {
+        const currentFillMode = node.value.style.animationFillMode;
+        node.value.style.animationFillMode = "forwards";
+        timeoutId = ownerWindow?.setTimeout(() => {
+          if (node.value?.style.animationFillMode === "forwards") {
+            node.value.style.animationFillMode = currentFillMode;
+          }
+        });
+      }
+    }
+    if (event.target === node.value && currentAnimationName === "none")
+      dispatch("ANIMATION_END");
+  };
+  const handleAnimationStart = (event) => {
+    if (event.target === node.value) {
+      prevAnimationNameRef.value = getAnimationName(node.value);
+    }
+  };
+  const watcher = watch(
+    node,
+    (newNode, oldNode) => {
+      if (newNode) {
+        stylesRef.value = getComputedStyle(newNode);
+        newNode.addEventListener("animationstart", handleAnimationStart);
+        newNode.addEventListener("animationcancel", handleAnimationEnd);
+        newNode.addEventListener("animationend", handleAnimationEnd);
+      } else {
+        dispatch("ANIMATION_END");
+        if (timeoutId !== void 0) ownerWindow?.clearTimeout(timeoutId);
+        oldNode?.removeEventListener("animationstart", handleAnimationStart);
+        oldNode?.removeEventListener("animationcancel", handleAnimationEnd);
+        oldNode?.removeEventListener("animationend", handleAnimationEnd);
+      }
+    },
+    { immediate: true }
+  );
+  const stateWatcher = watch(state, () => {
+    const currentAnimationName = getAnimationName(node.value);
+    prevAnimationNameRef.value = state.value === "mounted" ? currentAnimationName : "none";
+  });
+  onUnmounted(() => {
+    watcher();
+    stateWatcher();
+  });
+  const isPresent = computed(
+    () => ["mounted", "unmountSuspended"].includes(state.value)
+  );
+  return {
+    isPresent
+  };
+}
+function getAnimationName(node) {
+  return node ? getComputedStyle(node).animationName || "none" : "none";
+}
+export {
+  usePresence
+};
+//# sourceMappingURL=usePresence.js.map

package/dist/components/Presence/usePresence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePresence.js","sources":["../../../src/components/Presence/usePresence.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { useStateMachine } from \"../../shared\";\nimport { defaultWindow } from \"@vueuse/core\";\nimport { isClient } from \"@vueuse/shared\";\nimport { computed, nextTick, onUnmounted, ref, watch } from \"vue\";\n\nexport function usePresence(\n  present: Ref<boolean>,\n  node: Ref<HTMLElement | undefined>,\n) {\n  const stylesRef = ref<CSSStyleDeclaration>({} as any);\n  const prevAnimationNameRef = ref<string>(\"none\");\n  const prevPresentRef = ref(present);\n  const initialState = present.value ? \"mounted\" : \"unmounted\";\n  let timeoutId: number | undefined;\n  const ownerWindow = node.value?.ownerDocument.defaultView ?? defaultWindow;\n\n  const { state, dispatch } = useStateMachine(initialState, {\n    mounted: {\n      UNMOUNT: \"unmounted\",\n      ANIMATION_OUT: \"unmountSuspended\",\n    },\n    unmountSuspended: {\n      MOUNT: \"mounted\",\n      ANIMATION_END: \"unmounted\",\n    },\n    unmounted: {\n      MOUNT: \"mounted\",\n    },\n  });\n\n  const dispatchCustomEvent = (\n    name: \"enter\" | \"after-enter\" | \"leave\" | \"after-leave\",\n  ) => {\n    // We only dispatch this event because CustomEvent is not available in Node18\n    // https://github.com/unovue/reka-ui/issues/930\n    if (isClient) {\n      const customEvent = new CustomEvent(name, {\n        bubbles: false,\n        cancelable: false,\n      });\n      node.value?.dispatchEvent(customEvent);\n    }\n  };\n\n  watch(\n    present,\n    async (currentPresent, prevPresent) => {\n      const hasPresentChanged = prevPresent !== currentPresent;\n      await nextTick();\n      if (hasPresentChanged) {\n        const prevAnimationName = prevAnimationNameRef.value;\n        const currentAnimationName = getAnimationName(node.value);\n\n        if (currentPresent) {\n          dispatch(\"MOUNT\");\n          dispatchCustomEvent(\"enter\");\n          if (currentAnimationName === \"none\")\n            dispatchCustomEvent(\"after-enter\");\n        } else if (\n          currentAnimationName === \"none\" ||\n          currentAnimationName === \"undefined\" ||\n          stylesRef.value?.display === \"none\"\n        ) {\n          // If there is no exit animation or the element is hidden, animations won't run\n          // so we unmount instantly rv\n          dispatch(\"UNMOUNT\");\n          dispatchCustomEvent(\"leave\");\n          dispatchCustomEvent(\"after-leave\");\n        } else {\n          /**\n           * When `present` changes to `false`, we check changes to animation-name to\n           * determine whether an animation has started. We chose this approach (reading\n           * computed styles) because there is no `animationrun` event and `animationstart`\n           * fires after `animation-delay` has expired which would be too late.\n           */\n          const isAnimating = prevAnimationName !== currentAnimationName;\n          if (prevPresent && isAnimating) {\n            dispatch(\"ANIMATION_OUT\");\n            dispatchCustomEvent(\"leave\");\n          } else {\n            dispatch(\"UNMOUNT\");\n            dispatchCustomEvent(\"after-leave\");\n          }\n        }\n      }\n    },\n    { immediate: true },\n  );\n\n  /**\n   * Triggering an ANIMATION_OUT during an ANIMATION_IN will fire an `animationcancel`\n   * event for ANIMATION_IN after we have entered `unmountSuspended` state. So, we\n   * make sure we only trigger ANIMATION_END for the currently active animation.\n   */\n  const handleAnimationEnd = (event: AnimationEvent) => {\n    const currentAnimationName = getAnimationName(node.value);\n    const isCurrentAnimation = currentAnimationName.includes(\n      CSS.escape(event.animationName),\n    );\n    const directionName = state.value === \"mounted\" ? \"enter\" : \"leave\";\n    if (event.target === node.value && isCurrentAnimation) {\n      dispatchCustomEvent(`after-${directionName}`);\n      dispatch(\"ANIMATION_END\");\n\n      if (!prevPresentRef.value) {\n        const currentFillMode = node.value.style.animationFillMode;\n        node.value.style.animationFillMode = \"forwards\";\n        // Reset the style after the node had time to unmount (for cases\n        // where the component chooses not to unmount). Doing this any\n        // sooner than `setTimeout` (e.g. with `requestAnimationFrame`)\n        // still causes a flash.\n        timeoutId = ownerWindow?.setTimeout(() => {\n          if (node.value?.style.animationFillMode === \"forwards\") {\n            node.value.style.animationFillMode = currentFillMode;\n          }\n        });\n      }\n    }\n    // if no animation, immediately trigger 'ANIMATION_END'\n    if (event.target === node.value && currentAnimationName === \"none\")\n      dispatch(\"ANIMATION_END\");\n  };\n  const handleAnimationStart = (event: AnimationEvent) => {\n    if (event.target === node.value) {\n      // if animation occurred, store its name as the previous animation.\n      prevAnimationNameRef.value = getAnimationName(node.value);\n    }\n  };\n\n  const watcher = watch(\n    node,\n    (newNode, oldNode) => {\n      if (newNode) {\n        stylesRef.value = getComputedStyle(newNode);\n        newNode.addEventListener(\"animationstart\", handleAnimationStart);\n        newNode.addEventListener(\"animationcancel\", handleAnimationEnd);\n        newNode.addEventListener(\"animationend\", handleAnimationEnd);\n      } else {\n        // Transition to the unmounted state if the node is removed prematurely.\n        // We avoid doing so during cleanup as the node may change but still exist.\n        dispatch(\"ANIMATION_END\");\n\n        if (timeoutId !== undefined) ownerWindow?.clearTimeout(timeoutId);\n        oldNode?.removeEventListener(\"animationstart\", handleAnimationStart);\n        oldNode?.removeEventListener(\"animationcancel\", handleAnimationEnd);\n        oldNode?.removeEventListener(\"animationend\", handleAnimationEnd);\n      }\n    },\n    { immediate: true },\n  );\n\n  const stateWatcher = watch(state, () => {\n    const currentAnimationName = getAnimationName(node.value);\n    prevAnimationNameRef.value =\n      state.value === \"mounted\" ? currentAnimationName : \"none\";\n  });\n\n  onUnmounted(() => {\n    watcher();\n    stateWatcher();\n  });\n\n  const isPresent = computed(() =>\n    [\"mounted\", \"unmountSuspended\"].includes(state.value),\n  );\n\n  return {\n    isPresent,\n  };\n}\n\nfunction getAnimationName(node?: HTMLElement) {\n  return node ? getComputedStyle(node).animationName || \"none\" : \"none\";\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Primitive/Primitive.d.ts

@@ -0,0 +1,39 @@
+import { Component, PropType } from 'vue';
+export type AsTag = 'a' | 'button' | 'div' | 'form' | 'h2' | 'h3' | 'img' | 'input' | 'label' | 'li' | 'nav' | 'ol' | 'p' | 'span' | 'svg' | 'ul' | 'template' | ({} & string);
+export interface PrimitiveProps {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     *
+     * Read our [Composition](https://www.reka-ui.com/docs/guides/composition) guide for more details.
+     */
+    asChild?: boolean;
+    /**
+     * The element or component this component should render as. Can be overwritten by `asChild`.
+     * @defaultValue "div"
+     */
+    as?: AsTag | Component;
+}
+export declare const Primitive: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<AsTag | Component>;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<AsTag | Component>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+    as: AsTag | Component;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Primitive/Primitive.js

@@ -0,0 +1,29 @@
+import { defineComponent, h } from "vue";
+import { Slot } from "./Slot.js";
+const SELF_CLOSING_TAGS = ["area", "img", "input"];
+const Primitive = defineComponent({
+  name: "Primitive",
+  inheritAttrs: false,
+  props: {
+    asChild: {
+      type: Boolean,
+      default: false
+    },
+    as: {
+      type: [String, Object],
+      default: "div"
+    }
+  },
+  setup(props, { attrs, slots }) {
+    const asTag = props.asChild ? "template" : props.as;
+    if (typeof asTag === "string" && SELF_CLOSING_TAGS.includes(asTag))
+      return () => h(asTag, attrs);
+    if (asTag !== "template")
+      return () => h(props.as, attrs, { default: slots.default });
+    return () => h(Slot, attrs, { default: slots.default });
+  }
+});
+export {
+  Primitive
+};
+//# sourceMappingURL=Primitive.js.map

package/dist/components/Primitive/Primitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Primitive.js","sources":["../../../src/components/Primitive/Primitive.ts"],"sourcesContent":["import type { Component, PropType } from 'vue'\nimport { defineComponent, h } from 'vue'\nimport { Slot } from './Slot'\n\nexport type AsTag =\n  | 'a'\n  | 'button'\n  | 'div'\n  | 'form'\n  | 'h2'\n  | 'h3'\n  | 'img'\n  | 'input'\n  | 'label'\n  | 'li'\n  | 'nav'\n  | 'ol'\n  | 'p'\n  | 'span'\n  | 'svg'\n  | 'ul'\n  | 'template'\n  | ({} & string) // any other string\n\nexport interface PrimitiveProps {\n  /**\n   * Change the default rendered element for the one passed as a child, merging their props and behavior.\n   *\n   * Read our [Composition](https://www.reka-ui.com/docs/guides/composition) guide for more details.\n   */\n  asChild?: boolean\n  /**\n   * The element or component this component should render as. Can be overwritten by `asChild`.\n   * @defaultValue \"div\"\n   */\n  as?: AsTag | Component\n}\n\n// For self closing tags, don't provide default slots because of hydration issue\nconst SELF_CLOSING_TAGS = ['area', 'img', 'input']\n\nexport const Primitive = defineComponent({\n  name: 'Primitive',\n  inheritAttrs: false,\n  props: {\n    asChild: {\n      type: Boolean,\n      default: false,\n    },\n    as: {\n      type: [String, Object] as PropType<AsTag | Component>,\n      default: 'div',\n    },\n  },\n  setup(props, { attrs, slots }) {\n    const asTag = props.asChild ? 'template' : props.as\n\n    if (typeof asTag === 'string' && SELF_CLOSING_TAGS.includes(asTag))\n      return () => h(asTag, attrs)\n\n    if (asTag !== 'template')\n      return () => h(props.as, attrs, { default: slots.default })\n\n    return () => h(Slot, attrs, { default: slots.default })\n  },\n})\n"],"names":[],"mappings":";;AAuCA,MAAM,oBAAoB,CAAC,QAAQ,OAAO,OAAO;AAE1C,MAAM,YAAY,gBAAgB;AAAA,EACvC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEX,IAAI;AAAA,MACF,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,MAAM,OAAO,EAAE,OAAO,SAAS;AAC7B,UAAM,QAAQ,MAAM,UAAU,aAAa,MAAM;AAEjD,QAAI,OAAO,UAAU,YAAY,kBAAkB,SAAS,KAAK;AAC/D,aAAO,MAAM,EAAE,OAAO,KAAK;AAE7B,QAAI,UAAU;AACZ,aAAO,MAAM,EAAE,MAAM,IAAI,OAAO,EAAE,SAAS,MAAM,SAAS;AAE5D,WAAO,MAAM,EAAE,MAAM,OAAO,EAAE,SAAS,MAAM,SAAS;AAAA,EACxD;AACF,CAAC;"}

package/dist/components/Primitive/Slot.d.ts

@@ -0,0 +1,5 @@
+export declare const Slot: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | import('vue').VNode<import('vue').RendererNode | undefined, import('vue').RendererElement | undefined, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Primitive/Slot.js

@@ -0,0 +1,30 @@
+import { defineComponent, Comment, mergeProps, cloneVNode } from "vue";
+import { renderSlotFragments } from "../../shared/renderSlotFragments.js";
+const Slot = defineComponent({
+  name: "PrimitiveSlot",
+  inheritAttrs: false,
+  setup(_, { attrs, slots }) {
+    return () => {
+      if (!slots.default) return null;
+      const children = renderSlotFragments(slots.default());
+      const firstNonCommentChildrenIndex = children.findIndex(
+        (child) => child.type !== Comment
+      );
+      if (firstNonCommentChildrenIndex === -1) return children;
+      const firstNonCommentChildren = children[firstNonCommentChildrenIndex];
+      delete firstNonCommentChildren.props?.ref;
+      const mergedProps = firstNonCommentChildren.props ? mergeProps(attrs, firstNonCommentChildren.props) : attrs;
+      const cloned = cloneVNode(
+        { ...firstNonCommentChildren, props: {} },
+        mergedProps
+      );
+      if (children.length === 1) return cloned;
+      children[firstNonCommentChildrenIndex] = cloned;
+      return children;
+    };
+  }
+});
+export {
+  Slot
+};
+//# sourceMappingURL=Slot.js.map

package/dist/components/Primitive/Slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slot.js","sources":["../../../src/components/Primitive/Slot.ts"],"sourcesContent":["import { cloneVNode, Comment, defineComponent, mergeProps } from \"vue\";\nimport { renderSlotFragments } from \"../../shared\";\n\nexport const Slot = defineComponent({\n  name: \"PrimitiveSlot\",\n  inheritAttrs: false,\n  setup(_, { attrs, slots }) {\n    return () => {\n      if (!slots.default) return null;\n\n      const children = renderSlotFragments(slots.default());\n      const firstNonCommentChildrenIndex = children.findIndex(\n        (child) => child.type !== Comment,\n      );\n      if (firstNonCommentChildrenIndex === -1) return children;\n\n      const firstNonCommentChildren = children[firstNonCommentChildrenIndex];\n\n      // Remove props ref from being inferred\n      delete firstNonCommentChildren.props?.ref;\n\n      // Manually merge props to ensure `firstNonCommentChildren.props`\n      // has higher priority than `attrs` and can override `attrs`.\n      // Otherwise `cloneVNode(firstNonCommentChildren, attrs)` will\n      // prioritize `attrs` and override `firstNonCommentChildren.props`.\n      const mergedProps = firstNonCommentChildren.props\n        ? mergeProps(attrs, firstNonCommentChildren.props)\n        : attrs;\n      const cloned = cloneVNode(\n        { ...firstNonCommentChildren, props: {} },\n        mergedProps,\n      );\n\n      if (children.length === 1) return cloned;\n\n      children[firstNonCommentChildrenIndex] = cloned;\n      return children;\n    };\n  },\n});\n"],"names":[],"mappings":";;AAGO,MAAM,OAAO,gBAAgB;AAAA,EAClC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,MAAM,GAAG,EAAE,OAAO,SAAS;AACzB,WAAO,MAAM;AACX,UAAI,CAAC,MAAM,QAAS,QAAO;AAE3B,YAAM,WAAW,oBAAoB,MAAM,QAAA,CAAS;AACpD,YAAM,+BAA+B,SAAS;AAAA,QAC5C,CAAC,UAAU,MAAM,SAAS;AAAA,MAAA;AAE5B,UAAI,iCAAiC,GAAI,QAAO;AAEhD,YAAM,0BAA0B,SAAS,4BAA4B;AAGrE,aAAO,wBAAwB,OAAO;AAMtC,YAAM,cAAc,wBAAwB,QACxC,WAAW,OAAO,wBAAwB,KAAK,IAC/C;AACJ,YAAM,SAAS;AAAA,QACb,EAAE,GAAG,yBAAyB,OAAO,GAAC;AAAA,QACtC;AAAA,MAAA;AAGF,UAAI,SAAS,WAAW,EAAG,QAAO;AAElC,eAAS,4BAA4B,IAAI;AACzC,aAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;"}

package/dist/components/Primitive/index.d.ts

@@ -0,0 +1,3 @@
+export { type AsTag, Primitive, type PrimitiveProps } from './Primitive';
+export { Slot } from './Slot';
+export { usePrimitiveElement } from './usePrimitiveElement';

package/dist/components/Primitive/usePrimitiveElement.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPublicInstance } from 'vue';
+export declare function usePrimitiveElement<T extends ComponentPublicInstance>(): {
+    primitiveElement: import('vue').Ref<T | undefined, T | undefined>;
+    currentElement: import('vue').ComputedRef<HTMLElement>;
+};

package/dist/components/Primitive/usePrimitiveElement.js

@@ -0,0 +1,14 @@
+import { unrefElement } from "../../node_modules/.pnpm/@vueuse_core@14.1.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js";
+import { ref, computed } from "vue";
+function usePrimitiveElement() {
+  const primitiveElement = ref();
+  const currentElement = computed(() => ["#text", "#comment"].includes(primitiveElement.value?.$el.nodeName) ? primitiveElement.value?.$el.nextElementSibling : unrefElement(primitiveElement));
+  return {
+    primitiveElement,
+    currentElement
+  };
+}
+export {
+  usePrimitiveElement
+};
+//# sourceMappingURL=usePrimitiveElement.js.map

package/dist/components/Primitive/usePrimitiveElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrimitiveElement.js","sources":["../../../src/components/Primitive/usePrimitiveElement.ts"],"sourcesContent":["import type { ComponentPublicInstance } from 'vue'\nimport { unrefElement } from '@vueuse/core'\nimport { computed, ref } from 'vue'\n\nexport function usePrimitiveElement<T extends ComponentPublicInstance>() {\n  const primitiveElement = ref<T>()\n  const currentElement = computed<HTMLElement>(() => ['#text', '#comment'].includes(primitiveElement.value?.$el.nodeName) ? primitiveElement.value?.$el.nextElementSibling : unrefElement(primitiveElement))\n\n  return {\n    primitiveElement,\n    currentElement,\n  }\n}\n"],"names":[],"mappings":";;AAIO,SAAS,sBAAyD;AACvE,QAAM,mBAAmB,IAAA;AACzB,QAAM,iBAAiB,SAAsB,MAAM,CAAC,SAAS,UAAU,EAAE,SAAS,iBAAiB,OAAO,IAAI,QAAQ,IAAI,iBAAiB,OAAO,IAAI,qBAAqB,aAAa,gBAAgB,CAAC;AAEzM,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/components/Teleport/Teleport.d.ts

@@ -0,0 +1,37 @@
+export interface TeleportProps {
+    /**
+     * Vue native teleport component prop `:to`
+     *
+     * {@link https://vuejs.org/guide/built-ins/teleport.html#basic-usage}
+     */
+    to?: string | HTMLElement;
+    /**
+     * Disable teleport and render the component inline
+     *
+     * {@link https://vuejs.org/guide/built-ins/teleport.html#disabling-teleport}
+     */
+    disabled?: boolean;
+    /**
+     * Defer the resolving of a Teleport target until other parts of the
+     * application have mounted (requires Vue 3.5.0+)
+     *
+     * {@link https://vuejs.org/guide/built-ins/teleport.html#deferred-teleport}
+     */
+    defer?: boolean;
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with Vue animation libraries.
+     */
+    forceMount?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TeleportProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TeleportProps> & Readonly<{}>, {
+    to: string | HTMLElement;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Teleport/Teleport.vue.js

@@ -0,0 +1,28 @@
+import { defineComponent, createBlock, createCommentVNode, unref, openBlock, Teleport, renderSlot } from "vue";
+import { useMounted } from "../../node_modules/.pnpm/@vueuse_core@14.1.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Teleport",
+  props: {
+    to: { default: "body" },
+    disabled: { type: Boolean },
+    defer: { type: Boolean },
+    forceMount: { type: Boolean }
+  },
+  setup(__props) {
+    const isMounted = useMounted();
+    return (_ctx, _cache) => {
+      return unref(isMounted) || __props.forceMount ? (openBlock(), createBlock(Teleport, {
+        key: 0,
+        to: __props.to,
+        disabled: __props.disabled,
+        defer: __props.defer
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 8, ["to", "disabled", "defer"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Teleport.vue.js.map

package/dist/components/Teleport/Teleport.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Teleport.vue.js","sources":["../../../src/components/Teleport/Teleport.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface TeleportProps {\n  /**\n   * Vue native teleport component prop `:to`\n   *\n   * {@link https://vuejs.org/guide/built-ins/teleport.html#basic-usage}\n   */\n  to?: string | HTMLElement\n  /**\n   * Disable teleport and render the component inline\n   *\n   * {@link https://vuejs.org/guide/built-ins/teleport.html#disabling-teleport}\n   */\n  disabled?: boolean\n  /**\n   * Defer the resolving of a Teleport target until other parts of the\n   * application have mounted (requires Vue 3.5.0+)\n   *\n   * {@link https://vuejs.org/guide/built-ins/teleport.html#deferred-teleport}\n   */\n  defer?: boolean\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with Vue animation libraries.\n   */\n  forceMount?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { useMounted } from '@vueuse/core'\n\nwithDefaults(defineProps<TeleportProps>(), {\n  to: 'body',\n})\n\nconst isMounted = useMounted()\n</script>\n\n<template>\n  <Teleport\n    v-if=\"isMounted || forceMount\"\n    :to=\"to\"\n    :disabled=\"disabled\"\n    :defer=\"defer\"\n  >\n    <slot />\n  </Teleport>\n</template>\n"],"names":["_unref","_createBlock","_Teleport","_renderSlot"],"mappings":";;;;;;;;;;;AAoCA,UAAM,YAAY,WAAA;;AAKR,aAAAA,MAAA,SAAA,KAAa,QAAA,2BADrBC,YAOWC,UAAA;AAAA;QALR,IAAI,QAAA;AAAA,QACJ,UAAU,QAAA;AAAA,QACV,OAAO,QAAA;AAAA,MAAA;QAERC,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/components/Teleport/Teleport.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Teleport.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Teleport.vue2.js.map

package/dist/components/Teleport/Teleport.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Teleport.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Teleport/index.d.ts

@@ -0,0 +1 @@
+export { default as TeleportPrimitive, type TeleportProps } from './Teleport';

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -0,0 +1,16 @@
+import { PrimitiveProps } from '../Primitive';
+export interface VisuallyHiddenProps extends PrimitiveProps {
+    feature?: "focusable" | "fully-hidden";
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<VisuallyHiddenProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<VisuallyHiddenProps> & Readonly<{}>, {
+    as: import('../Primitive').AsTag | import('vue').Component;
+    feature: "focusable" | "fully-hidden";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VisuallyHidden/VisuallyHidden.vue.js

@@ -0,0 +1,49 @@
+import { defineComponent, createBlock, openBlock, unref, withCtx, renderSlot } from "vue";
+import { Primitive } from "../Primitive/Primitive.js";
+import "../Primitive/Slot.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VisuallyHidden",
+  props: {
+    feature: { default: "focusable" },
+    asChild: { type: Boolean },
+    as: { default: "span" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        as: __props.as,
+        "as-child": __props.asChild,
+        "aria-hidden": __props.feature === "focusable" ? "true" : void 0,
+        "data-hidden": __props.feature === "fully-hidden" ? "" : void 0,
+        tabindex: __props.feature === "fully-hidden" ? "-1" : void 0,
+        style: {
+          // See: https://github.com/twbs/bootstrap/blob/a360960b8dfdb4bf48f87539c2243458fa0366f7/scss/mixins/_visually-hidden.scss
+          position: "absolute",
+          border: 0,
+          width: "1px",
+          height: "1px",
+          padding: 0,
+          margin: "-1px",
+          overflow: "hidden",
+          clip: "rect(0, 0, 0, 0)",
+          clipPath: "inset(50%)",
+          whiteSpace: "nowrap",
+          wordWrap: "normal",
+          // Prevent causing unnecessary container scroll
+          // @see https://github.com/unovue/reka-ui/issues/2127
+          top: "-1px",
+          left: "-1px"
+        }
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child", "aria-hidden", "data-hidden", "tabindex"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=VisuallyHidden.vue.js.map

package/dist/components/VisuallyHidden/VisuallyHidden.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.vue.js","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from \"../Primitive\";\n\nexport interface VisuallyHiddenProps extends PrimitiveProps {\n  feature?: \"focusable\" | \"fully-hidden\";\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { Primitive } from \"../Primitive\";\n\nwithDefaults(defineProps<VisuallyHiddenProps>(), {\n  as: \"span\",\n  feature: \"focusable\",\n});\n</script>\n\n<template>\n  <Primitive\n    :as=\"as\"\n    :as-child=\"asChild\"\n    :aria-hidden=\"feature === 'focusable' ? 'true' : undefined\"\n    :data-hidden=\"feature === 'fully-hidden' ? '' : undefined\"\n    :tabindex=\"feature === 'fully-hidden' ? '-1' : undefined\"\n    :style=\"{\n      // See: https://github.com/twbs/bootstrap/blob/a360960b8dfdb4bf48f87539c2243458fa0366f7/scss/mixins/_visually-hidden.scss\n      position: 'absolute',\n      border: 0,\n      width: '1px',\n      height: '1px',\n      padding: 0,\n      margin: '-1px',\n      overflow: 'hidden',\n      clip: 'rect(0, 0, 0, 0)',\n      clipPath: 'inset(50%)',\n      whiteSpace: 'nowrap',\n      wordWrap: 'normal',\n\n      // Prevent causing unnecessary container scroll\n      // @see https://github.com/unovue/reka-ui/issues/2127\n      top: '-1px',\n      left: '-1px',\n    }\"\n  >\n    <slot />\n  </Primitive>\n</template>\n"],"names":["_createBlock","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;0BAkBEA,YA2BYC,MAAA,SAAA,GAAA;AAAA,QA1BT,IAAI,QAAA;AAAA,QACJ,YAAU,QAAA;AAAA,QACV,eAAa,QAAA,YAAO,cAAA,SAA4B;AAAA,QAChD,eAAa,QAAA,YAAO,iBAAA,KAA2B;AAAA,QAC/C,UAAU,QAAA,YAAO,iBAAA,OAA6B;AAAA,QAC9C,OAAO;AAAA;AAAA;;;;;;;;;;;;;;;;MAkBP;yBAED,MAAQ;AAAA,UAARC,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}

package/dist/components/VisuallyHidden/VisuallyHidden.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./VisuallyHidden.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=VisuallyHidden.vue2.js.map

package/dist/components/VisuallyHidden/VisuallyHidden.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/VisuallyHidden/VisuallyHiddenInput.d.ts

@@ -0,0 +1,14 @@
+import { VisuallyHiddenInputBubbleProps } from './VisuallyHiddenInputBubble';
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & VisuallyHiddenInputBubbleProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/VisuallyHidden/VisuallyHiddenInputBubble.d.ts

@@ -0,0 +1,22 @@
+import { VisuallyHiddenProps } from './VisuallyHidden';
+export interface VisuallyHiddenInputBubbleProps<T> {
+    name: string;
+    value: T;
+    checked?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    feature?: VisuallyHiddenProps["feature"];
+}
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & VisuallyHiddenInputBubbleProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/VisuallyHidden/index.d.ts

@@ -0,0 +1,2 @@
+export { default as VisuallyHidden, type VisuallyHiddenProps } from './VisuallyHidden';
+export { default as VisuallyHiddenInput } from './VisuallyHiddenInput';

package/dist/date/calendar.d.ts

@@ -0,0 +1,59 @@
+import { DateValue, DayOfWeek } from '@internationalized/date';
+import { Grid } from './types';
+import { DateRange } from '../shared';
+export type WeekDayFormat = 'narrow' | 'short' | 'long';
+export type CreateSelectProps = {
+    /**
+     * The date object representing the date (usually the first day of the month/year).
+     */
+    dateObj: DateValue;
+};
+export type CreateMonthProps = {
+    /**
+     * The date object representing the month's date (usually the first day of the month).
+     */
+    dateObj: DateValue;
+    /**
+     * The day of the week to start the calendar on (0 for Sunday, 1 for Monday, etc.).
+     */
+    weekStartsOn: number;
+    /**
+     * Whether to always render 6 weeks in the calendar, even if the month doesn't
+     * span 6 weeks.
+     */
+    fixedWeeks: boolean;
+    /**
+     * The locale to use when creating the calendar month.
+     */
+    locale: string;
+};
+/**
+ * Retrieves an array of date values representing the days between
+ * the provided start and end dates.
+ */
+export declare function getDaysBetween(start: DateValue, end: DateValue): DateValue[];
+export declare function createMonth(props: CreateMonthProps): Grid<DateValue>;
+type SetMonthProps = CreateMonthProps & {
+    numberOfMonths: number | undefined;
+    currentMonths?: Grid<DateValue>[];
+};
+type SetYearProps = CreateSelectProps & {
+    numberOfMonths?: number;
+    pagedNavigation?: boolean;
+};
+type SetDecadeProps = CreateSelectProps & {
+    startIndex?: number;
+    endIndex: number;
+};
+export declare function startOfDecade(dateObj: DateValue): DateValue;
+export declare function endOfDecade(dateObj: DateValue): DateValue;
+export declare function createDecade(props: SetDecadeProps): DateValue[];
+export declare function createYear(props: SetYearProps): DateValue[];
+export declare function createMonths(props: SetMonthProps): Grid<DateValue>[];
+export declare function createYearRange({ start, end }: DateRange): DateValue[];
+export declare function createDateRange({ start, end }: DateRange): DateValue[];
+/**
+ * Returns the locale-specific week number
+ */
+export declare function getWeekNumber(date: DateValue, locale?: string, firstDayOfWeek?: DayOfWeek): number;
+export {};