@hina-ui/vue 1.2.0 → 1.3.0

package/dist/types/components/alert-dialog/AlertDialog.vue.d.ts

@@ -2,6 +2,7 @@ type __VLS_Props = {
     title: string;
     description?: string;
     confirmText?: string;
+    confirmDelay?: number;
     cancelText?: string;
     tone?: 'accent' | 'danger';
     size?: 'sm' | 'md';
@@ -21,13 +22,16 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: () => any;
+    error: (error: unknown) => any;
     "update:open": (value: boolean | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onCancel?: (() => any) | undefined;
+    onError?: ((error: unknown) => any) | undefined;
     "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
 }>, {
     size: "sm" | "md";
     tone: "accent" | "danger";
+    confirmDelay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/components/alert-dialog/AlertDialog.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-dialog/AlertDialog.vue"],"names":[],"mappings":"AA6IE,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AA+BN,KAAK,gBAAgB,GAAG;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAMF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA4SxD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU;;;;;;;UA/VH,IAAI,GAAG,IAAI;UADX,QAAQ,GAAG,QAAQ;6EAoW9B,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"AlertDialog.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-dialog/AlertDialog.vue"],"names":[],"mappings":"AAwIE,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC/B,SAAS,CAAC,EAAE,MAAM,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAmBN,KAAK,gBAAgB,GAAG;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAMF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAsSxD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU;;;;;;;;;UA7UH,IAAI,GAAG,IAAI;UADX,QAAQ,GAAG,QAAQ;kBAFX,MAAM;6EAoVzB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/types/components/alert-dialog/alert-dialog.variants.d.ts

@@ -0,0 +1,5 @@
+export declare const alertDialogHeader: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex min-w-0 flex-col gap-1.5 px-(--hn-panel-p)", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+export declare const alertDialogContent: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "px-(--hn-panel-p)", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+export declare const alertDialogActions: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex justify-end gap-(--hn-inline-gap) px-(--hn-panel-p)", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+export declare const alertDialogCountdown: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "tabular-nums", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+//# sourceMappingURL=alert-dialog.variants.d.ts.map

package/dist/types/components/alert-dialog/alert-dialog.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/alert-dialog/alert-dialog.variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,4MAE5B,CAAA;AAEF,eAAO,MAAM,kBAAkB,8KAE7B,CAAA;AAEF,eAAO,MAAM,kBAAkB,qNAE7B,CAAA;AAEF,eAAO,MAAM,oBAAoB,yKAE/B,CAAA"}

package/dist/types/components/alert-dialog/composables/useAlertDialogConfirm.d.ts

@@ -0,0 +1,9 @@
+import { type Ref } from 'vue';
+export declare function useAlertDialogConfirm(props: {
+    onConfirm?: () => unknown;
+}, open: Ref<boolean | undefined>, onError: (error: unknown) => void, blocked?: () => boolean): {
+    busy: Ref<boolean, boolean>;
+    guard: (event: Event) => void;
+    confirm: () => Promise<void>;
+};
+//# sourceMappingURL=useAlertDialogConfirm.d.ts.map

package/dist/types/components/alert-dialog/composables/useAlertDialogConfirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAlertDialogConfirm.d.ts","sourceRoot":"","sources":["../../../../../src/components/alert-dialog/composables/useAlertDialogConfirm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAEnC,wBAAgB,qBAAqB,CACnC,KAAK,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,OAAO,CAAA;CAAE,EACpC,IAAI,EAAE,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,EAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,EACjC,OAAO,GAAE,MAAM,OAAqB;;mBAId,KAAK;;EAkB5B"}

package/dist/types/components/alert-dialog/composables/useConfirmDelay.d.ts

@@ -0,0 +1,3 @@
+import { type Ref } from 'vue';
+export declare function useConfirmDelay(open: Ref<boolean | undefined>, delay: () => number): Ref<number, number>;
+//# sourceMappingURL=useConfirmDelay.d.ts.map

package/dist/types/components/alert-dialog/composables/useConfirmDelay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirmDelay.d.ts","sourceRoot":"","sources":["../../../../../src/components/alert-dialog/composables/useConfirmDelay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAErE,wBAAgB,eAAe,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,MAAM,uBAkClF"}

package/dist/types/components/anchor/Anchor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/anchor/Anchor.vue"],"names":[],"mappings":"AAqFE,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAA;CACxB;AAID,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AA6HJ,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Anchor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/anchor/Anchor.vue"],"names":[],"mappings":"AAsFE,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAA;CACxB;AAID,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AA+HJ,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/types/components/code-block/CodeBlock.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/code-block/CodeBlock.vue"],"names":[],"mappings":"AA6EE,KAAK,WAAW,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAiJN,QAAA,MAAM,YAAY;cAnJD,OAAO;6EAsJtB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"CodeBlock.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/code-block/CodeBlock.vue"],"names":[],"mappings":"AAmEE,KAAK,WAAW,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAsHN,QAAA,MAAM,YAAY;cAxHD,OAAO;6EA2HtB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/types/components/code-block/code-block.variants.d.ts

