@youcan/celeste 0.7.0 → 0.7.2

package/dist/es/chunks/tab-menu-list.js

@@ -6,7 +6,7 @@ import { t as RovingFocusGroup_default } from "./RovingFocusGroup.js";
 import { n as injectTabsRootContext } from "./TabsRoot.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Tabs/TabsList.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Tabs/TabsList.js
 var TabsList_default = /* @__PURE__ */ defineComponent({
 	__name: "TabsList",
 	props: {

package/dist/es/chunks/tooltip-content.js

@@ -15,7 +15,7 @@ import { n as injectTooltipRootContext, r as TOOLTIP_OPEN } from "./TooltipRoot.
 import { t as compact_button_default } from "./compact-button.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, onMounted, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, watchEffect, withCtx, withModifiers } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useGraceArea.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useGraceArea.js
 function useGraceArea(triggerElement, containerElement) {
 	const isPointerInTransit = refAutoReset(false, 300);
 	tryOnScopeDispose(() => {
@@ -207,7 +207,7 @@ function getHullPresorted(points) {
 	else return upperHull.concat(lowerHull);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Tooltip/TooltipArrow.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Tooltip/TooltipArrow.js
 var TooltipArrow_default = /* @__PURE__ */ defineComponent({
 	__name: "TooltipArrow",
 	props: {
@@ -243,7 +243,7 @@ var TooltipArrow_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Tooltip/TooltipContentImpl.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Tooltip/TooltipContentImpl.js
 var TooltipContentImpl_default = /* @__PURE__ */ defineComponent({
 	__name: "TooltipContentImpl",
 	props: {
@@ -379,7 +379,7 @@ var TooltipContentImpl_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Tooltip/TooltipContentHoverable.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Tooltip/TooltipContentHoverable.js
 var TooltipContentHoverable_default = /* @__PURE__ */ defineComponent({
 	__name: "TooltipContentHoverable",
 	props: {
@@ -463,7 +463,7 @@ var TooltipContentHoverable_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Tooltip/TooltipContent.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Tooltip/TooltipContent.js
 var TooltipContent_default = /* @__PURE__ */ defineComponent({
 	__name: "TooltipContent",
 	props: {
@@ -551,7 +551,7 @@ var TooltipContent_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Tooltip/TooltipPortal.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Tooltip/TooltipPortal.js
 var TooltipPortal_default = /* @__PURE__ */ defineComponent({
 	__name: "TooltipPortal",
 	props: {

package/dist/es/chunks/tooltip-trigger.js

@@ -6,7 +6,7 @@ import { t as PopperAnchor_default } from "./PopperAnchor.js";
 import { n as injectTooltipProviderContext } from "./TooltipProvider.js";
 import { n as injectTooltipRootContext } from "./TooltipRoot.js";
 import { computed, createBlock, createVNode, defineComponent, mergeProps, onMounted, openBlock, ref, renderSlot, toHandlers, unref, withCtx } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Tooltip/TooltipTrigger.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Tooltip/TooltipTrigger.js
 var TooltipTrigger_default = /* @__PURE__ */ defineComponent({
 	__name: "TooltipTrigger",
 	props: {

package/dist/es/chunks/useArrowNavigation.js

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useArrowNavigation.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useArrowNavigation.js
 var ignoredElement = ["INPUT", "TEXTAREA"];
 /**
 * Allow arrow navigation for every html element with data-reka-collection-item tag

package/dist/es/chunks/useComposing.js

@@ -1,5 +1,5 @@
 import { nextTick, ref } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useComposing.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useComposing.js
 function useComposing(onEnd) {
 	const isComposing = ref(false);
 	function handleCompositionStart() {

package/dist/es/chunks/useDirection.js

@@ -1,6 +1,6 @@
 import { t as injectConfigProviderContext } from "./ConfigProvider.js";
 import { computed, ref } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useDirection.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useDirection.js
 /**
 * The `useDirection` function provides a way to access the current direction in your application.
 * @param {Ref<Direction | undefined>} [dir] - An optional ref containing the direction (ltr or rtl).

package/dist/es/chunks/useEmitAsProps.js

@@ -1,5 +1,5 @@
 import { camelize, getCurrentInstance, toHandlerKey } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useEmitAsProps.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useEmitAsProps.js
 /**
 * The `useEmitAsProps` function is a TypeScript utility that converts emitted events into props for a
 * Vue component.

package/dist/es/chunks/useFocusGuards.js

@@ -1,6 +1,6 @@
 import { d as isClient } from "./dist.js";
 import { watchEffect } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useFocusGuards.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useFocusGuards.js
 /** Number of components which have requested interest to have focus guards */
 var count = 0;
 /**

package/dist/es/chunks/useFormControl.js

@@ -1,6 +1,6 @@
 import { r as unrefElement } from "./dist.js";
 import { computed, toValue } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useFormControl.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useFormControl.js
 function useFormControl(el) {
 	return computed(() => toValue(el) ? Boolean(unrefElement(el)?.closest("form")) : true);
 }

package/dist/es/chunks/useForwardExpose.js

@@ -1,6 +1,6 @@
 import { r as unrefElement } from "./dist.js";
 import { computed, getCurrentInstance, onUpdated, ref, triggerRef } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useForwardExpose.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useForwardExpose.js
 function useForwardExpose() {
 	const instance = getCurrentInstance();
 	const currentRef = ref();

package/dist/es/chunks/useForwardProps.js

@@ -1,5 +1,5 @@
 import { camelize, computed, getCurrentInstance, toRef } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useForwardProps.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useForwardProps.js
 /**
 * The `useForwardProps` function in TypeScript takes in a set of props and returns a computed value
 * that combines default props with assigned props from the current instance.

package/dist/es/chunks/useForwardPropsEmits.js

@@ -1,7 +1,7 @@
 import { t as useEmitAsProps } from "./useEmitAsProps.js";
 import { t as useForwardProps } from "./useForwardProps.js";
 import { computed } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useForwardPropsEmits.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useForwardPropsEmits.js
 function useForwardPropsEmits(props, emit) {
 	const parsedProps = useForwardProps(props);
 	const emitsAsProps = emit ? useEmitAsProps(emit) : {};

package/dist/es/chunks/useForwardScopeId.js

@@ -1,5 +1,5 @@
 import { getCurrentInstance } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useForwardScopeId.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useForwardScopeId.js
 /**
 * Returns the parent component's `<style scoped>` id (e.g. `data-v-xxxxxxx`) as a
 * bindable attribute object, so it can be manually forwarded onto the chosen root

package/dist/es/chunks/useHideOthers.js

@@ -106,7 +106,7 @@ var hideOthers = function(originalTarget, parentNode, markerName) {
 	return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
 };
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useHideOthers.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useHideOthers.js
 /**
 * The `useHideOthers` function is a TypeScript function that takes a target element reference and
 * hides all other elements in ARIA when the target element is present, and restores the visibility of the

package/dist/es/chunks/useId.js

@@ -1,6 +1,6 @@
 import { t as injectConfigProviderContext } from "./ConfigProvider.js";
 import * as vue from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useId.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useId.js
 var count = 0;
 /**
 * The `useId` function generates a unique identifier using a provided deterministic ID,

package/dist/es/chunks/useKbd.js

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useKbd.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useKbd.js
 function useKbd() {
 	return {
 		ALT: "Alt",

package/dist/es/chunks/useNonce.js

@@ -1,6 +1,6 @@
 import { t as injectConfigProviderContext } from "./ConfigProvider.js";
 import { computed, ref } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useNonce.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useNonce.js
 function useNonce(nonce) {
 	const context = injectConfigProviderContext({ nonce: ref() });
 	return computed(() => nonce?.value || context.nonce?.value);

package/dist/es/chunks/usePrimitiveElement.js

@@ -1,6 +1,6 @@
 import { r as unrefElement } from "./dist.js";
 import { computed, ref } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Primitive/usePrimitiveElement.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Primitive/usePrimitiveElement.js
 function usePrimitiveElement() {
 	const primitiveElement = ref();
 	return {

package/dist/es/chunks/useSize.js

@@ -1,6 +1,6 @@
 import { r as unrefElement } from "./dist.js";
 import { computed, onMounted, onUnmounted, ref } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useSize.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useSize.js
 function useSize(element) {
 	const size = ref();
 	const width = computed(() => size.value?.width ?? 0);

package/dist/es/chunks/useTypeahead.js

@@ -1,6 +1,6 @@
 import { t as getActiveElement } from "./getActiveElement.js";
 import { h as refAutoReset } from "./dist.js";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useTypeahead.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/shared/useTypeahead.js
 function useTypeahead(callback) {
 	const search = refAutoReset("", 1e3);
 	const handleTypeaheadSearch = (key, items) => {

package/dist/es/chunks/utils.js

@@ -1,5 +1,5 @@
 import { t as getActiveElement } from "./getActiveElement.js";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Menu/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Menu/utils.js
 var ITEM_SELECT = "menu.itemSelect";
 var SELECTION_KEYS = ["Enter", " "];
 var FIRST_KEYS = [

package/dist/es/chunks/utils2.js

@@ -1,5 +1,5 @@
 import { t as getActiveElement } from "./getActiveElement.js";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/RovingFocus/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/RovingFocus/utils.js
 var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
 var EVENT_OPTIONS = {
 	bubbles: false,

package/dist/es/chunks/utils3.js

@@ -1,4 +1,4 @@
-//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Tabs/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Tabs/utils.js
 function makeTriggerId(baseId, value) {
 	return `${baseId}-trigger-${value}`;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "author": "YouCan <tech@youcan.shop>",
   "repository": {
     "type": "git",
@@ -48,8 +48,8 @@
     "reka-ui": "^2.10.1",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.9",
-    "@youcan/celeste-icons": "0.7.0",
-    "@youcan/celeste-tokens": "0.7.0"
+    "@youcan/celeste-icons": "0.7.2",
+    "@youcan/celeste-tokens": "0.7.2"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",

package/src/components/combobox/combobox.vue

@@ -302,7 +302,7 @@ const filteredOptions = computed(() => filterFunction(props.options, searchTerm.
     margin: -1px;
     padding: 0;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
+    clip-path: inset(50%);
     border: 0;
     white-space: nowrap;
   }

package/src/components/pagination/pagination-ellipsis.vue

@@ -39,7 +39,7 @@ const delegated = reactiveOmit(props, 'class');
   margin: -1px;
   padding: 0;
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
   border-width: 0;
   white-space: nowrap;
 }

package/src/components/sidebar/sidebar-trigger.vue

@@ -32,7 +32,7 @@ const { toggleSidebar } = useSidebar();
   margin: -1px;
   padding: 0;
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
   border-width: 0;
   white-space: nowrap;
 }