pxd 0.1.2 → 0.1.3

package/dist/composables/use-color-scheme.js

@@ -3,6 +3,11 @@ import { cachedOn } from "../utils/event.js";
 import { getUniqueId } from "../utils/helper.js";
 import { isServer } from "../utils/is.js";
 import { PRESET_MEDIA_QUERIES, useMediaQuery } from "./use-media-query.js";
+const SCHEME_CYCLE = {
+  auto: "light",
+  light: "dark",
+  dark: "auto"
+};
 export function useColorScheme(options = {}) {
   const uniqueId = getUniqueId();
   const EVENT_NAME = "#toggle-color-scheme";
@@ -60,13 +65,9 @@ export function useColorScheme(options = {}) {
     }
     styleHandles.disableTransitionStyleEl = null;
   }
-  function toggleDarkMode() {
+  function toggleDarkMode(mode) {
     createDisableTransitionStyle();
-    if (colorScheme.value === "auto") {
-      colorScheme.value = isDark.value ? "light" : "dark";
-    } else {
-      colorScheme.value = "auto";
-    }
+    colorScheme.value = mode ?? SCHEME_CYCLE[colorScheme.value];
     updateStorages();
     removeDisableTransitionStyle();
     if (options.syncStatus) {

package/dist/composables/use-delay-destroy.d.ts

@@ -1,4 +1,4 @@
-import type { Nullable } from '../types/shared';
+import type { Nullable } from '../types/shared/utils';
 import type { MaybeRefOrGetter, Ref } from 'vue';
 interface Options {
     delay?: MaybeRefOrGetter<number>;

package/dist/composables/use-document-hidden.d.ts

@@ -1,2 +1,2 @@
-import type { Callback } from '../types/shared';
+import type { Callback } from '../types/shared/utils';
 export declare function useDocumentHidden(callback?: Callback): import("vue").ShallowRef<boolean, boolean>;

package/dist/composables/use-intersection-observer.d.ts

@@ -1,4 +1,4 @@
-import type { ObserverResults, TargetRef } from '../utils/observer.js';
+import type { ObserverResults, TargetRef } from '../utils/_internal/observer.js';
 import type { MaybeRefOrGetter } from 'vue';
 export declare const useIntersectionObserver: (target: TargetRef, callback: (items: Array<{
     entry: IntersectionObserverEntry;

package/dist/composables/use-intersection-observer.js

@@ -1,5 +1,5 @@
+import { createObserver } from "../utils/_internal/observer.js";
 import { isServer } from "../utils/is.js";
-import { createObserver } from "../utils/observer.js";
 const rootIds = /* @__PURE__ */ new WeakMap();
 let rootFallbackId = 0;
 function getRootId(root) {

package/dist/composables/{_internal/use-motion-reduce.js → use-motion-reduce.js}

@@ -1,6 +1,6 @@
 import { computed, onScopeDispose, shallowRef } from "vue";
-import { isServer } from "../../utils/is.js";
-import { useMediaQuery } from "../use-media-query.js";
+import { isServer } from "../utils/is.js";
+import { useMediaQuery } from "./use-media-query.js";
 let shared;
 function readRootDurationReduced() {
   const unitValue = getComputedStyle(document.documentElement).getPropertyValue("--duration");

package/dist/composables/use-mutation-observer.d.ts

@@ -1,4 +1,4 @@
-import type { ObserverResults, TargetRef } from '../utils/observer.js';
+import type { ObserverResults, TargetRef } from '../utils/_internal/observer.js';
 import type { MaybeRefOrGetter } from 'vue';
 export declare const useMutationObserver: (target: TargetRef, callback: (items: Array<{
     entry: MutationRecord;

package/dist/composables/use-mutation-observer.js

@@ -1,5 +1,5 @@
+import { createObserver } from "../utils/_internal/observer.js";
 import { isServer } from "../utils/is.js";
-import { createObserver } from "../utils/observer.js";
 function normalize(options) {
   if (!options) {
     return "";

package/dist/composables/use-resize-observer.d.ts

@@ -1,4 +1,4 @@
-import type { ObserverResults, TargetRef } from '../utils/observer.js';
+import type { ObserverResults, TargetRef } from '../utils/_internal/observer.js';
 import type { MaybeRefOrGetter } from 'vue';
 export declare const useResizeObserver: (target: TargetRef, callback: (items: Array<{
     entry: ResizeObserverEntry;

package/dist/composables/use-resize-observer.js

@@ -1,5 +1,5 @@
+import { createObserver } from "../utils/_internal/observer.js";
 import { isServer } from "../utils/is.js";
-import { createObserver } from "../utils/observer.js";
 function normalize(options) {
   return options?.box ?? "";
 }

package/dist/composables/use-view-transition.js

@@ -60,6 +60,7 @@ export function useViewTransition(router, options = {}) {
       unblock();
       return rendered;
     });
+    void transition.ready.catch(NOOP);
     void transition.finished.then(unblock, unblock);
     return blocked;
   });

package/dist/composables/use-virtual-list.d.ts

@@ -1,4 +1,4 @@
-import type { MaybeElementRef } from '../types/shared';
+import type { MaybeElementRef } from '../types/shared/utils';
 import type { VirtualItem } from '@tanstack/virtual-core';
 import type { ComponentPublicInstance, MaybeRefOrGetter } from 'vue';
 import { Virtualizer } from '@tanstack/virtual-core';

package/dist/constants/tooltip-variants.d.ts

@@ -0,0 +1,28 @@
+export declare const TOOLTIP_VARIANTS: {
+    invert: {
+        bg: string;
+        base: string;
+    };
+    default: {
+        bg: string;
+        base: string;
+    };
+    error: {
+        bg: string;
+        base: string;
+    };
+    warning: {
+        bg: string;
+        base: string;
+    };
+    success: {
+        bg: string;
+        base: string;
+    };
+    violet: {
+        bg: string;
+        base: string;
+    };
+};
+export declare const TOOLTIP_CONTENT_CLASS = "px-3 py-2 rounded-md text-13 break-words whitespace-pre-line bg-(--popover-arrow-color) motion-safe:transition-colors";
+export type TooltipVariant = keyof typeof TOOLTIP_VARIANTS;

package/dist/constants/tooltip-variants.js

@@ -0,0 +1,27 @@
+export const TOOLTIP_VARIANTS = {
+  invert: {
+    bg: "var(--color-background-100)",
+    base: "text-foreground border variant-invert"
+  },
+  default: {
+    bg: "var(--color-gray-1000)",
+    base: "text-gray-100"
+  },
+  error: {
+    bg: "var(--color-red-700)",
+    base: "text-gray-100 dark:text-gray-1000"
+  },
+  warning: {
+    bg: "var(--color-amber-700)",
+    base: "text-gray-1000 dark:text-gray-100"
+  },
+  success: {
+    bg: "var(--color-green-700)",
+    base: "text-gray-100 dark:text-gray-1000"
+  },
+  violet: {
+    bg: "var(--color-purple-700)",
+    base: "text-gray-100 dark:text-gray-1000"
+  }
+};
+export const TOOLTIP_CONTENT_CLASS = "px-3 py-2 rounded-md text-13 break-words whitespace-pre-line bg-(--popover-arrow-color) motion-safe:transition-colors";

package/dist/contexts/avatar.js

@@ -1,4 +1,4 @@
-import { createContext } from "../utils/context.js";
+import { createContext } from "../utils/_internal/context.js";
 export const [provideAvatarGroupContext, useAvatarGroupContext] = createContext(
   "AvatarGroup",
   null

package/dist/contexts/breadcrumb.js

@@ -1,2 +1,2 @@
-import { createContext } from "../utils/context.js";
+import { createContext } from "../utils/_internal/context.js";
 export const [provideBreadcrumbContext, useBreadcrumbContext] = createContext("Breadcrumb");

package/dist/contexts/button.js

@@ -1,4 +1,4 @@
-import { createContext } from "../utils/context.js";
+import { createContext } from "../utils/_internal/context.js";
 export const [provideButtonGroupContext, useButtonGroupContext] = createContext(
   "ButtonGroup",
   null

package/dist/contexts/checkbox.js

@@ -1,2 +1,2 @@
-import { createContext } from "../utils/context.js";
+import { createContext } from "../utils/_internal/context.js";
 export const [provideCheckboxGroupContext, useCheckboxGroupContext] = createContext("CheckboxGroup", null);

package/dist/contexts/choicebox.js

@@ -1,2 +1,2 @@
-import { createContext } from "../utils/context.js";
+import { createContext } from "../utils/_internal/context.js";
 export const [provideChoiceboxContext, useChoiceboxContext] = createContext("ChoiceboxGroup");

package/dist/contexts/collapse.js

@@ -1,2 +1,2 @@
-import { createContext } from "../utils/context.js";
+import { createContext } from "../utils/_internal/context.js";
 export const [provideCollapseGroupContext, useCollapseGroupContext] = createContext("CollapseGroup", null);

package/dist/contexts/config-provider.js

@@ -1,5 +1,5 @@
 import enUS from "../locales/en-us.js";
-import { createContext } from "../utils/context.js";
+import { createContext } from "../utils/_internal/context.js";
 const configProviderKey = "ConfigProvider";
 export const [provideConfigProvider, useConfigProvider] = createContext(
   configProviderKey,

package/dist/contexts/list.js

@@ -1,2 +1,2 @@
-import { createContext } from "../utils/context.js";
+import { createContext } from "../utils/_internal/context.js";
 export const [provideListContext, useListContext] = createContext("List");

package/dist/contexts/radio.js

@@ -1,4 +1,4 @@
-import { createContext } from "../utils/context.js";
+import { createContext } from "../utils/_internal/context.js";
 export const [provideRadioGroupContext, useRadioGroupContext] = createContext(
   "RadioGroup",
   null

package/dist/contexts/switch.js

@@ -1,2 +1,2 @@
-import { createContext } from "../utils/context.js";
+import { createContext } from "../utils/_internal/context.js";
 export const [provideSwitchContext, useSwitchContext] = createContext("Switch");

package/dist/contexts/toggle-button.js

@@ -1,2 +1,2 @@
-import { createContext } from "../utils/context.js";
+import { createContext } from "../utils/_internal/context.js";
 export const [provideToggleButtonGroupContext, useToggleButtonGroupContext] = createContext("ToggleButtonGroup", null);

package/dist/index.d.ts

@@ -2,5 +2,6 @@ import type { App } from 'vue';
 export { version } from '../package.json';
 export * from './components/index.js';
 export * from './composables/index.js';
-export type * from './types/shared';
+export type * from './types/shared/props';
+export type * from './types/shared/utils';
 export default function install(app: App, prefix?: string): void;

package/dist/locales/en-us.d.ts

@@ -5,6 +5,34 @@ declare const enUS: {
         day: string[];
         month: string[];
     };
+    timeAgo: {
+        now: string;
+        invalid: string;
+        past: string;
+        future: string;
+        unit: {
+            minute: {
+                one: string;
+                other: string;
+            };
+            hour: {
+                one: string;
+                other: string;
+            };
+            day: {
+                one: string;
+                other: string;
+            };
+            month: {
+                one: string;
+                other: string;
+            };
+            year: {
+                one: string;
+                other: string;
+            };
+        };
+    };
     compare: {
         less: string;
         more: string;
@@ -13,6 +41,7 @@ declare const enUS: {
     };
     interaction: {
         cancel: string;
+        close: string;
         confirm: string;
         skip: string;
         submit: string;
@@ -24,6 +53,12 @@ declare const enUS: {
         prev: string;
         next: string;
     };
+    tour: {
+        next: string;
+        prev: string;
+        done: string;
+        skip: string;
+    };
     results: {
         searchText: string;
         noData: string;

package/dist/locales/en-us.js

@@ -5,6 +5,19 @@ const enUS = {
     day: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
     month: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
   },
+  timeAgo: {
+    now: "just now",
+    invalid: "Invalid date",
+    past: "{value} {unit} ago",
+    future: "in {value} {unit}",
+    unit: {
+      minute: { one: "minute", other: "minutes" },
+      hour: { one: "hour", other: "hours" },
+      day: { one: "day", other: "days" },
+      month: { one: "month", other: "months" },
+      year: { one: "year", other: "years" }
+    }
+  },
   compare: {
     less: "Less",
     more: "More",
@@ -13,6 +26,7 @@ const enUS = {
   },
   interaction: {
     cancel: "Cancel",
+    close: "Close",
     confirm: "Confirm",
     skip: "Skip",
     submit: "Submit"
@@ -24,6 +38,12 @@ const enUS = {
     prev: "Previous question",
     next: "Next question"
   },
+  tour: {
+    next: "Next",
+    prev: "Previous",
+    done: "Done",
+    skip: "Skip"
+  },
   results: {
     searchText: "No results found for",
     noData: "No data available"

package/dist/locales/zh-cn.d.ts

@@ -5,6 +5,34 @@ declare const zhCN: {
         day: string[];
         month: string[];
     };
+    timeAgo: {
+        now: string;
+        invalid: string;
+        past: string;
+        future: string;
+        unit: {
+            minute: {
+                one: string;
+                other: string;
+            };
+            hour: {
+                one: string;
+                other: string;
+            };
+            day: {
+                one: string;
+                other: string;
+            };
+            month: {
+                one: string;
+                other: string;
+            };
+            year: {
+                one: string;
+                other: string;
+            };
+        };
+    };
     compare: {
         less: string;
         more: string;
@@ -13,6 +41,7 @@ declare const zhCN: {
     };
     interaction: {
         cancel: string;
+        close: string;
         confirm: string;
         skip: string;
         submit: string;
@@ -24,6 +53,12 @@ declare const zhCN: {
         prev: string;
         next: string;
     };
+    tour: {
+        next: string;
+        prev: string;
+        done: string;
+        skip: string;
+    };
     results: {
         searchText: string;
         noData: string;

package/dist/locales/zh-cn.js

@@ -18,6 +18,19 @@ const zhCN = {
       "\u5341\u4E8C\u6708"
     ]
   },
+  timeAgo: {
+    now: "\u521A\u521A",
+    invalid: "\u65E0\u6548\u65F6\u95F4",
+    past: "{value}{unit}\u524D",
+    future: "{value}{unit}\u540E",
+    unit: {
+      minute: { one: "\u5206", other: "\u5206" },
+      hour: { one: "\u5C0F\u65F6", other: "\u5C0F\u65F6" },
+      day: { one: "\u5929", other: "\u5929" },
+      month: { one: "\u4E2A\u6708", other: "\u4E2A\u6708" },
+      year: { one: "\u5E74", other: "\u5E74" }
+    }
+  },
   compare: {
     less: "\u5C11",
     more: "\u591A",
@@ -26,6 +39,7 @@ const zhCN = {
   },
   interaction: {
     cancel: "\u53D6\u6D88",
+    close: "\u5173\u95ED",
     confirm: "\u786E\u8BA4",
     skip: "\u8DF3\u8FC7",
     submit: "\u63D0\u4EA4"
@@ -37,6 +51,12 @@ const zhCN = {
     prev: "\u4E0A\u4E00\u9898",
     next: "\u4E0B\u4E00\u9898"
   },
+  tour: {
+    next: "\u4E0B\u4E00\u6B65",
+    prev: "\u4E0A\u4E00\u6B65",
+    done: "\u5B8C\u6210",
+    skip: "\u8DF3\u8FC7"
+  },
   results: {
     searchText: "\u672A\u627E\u5230\u7ED3\u679C\uFF1A",
     noData: "\u6682\u65E0\u6570\u636E"