@@ -0,0 +1,6 @@
+export declare const codeBlock: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "relative flex min-h-0 min-w-0 flex-col", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+export declare const codeBlockArea: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "hn-pre min-h-0 grow p-0", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+export declare const codeBlockContent: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "hn-pre-content m-0 w-max min-w-full", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+export declare const codeBlockActions: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "absolute top-2 end-2 flex items-center gap-2", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+export declare const codeBlockLabel: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-faint font-mono text-xs select-none", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+//# sourceMappingURL=code-block.variants.d.ts.map

package/dist/types/components/code-block/code-block.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/code-block/code-block.variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,mMAEpB,CAAA;AAEF,eAAO,MAAM,aAAa,oLAExB,CAAA;AAEF,eAAO,MAAM,gBAAgB,gMAE3B,CAAA;AAEF,eAAO,MAAM,gBAAgB,yMAE3B,CAAA;AAEF,eAAO,MAAM,cAAc,qMAEzB,CAAA"}

package/dist/types/components/code-block/composables/useCodeHighlight.d.ts

@@ -0,0 +1,7 @@
+import type { ThemedToken } from 'shiki/core';
+export declare function useCodeHighlight(props: {
+    code: string;
+    lang?: string;
+    html?: string;
+}): import("vue").ShallowRef<ThemedToken[][] | null, ThemedToken[][] | null>;
+//# sourceMappingURL=useCodeHighlight.d.ts.map

package/dist/types/components/code-block/composables/useCodeHighlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCodeHighlight.d.ts","sourceRoot":"","sources":["../../../../../src/components/code-block/composables/useCodeHighlight.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAI7C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,4EAwBrF"}

package/dist/types/components/dropdown-menu/DropdownMenu.vue.d.ts

@@ -1,28 +1,40 @@
 type __VLS_Props = {
     label?: string;
+    anchor?: HTMLElement | null;
+    modal?: boolean;
+    dir?: 'ltr' | 'rtl';
     side?: 'top' | 'right' | 'bottom' | 'left';
     align?: 'start' | 'center' | 'end';
     sideOffset?: number;
     class?: string;
 };
+type __VLS_Slots = {
+    default?(): unknown;
+    content?(): unknown;
+};
 type __VLS_ModelProps = {
     'open'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_14: {}, __VLS_34: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
-} & {
-    content?: (props: typeof __VLS_34) => any;
-};
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean | undefined) => any;
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
+    focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
+    interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
+    closeAutoFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
     side: "top" | "right" | "bottom" | "left";
     align: "start" | "center" | "end";
     sideOffset: number;
+    modal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/components/dropdown-menu/DropdownMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/DropdownMenu.vue"],"names":[],"mappings":"AAkFE,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAiBN,KAAK,gBAAgB,GAAG;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAMF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA2HxD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU;;;;;UAhKH,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;WAClC,OAAO,GAAG,QAAQ,GAAG,KAAK;gBACrB,MAAM;6EAkKvB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/DropdownMenu.vue"],"names":[],"mappings":"AAgGE,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AASJ,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,IAAI,OAAO,CAAC;IAAC,OAAO,CAAC,IAAI,OAAO,CAAA;CAAE,CAAC;AAalE,KAAK,gBAAgB,GAAG;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAMF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA+IxD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;UAjLH,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;WAClC,OAAO,GAAG,QAAQ,GAAG,KAAK;gBACrB,MAAM;WAJX,OAAO;6EAuLnB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/types/components/highlight/Highlight.vue.d.ts

@@ -1,11 +1,13 @@
 type __VLS_Props = {
     id?: string;
+    axis?: 'x' | 'y' | 'both';
     as?: 'div' | 'li';
     class?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     as: "div" | "li";
     id: string;
+    axis: "x" | "y" | "both";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/components/highlight/Highlight.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Highlight.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/highlight/Highlight.vue"],"names":[],"mappings":"AAyCE,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAwDN,QAAA,MAAM,YAAY;QA1DP,KAAK,GAAG,IAAI;QADZ,MAAM;6EA8Df,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Highlight.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/highlight/Highlight.vue"],"names":[],"mappings":"AAyCE,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,CAAA;IACzB,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AA2DN,QAAA,MAAM,YAAY;QA7DP,KAAK,GAAG,IAAI;QAFZ,MAAM;UACJ,GAAG,GAAG,GAAG,GAAG,MAAM;6EAiE7B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/types/components/highlight/composables/useHighlightMotion.d.ts

@@ -0,0 +1,10 @@
+export declare function useHighlightMotion(axis: () => 'x' | 'y' | 'both'): {
+    transition: import("vue").ComputedRef<{
+        readonly duration: 0.3;
+        readonly ease: readonly [0.4, 0, 0.2, 1];
+    } | {
+        duration: number;
+    }>;
+    transformTemplate: import("vue").ComputedRef<((transform: import("motion-v").TransformProperties, generatedTransform: string) => string) | undefined>;
+};
+//# sourceMappingURL=useHighlightMotion.d.ts.map

package/dist/types/components/highlight/composables/useHighlightMotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHighlightMotion.d.ts","sourceRoot":"","sources":["../../../../../src/components/highlight/composables/useHighlightMotion.ts"],"names":[],"mappings":"AAIA,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,GAAG,GAAG,MAAM;;;;;;;;EAiBhE"}

package/dist/types/components/lightbox/LightboxThumbs.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LightboxThumbs.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/lightbox/LightboxThumbs.vue"],"names":[],"mappings":"AAkFE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3C,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;AAyIJ,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"LightboxThumbs.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/lightbox/LightboxThumbs.vue"],"names":[],"mappings":"AAmFE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3C,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;AA2IJ,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/types/components/popover/Popover.vue.d.ts

@@ -1,28 +1,41 @@
 type __VLS_Props = {
+    anchor?: HTMLElement | null;
+    modal?: boolean;
     side?: 'top' | 'right' | 'bottom' | 'left';
     align?: 'start' | 'center' | 'end';
     sideOffset?: number;
     padded?: boolean;
     class?: string;
 };
+type __VLS_Slots = {
+    default?(): unknown;
+    content?(): unknown;
+};
 type __VLS_ModelProps = {
     'open'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_14: {}, __VLS_34: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
-} & {
-    content?: (props: typeof __VLS_34) => any;
-};
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean | undefined) => any;
+    openAutoFocus: (event: Event) => any;
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
+    focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
+    interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
+    closeAutoFocus: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
     side: "top" | "right" | "bottom" | "left";
     align: "start" | "center" | "end";
     sideOffset: number;
+    modal: boolean;
     padded: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/components/popover/Popover.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/Popover.vue"],"names":[],"mappings":"AA8DE,KAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAiBN,KAAK,gBAAgB,GAAG;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAMF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA4GxD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU;;;;;UAlJH,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;WAClC,OAAO,GAAG,QAAQ,GAAG,KAAK;gBACrB,MAAM;YACV,OAAO;6EAmJpB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Popover.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/Popover.vue"],"names":[],"mappings":"AAgFE,KAAK,WAAW,GAAG;IACf,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AASJ,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,IAAI,OAAO,CAAC;IAAC,OAAO,CAAC,IAAI,OAAO,CAAA;CAAE,CAAC;AAelE,KAAK,gBAAgB,GAAG;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAMF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA2HxD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;UAhKH,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;WAClC,OAAO,GAAG,QAAQ,GAAG,KAAK;gBACrB,MAAM;WAHX,OAAO;YAIN,OAAO;6EAiKpB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/types/components/popover/PopoverContent.vue.d.ts

@@ -0,0 +1,29 @@
+import { type PopoverContentProps } from 'reka-ui';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PopoverContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    openAutoFocus: (event: Event) => any;
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => any;
+    focusOutside: (event: import("reka-ui").FocusOutsideEvent) => any;
+    interactOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any;
+    closeAutoFocus: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<PopoverContentProps> & Readonly<{
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import("reka-ui").PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=PopoverContent.vue.d.ts.map

package/dist/types/components/popover/PopoverContent.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContent.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/PopoverContent.vue"],"names":[],"mappings":"AA4BE,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,SAAS,CAAA;AAqDlB,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/types/components/popover/composables/usePopoverCloseFocus.d.ts

@@ -0,0 +1,2 @@
+export declare function usePopoverCloseFocus(emit: (event: 'closeAutoFocus', value: Event) => void): (event: Event) => void;
+//# sourceMappingURL=usePopoverCloseFocus.d.ts.map

package/dist/types/components/popover/composables/usePopoverCloseFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopoverCloseFocus.d.ts","sourceRoot":"","sources":["../../../../../src/components/popover/composables/usePopoverCloseFocus.ts"],"names":[],"mappings":"AAGA,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,IAGhF,OAAO,KAAK,UAUrB"}

package/dist/types/components/scroll-area/ScrollArea.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/scroll-area/ScrollArea.vue"],"names":[],"mappings":"AA6IE,KAAK,WAAW,GAAG;IACf,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAA;IAC9C,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAwJN,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAQ/C,QAAA,MAAM,UAAU;;;;YAtKD,OAAO;eAJJ,UAAU,GAAG,YAAY,GAAG,MAAM;eAKlC,OAAO;cAJR,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM;eACpC,OAAO;mBACH,OAAO;6EA2K3B,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScrollArea.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/scroll-area/ScrollArea.vue"],"names":[],"mappings":"AAgJE,KAAK,WAAW,GAAG;IACf,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAA;IAC9C,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AA2JN,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAQ/C,QAAA,MAAM,UAAU;;;;YAzKD,OAAO;eAJJ,UAAU,GAAG,YAAY,GAAG,MAAM;eAKlC,OAAO;cAJR,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM;eACpC,OAAO;mBACH,OAAO;6EA8K3B,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/types/components/scroll-area/composables/useScrollFocus.d.ts

@@ -0,0 +1,17 @@
+import { type ShallowRef } from 'vue';
+export declare function useScrollFocus(host: ShallowRef<HTMLElement | undefined>, viewport: ShallowRef<HTMLElement | undefined>, options: () => {
+    focusable: boolean;
+    label: string;
+}): {
+    hostFocus: import("vue").ComputedRef<{
+        tabindex: number | undefined;
+        role: string | undefined;
+        'aria-label': string | undefined;
+    }>;
+    viewportFocus: import("vue").ComputedRef<{
+        tabindex: number | undefined;
+        role: string | undefined;
+        'aria-label': string | undefined;
+    }>;
+};
+//# sourceMappingURL=useScrollFocus.d.ts.map

package/dist/types/components/scroll-area/composables/useScrollFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollFocus.d.ts","sourceRoot":"","sources":["../../../../../src/components/scroll-area/composables/useScrollFocus.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhE,wBAAgB,cAAc,CAC5B,IAAI,EAAE,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,EACzC,QAAQ,EAAE,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,EAC7C,OAAO,EAAE,MAAM;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;EAiCrD"}

package/dist/types/components/segmented-control/SegmentedControl.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/segmented-control/SegmentedControl.vue"],"names":[],"mappings":"AAwFE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAIL,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAA;AAErC,QAAA,MAAM,YAAY,GAAK,CAAC,SAAS,YAAY,GAAG,YAAY,EAC7D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA2KO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;iBAvKzC,CAAC,EAAE;eACL,qBAAqB,CAAC,MAAM,CAAC;sBACtB,wBAAwB,CAAC,aAAa,CAAC;gBAC7C,OAAO;mBACJ,OAAO;gBACV,MAAM;;qBA6BP,MAAM,GAAG,MAAM;;;KAqI+D,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;uBA3J2B;YAAE,MAAM,EAAE,CAAC,CAAA;SAAE,GAAG,OAAO;;;EA+JzD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SegmentedControl.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/segmented-control/SegmentedControl.vue"],"names":[],"mappings":"AA6FE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAIL,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC3B,MAAM,8BAA8B,CAAA;AAErC,QAAA,MAAM,YAAY,GAAK,CAAC,SAAS,YAAY,GAAG,YAAY,EAC7D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA6KO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB,CAAC;iBAzKzC,CAAC,EAAE;eACL,qBAAqB,CAAC,MAAM,CAAC;sBACtB,wBAAwB,CAAC,aAAa,CAAC;gBAC7C,OAAO;mBACJ,OAAO;gBACV,MAAM;;qBA6BP,MAAM,GAAG,MAAM;;;KAuI+D,CAAC,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC5J,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;uBA7J2B;YAAE,MAAM,EAAE,CAAC,CAAA;SAAE,GAAG,OAAO;;;EAiKzD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAA;CAAI,CAAC;wBACpE,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/types/components/tabs/TabsTrigger.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTrigger.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/TabsTrigger.vue"],"names":[],"mappings":"AA8CE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAwEJ,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"TabsTrigger.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/TabsTrigger.vue"],"names":[],"mappings":"AAmDE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AA0EJ,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/types/lib/anchored-overlay.d.ts

@@ -0,0 +1,23 @@
+import { type Ref } from 'vue';
+import type { DropdownMenuContentEmits } from 'reka-ui';
+export declare function useAnchoredOverlay(props: {
+    anchor?: HTMLElement | null;
+    modal: boolean;
+}, open: Ref<boolean | undefined>, emit: <K extends keyof DropdownMenuContentEmits>(event: K, ...args: DropdownMenuContentEmits[K]) => void, openAutoFocus?: (event: Event) => void): {
+    trigger: import("vue").ShallowRef<{
+        $el: HTMLElement;
+    } | null, {
+        $el: HTMLElement;
+    } | null>;
+    reference: import("vue").ComputedRef<HTMLElement | undefined>;
+    visible: import("vue").WritableComputedRef<boolean, boolean>;
+    events: {
+        onCloseAutoFocus: (event: Event) => void;
+        onInteractOutside: (event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => void;
+        onPointerDownOutside: (event: import("reka-ui").PointerDownOutsideEvent) => void;
+        onFocusOutside: (event: import("reka-ui").FocusOutsideEvent) => void;
+        onEscapeKeyDown: (event: KeyboardEvent) => void;
+        onOpenAutoFocus?: ((event: Event) => void) | undefined;
+    };
+};
+//# sourceMappingURL=anchored-overlay.d.ts.map

package/dist/types/lib/anchored-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchored-overlay.d.ts","sourceRoot":"","sources":["../../../src/lib/anchored-overlay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AACrE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE;IAAE,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,EACtD,IAAI,EAAE,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,EAC9B,IAAI,EAAE,CAAC,CAAC,SAAS,MAAM,wBAAwB,EAC7C,KAAK,EAAE,CAAC,EACR,GAAG,IAAI,EAAE,wBAAwB,CAAC,CAAC,CAAC,KACjC,IAAI,EACT,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;;aAEJ,WAAW;;aAAX,WAAW;;;;;;;;;;;;EAiG9C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hina-ui/vue",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "An elegant, restrained Vue 3 component library built on Reka UI and Tailwind CSS v4.",
   "keywords": [
     "vue",

package/src/components/alert-dialog/AlertDialog.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-  import { ref } from 'vue'
   import {
     AlertDialogCancel,
     AlertDialogContent,
@@ -17,6 +16,14 @@
   import { dialogCard, dialogWrapper } from '../dialog/dialog.variants'
   import Heading from '../heading/Heading.vue'
   import Text from '../text/Text.vue'
+  import { useAlertDialogConfirm } from './composables/useAlertDialogConfirm'
+  import { useConfirmDelay } from './composables/useConfirmDelay'
+  import {
+    alertDialogHeader,
+    alertDialogContent,
+    alertDialogActions,
+    alertDialogCountdown,
+  } from './alert-dialog.variants'
 
   defineOptions({ name: 'HnAlertDialog' })
 
@@ -25,6 +32,7 @@
       title: string
       description?: string
       confirmText?: string
+      confirmDelay?: number
       cancelText?: string
       tone?: 'accent' | 'danger'
       size?: 'sm' | 'md'
@@ -32,31 +40,19 @@
       onConfirm?: () => unknown
       class?: string
     }>(),
-    { tone: 'accent', size: 'sm' },
+    { tone: 'accent', size: 'sm', confirmDelay: 0 },
   )
-  const emit = defineEmits<{ cancel: [] }>()
+  const emit = defineEmits<{ cancel: []; error: [error: unknown] }>()
 
   const open = defineModel<boolean>('open')
-  const busy = ref(false)
   const t = useUiLocale()
-
-  function guard(event: Event) {
-    if (busy.value) event.preventDefault()
-  }
-
-  async function confirm() {
-    if (busy.value) return
-    const result = props.onConfirm?.()
-    if (result instanceof Promise) {
-      busy.value = true
-      try {
-        await result
-      } finally {
-        busy.value = false
-      }
-    }
-    open.value = false
-  }
+  const remaining = useConfirmDelay(open, () => props.confirmDelay)
+  const { busy, guard, confirm } = useAlertDialogConfirm(
+    props,
+    open,
+    error => emit('error', error),
+    () => remaining.value > 0,
+  )
 </script>
 
 <template>
@@ -66,14 +62,7 @@
     </AlertDialogTrigger>
     <AlertDialogPortal>
       <AlertDialogOverlay class="hn-scrim" />
-      <div
-        :class="
-          cn(
-            'pointer-events-none fixed inset-0 z-(--hn-z-overlay) grid',
-            dialogWrapper({ placement: props.placement ?? 'auto' }),
-          )
-        "
-      >
+      <div :class="dialogWrapper({ placement: props.placement ?? 'auto' })">
         <AlertDialogContent as-child @escape-key-down="guard">
           <Card
             :padded="false"
@@ -81,14 +70,12 @@
             :aria-busy="busy || undefined"
             :class="
               cn(
-                'pointer-events-auto flex w-full flex-col gap-4 shadow-lg outline-none',
-                'py-(--hn-panel-p)',
                 dialogCard({ placement: props.placement ?? 'auto', size: props.size }),
                 props.class,
               )
             "
           >
-            <div class="flex min-w-0 flex-col gap-1.5 px-(--hn-panel-p)">
+            <div :class="alertDialogHeader()">
               <AlertDialogTitle as-child>
                 <Heading :level="2" size="lg">{{ props.title }}</Heading>
               </AlertDialogTitle>
@@ -96,17 +83,18 @@
                 <Text tone="muted">{{ props.description }}</Text>
               </AlertDialogDescription>
             </div>
-            <div v-if="$slots.content" class="px-(--hn-panel-p)">
+            <div v-if="$slots.content" :class="alertDialogContent()">
               <slot name="content" />
             </div>
-            <div class="flex justify-end gap-(--hn-inline-gap) px-(--hn-panel-p)">
+            <div :class="alertDialogActions()">
               <AlertDialogCancel as-child>
                 <Button variant="soft" tone="neutral" :disabled="busy" @click="emit('cancel')">
                   {{ props.cancelText ?? t.common.cancel }}
                 </Button>
               </AlertDialogCancel>
-              <Button :tone="props.tone" :loading="busy" @click="confirm">
+              <Button :tone="props.tone" :loading="busy" :disabled="remaining > 0" @click="confirm">
                 {{ props.confirmText ?? t.common.confirm }}
+                <span v-if="remaining > 0" :class="alertDialogCountdown()">({{ remaining }})</span>
               </Button>
             </div>
           </Card>

package/src/components/alert-dialog/alert-dialog.variants.ts

@@ -0,0 +1,17 @@
+import { tv } from '../../lib/tv'
+
+export const alertDialogHeader = tv({
+  base: 'flex min-w-0 flex-col gap-1.5 px-(--hn-panel-p)',
+})
+
+export const alertDialogContent = tv({
+  base: 'px-(--hn-panel-p)',
+})
+
+export const alertDialogActions = tv({
+  base: 'flex justify-end gap-(--hn-inline-gap) px-(--hn-panel-p)',
+})
+
+export const alertDialogCountdown = tv({
+  base: 'tabular-nums',
+})

package/src/components/alert-dialog/composables/useAlertDialogConfirm.ts

@@ -0,0 +1,29 @@
+import { ref, type Ref } from 'vue'
+
+export function useAlertDialogConfirm(
+  props: { onConfirm?: () => unknown },
+  open: Ref<boolean | undefined>,
+  onError: (error: unknown) => void,
+  blocked: () => boolean = () => false,
+) {
+  const busy = ref(false)
+
+  function guard(event: Event) {
+    if (busy.value) event.preventDefault()
+  }
+
+  async function confirm() {
+    if (!open.value || busy.value || blocked()) return
+    busy.value = true
+    try {
+      await props.onConfirm?.()
+      open.value = false
+    } catch (error) {
+      onError(error)
+    } finally {
+      busy.value = false
+    }
+  }
+
+  return { busy, guard, confirm }
+}

package/src/components/alert-dialog/composables/useConfirmDelay.ts

@@ -0,0 +1,37 @@
+import { onMounted, onScopeDispose, ref, watch, type Ref } from 'vue'
+
+export function useConfirmDelay(open: Ref<boolean | undefined>, delay: () => number) {
+  const remaining = ref(0)
+  let mounted = false
+  let timer: ReturnType<typeof setTimeout> | undefined
+
+  function stop() {
+    clearTimeout(timer)
+    timer = undefined
+  }
+
+  function restart() {
+    stop()
+    if (!open.value) return
+    const seconds = Math.ceil(delay())
+    remaining.value = Number.isFinite(seconds) && seconds > 0 ? seconds : 0
+    if (!mounted || !remaining.value) return
+
+    const deadline = performance.now() + remaining.value * 1000
+    function tick() {
+      const milliseconds = deadline - performance.now()
+      remaining.value = Math.max(0, Math.ceil(milliseconds / 1000))
+      timer = remaining.value > 0 ? setTimeout(tick, Math.min(1000, milliseconds)) : undefined
+    }
+    tick()
+  }
+
+  watch([open, delay], restart, { immediate: true, flush: 'sync' })
+  onMounted(() => {
+    mounted = true
+    restart()
+  })
+  onScopeDispose(stop)
+
+  return remaining
+}

package/src/components/anchor/Anchor.vue

@@ -43,6 +43,7 @@
         <Highlight
           v-if="span"
           as="li"
+          axis="y"
           role="presentation"
           :style="{ gridRow: span }"
           class="bg-accent col-start-1 -ms-px w-0.5 self-stretch justify-self-start rounded-full"