@jasmine-ui/vue 0.6.0 → 0.8.2

package/dist/components/drawer/drawer.composable.d.ts

@@ -1,7 +1,7 @@
 import { ExtractPropTypes } from 'vue';
 import { drawerProps } from './drawer.props';
 type DrawerProps = ExtractPropTypes<typeof drawerProps>;
-type DrawerEmitFn = (event: 'update:open', value: boolean) => void;
+type DrawerEmitFn = (event: 'update:modelValue', value: boolean) => void;
 /**
  * Composable that handles Drawer component logic.
  * Returns computed class bindings and close behavior guards.

package/dist/components/drawer/drawer.d.ts

@@ -92,7 +92,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    open: {
+    modelValue: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -125,9 +125,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    open: {
+    modelValue: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -160,10 +160,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
 }>> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     size: import('../..').DrawerSize;
-    open: boolean;
+    modelValue: boolean;
     title: string;
     description: string;
     placement: import('../..').DrawerPlacement;

package/dist/components/drawer/drawer.props.d.ts

@@ -1,5 +1,5 @@
 export declare const drawerProps: {
-    open: {
+    modelValue: {
         type: BooleanConstructor;
         default: boolean;
     };

package/dist/components/modal/modal.composable.d.ts

@@ -1,7 +1,7 @@
 import { ExtractPropTypes } from 'vue';
 import { modalProps } from './modal.props';
 type ModalProps = ExtractPropTypes<typeof modalProps>;
-type ModalEmitFn = (event: 'update:open', value: boolean) => void;
+type ModalEmitFn = (event: 'update:modelValue', value: boolean) => void;
 /**
  * Composable that handles Modal component logic.
  * Returns computed class bindings and close behavior guards.

package/dist/components/modal/modal.d.ts

@@ -92,7 +92,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    open: {
+    modelValue: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -133,9 +133,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    open: {
+    modelValue: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -176,11 +176,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
 }>> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     size: import('../..').ModalSize;
     radius: import('../..').Radius;
-    open: boolean;
+    modelValue: boolean;
     title: string;
     description: string;
     placement: import('../../types/common').ModalPlacement;

package/dist/components/modal/modal.props.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { ModalSize } from '../../types/common';
 export declare const modalProps: {
-    open: {
+    modelValue: {
         type: BooleanConstructor;
         default: boolean;
     };

package/dist/components/popover/popover.composable.d.ts

@@ -2,7 +2,7 @@ import { ExtractPropTypes } from 'vue';
 import { popoverProps } from './popover.props';
 type PopoverProps = ExtractPropTypes<typeof popoverProps>;
 type PopoverEmitFn = {
-    (event: 'update:open', value: boolean): void;
+    (event: 'update:modelValue', value: boolean): void;
     (event: 'open'): void;
     (event: 'close'): void;
 };

package/dist/components/popover/popover.d.ts

@@ -14,7 +14,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    open: {
+    modelValue: {
         type: BooleanConstructor;
         default: undefined;
     };
@@ -63,11 +63,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
     open: () => any;
     close: () => any;
-    "update:open": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    open: {
+    modelValue: {
         type: BooleanConstructor;
         default: undefined;
     };
@@ -116,12 +116,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
 }>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+    modelValue: boolean;
     isDisabled: boolean;
-    open: boolean;
     defaultOpen: boolean;
     matchTriggerWidth: boolean;
     triggerMode: "click" | "hover";

package/dist/components/popover/popover.props.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 export declare const popoverProps: {
-    open: {
+    modelValue: {
         type: BooleanConstructor;
         default: undefined;
     };

package/dist/components/table/table.d.ts

@@ -27,7 +27,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<Record<string, unknown>[]>;
         default: () => never[];
     };
-    rowKey: {
+    selectionKey: {
         type: StringConstructor;
         default: string;
     };
@@ -87,7 +87,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<Record<string, unknown>[]>;
         default: () => never[];
     };
-    rowKey: {
+    selectionKey: {
         type: StringConstructor;
         default: string;
     };
@@ -149,7 +149,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     columns: TableColumn[];
     emptyContent: string;
     rows: Record<string, unknown>[];
-    rowKey: string;
+    selectionKey: string;
     sortDescriptor: TableSortDescriptor;
     isHeaderSticky: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;

package/dist/components/table/table.props.d.ts

@@ -9,7 +9,7 @@ export declare const tableProps: {
         type: PropType<Record<string, unknown>[]>;
         default: () => never[];
     };
-    rowKey: {
+    selectionKey: {
         type: StringConstructor;
         default: string;
     };

package/dist/components/tooltip/tooltip.composable.d.ts

@@ -2,7 +2,7 @@ import { ExtractPropTypes } from 'vue';
 import { tooltipProps } from './tooltip.props';
 type TooltipProps = ExtractPropTypes<typeof tooltipProps>;
 type TooltipEmitFn = {
-    (event: 'update:open', value: boolean): void;
+    (event: 'update:modelValue', value: boolean): void;
     (event: 'open'): void;
     (event: 'close'): void;
 };

package/dist/components/tooltip/tooltip.d.ts

@@ -1,8 +1,8 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        trigger?(_: {}): any;
         default?(_: {}): any;
+        content?(_: {}): any;
     };
     refs: {};
     rootEl: any;
@@ -13,7 +13,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<string>;
         default: undefined;
     };
-    open: {
+    modelValue: {
         type: BooleanConstructor;
         default: undefined;
     };
@@ -50,15 +50,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
     open: () => any;
     close: () => any;
-    "update:open": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     content: {
         type: import('vue').PropType<string>;
         default: undefined;
     };
-    open: {
+    modelValue: {
         type: BooleanConstructor;
         default: undefined;
     };
@@ -95,13 +95,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
 }>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     content: string;
+    modelValue: boolean;
     isDisabled: boolean;
-    open: boolean;
     defaultOpen: boolean;
     side: "bottom" | "left" | "right" | "top";
     sideOffset: number;

package/dist/components/tooltip/tooltip.props.d.ts

@@ -6,8 +6,8 @@ export declare const tooltipProps: {
         type: PropType<string>;
         default: undefined;
     };
-    /** Controlled open state (v-model:open) */
-    open: {
+    /** Controlled open state (v-model) */
+    modelValue: {
         type: BooleanConstructor;
         default: undefined;
     };

package/dist/index.d.ts

@@ -26,4 +26,4 @@ export { Text } from './components/text';
 export { Textarea } from './components/textarea';
 export { ToastProvider, useToast } from './components/toast';
 export { Tooltip } from './components/tooltip';
-export type { AccordionItem, AccordionVariant, AlertVariant, BadgePlacement, ChipVariant, CodeBlockLanguage, Color, DrawerPlacement, DrawerSize, DropdownEntry, DropdownInput, DropdownItemData, InputVariant, KbdKey, KbdSize, ListDividerData, ListEntry, ListHeaderData, ListInput, ListItemData, ListVariant, ModalSize, Orientation, RadioItem, Radius, Size, TableColumn, TableSortDescriptor, TableVariant, TabItem, TabVariant, TextAlign, TextColor, TextElement, TextVariant, ToastPosition, Variant, } from './types/common';
+export type { AccordionItem, AccordionVariant, AlertVariant, BadgePlacement, ChipVariant, CodeBlockLanguage, Color, DrawerPlacement, DrawerSize, DropdownEntry, DropdownInput, DropdownItemData, InputVariant, KbdKey, KbdSize, ListDividerData, ListEntry, ListHeaderData, ListInput, ListItemData, ListVariant, ModalSize, Orientation, RadioItem, Radius, Size, TabItem, TableColumn, TableSortDescriptor, TableVariant, TabVariant, TextAlign, TextColor, TextElement, TextVariant, ToastPosition, Variant, } from './types/common';

package/dist/jasmine-ui.js

@@ -181,7 +181,7 @@ var Ye = Object.defineProperty, Xe = (e, t) => {
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
 		let r = t, a = n, { classes: c } = Qe(r), d = (e) => {
-			a("update:modelValue", e);
+			e !== void 0 && a("update:modelValue", e);
 		};
 		return (t, n) => (x(), i(O(ce), {
 			class: g(O(c).base()),
@@ -193,8 +193,8 @@ var Ye = Object.defineProperty, Xe = (e, t) => {
 			"onUpdate:modelValue": d
 		}, {
 			default: A(() => [(x(!0), o(e, null, T(r.items, (e) => (x(), i(O(se), {
-				key: e.value,
-				value: e.value,
+				key: e.key,
+				value: e.key,
 				disabled: e.isDisabled,
 				class: g(O(c).item())
 			}, {
@@ -206,7 +206,7 @@ var Ye = Object.defineProperty, Xe = (e, t) => {
 						class: g(O(c).trigger()),
 						"data-testid": "accordion-trigger"
 					}, {
-						default: A(() => [l(D(e.label) + " ", 1), (x(), o("svg", {
+						default: A(() => [l(D(e.title) + " ", 1), (x(), o("svg", {
 							class: g(O(c).chevron()),
 							xmlns: "http://www.w3.org/2000/svg",
 							viewBox: "0 0 24 24",
@@ -221,7 +221,7 @@ var Ye = Object.defineProperty, Xe = (e, t) => {
 					}, 1032, ["class"])]),
 					_: 2
 				}, 1032, ["class"]), u(O(ae), { class: g(O(c).content()) }, {
-					default: A(() => [s("div", Ct, [E(t.$slots, e.value)])]),
+					default: A(() => [s("div", Ct, [E(t.$slots, e.key, {}, () => [l(D(e.content), 1)])])]),
 					_: 2
 				}, 1032, ["class"])]),
 				_: 2
@@ -8752,16 +8752,16 @@ var Pu = {
 	},
 	variants: { matchTriggerWidth: { true: { content: "popover__content--match-width" } } }
 }, { twMerge: !1 }), pd = 150, md = 100, hd = (e, t) => {
-	let n = w(e.defaultOpen), i = null, a = null, o = r(() => e.open !== void 0), s = r(() => o.value ? e.open : n.value), c = r(() => fd({ matchTriggerWidth: e.matchTriggerWidth })), l = () => {
+	let n = w(e.defaultOpen), i = null, a = null, o = r(() => e.modelValue !== void 0), s = r(() => o.value ? e.modelValue : n.value), c = r(() => fd({ matchTriggerWidth: e.matchTriggerWidth })), l = () => {
 		i !== null && (clearTimeout(i), i = null), a !== null && (clearTimeout(a), a = null);
 	}, u = (r) => {
-		r && e.isDisabled || (o.value || (n.value = r), t("update:open", r), t(r ? "open" : "close"));
+		r && e.isDisabled || (o.value || (n.value = r), t("update:modelValue", r), t(r ? "open" : "close"));
 	}, d = (t) => {
 		e.triggerMode !== "hover" && u(t);
 	}, f = () => {
 		l(), u(!1);
 	};
-	k(() => e.open, (e) => {
+	k(() => e.modelValue, (e) => {
 		e !== void 0 && (n.value = e);
 	});
 	let p = () => {
@@ -8806,7 +8806,7 @@ var Pu = {
 }, gd = /* @__PURE__ */ d({
 	__name: "popover",
 	props: {
-		open: {
+		modelValue: {
 			type: Boolean,
 			default: void 0
 		},
@@ -8853,7 +8853,7 @@ var Pu = {
 		}
 	},
 	emits: [
-		"update:open",
+		"update:modelValue",
 		"open",
 		"close"
 	],
@@ -8969,7 +8969,7 @@ var Pu = {
 	setup(e, { emit: t, slots: n }) {
 		let r = e;
 		return (e, a) => (x(), i(O(gd), {
-			open: r.open,
+			"model-value": r.open,
 			"match-trigger-width": r.matchTriggerWidth,
 			side: r.side,
 			"side-offset": r.sideOffset,
@@ -8977,7 +8977,7 @@ var Pu = {
 			"align-offset": r.alignOffset,
 			"is-disabled": r.isDisabled,
 			"prevent-auto-focus": r.preventAutoFocus,
-			"onUpdate:open": a[2] ||= (e) => t("update:open", e)
+			"onUpdate:modelValue": a[2] ||= (e) => t("update:open", e)
 		}, {
 			trigger: A(({ open: t }) => [E(e.$slots, "trigger", { isOpen: t })]),
 			default: A(() => [u(O(dd), {
@@ -9001,7 +9001,7 @@ var Pu = {
 			])]),
 			_: 3
 		}, 8, [
-			"open",
+			"model-value",
 			"match-trigger-width",
 			"side",
 			"side-offset",
@@ -9337,7 +9337,7 @@ var Pu = {
 			placement: t ? null : e.placement
 		});
 	}), o = () => {
-		t("update:open", !1);
+		t("update:modelValue", !1);
 	};
 	return {
 		classes: a,
@@ -9361,7 +9361,7 @@ var Pu = {
 }, Md = /* @__PURE__ */ d({
 	__name: "drawer",
 	props: {
-		open: {
+		modelValue: {
 			type: Boolean,
 			default: !1
 		},
@@ -9388,12 +9388,12 @@ var Pu = {
 			default: !0
 		}
 	},
-	emits: ["update:open"],
+	emits: ["update:modelValue"],
 	setup(e, { emit: t, slots: n }) {
 		let r = e, c = t, { classes: d, close: f, contentRef: p, handleBackdropClick: m, handleEscapeKey: h } = jd(r, c);
 		return (e, t) => (x(), i(O(_e), {
-			open: r.open,
-			"onUpdate:open": t[0] ||= (e) => c("update:open", e)
+			open: r.modelValue,
+			"onUpdate:open": t[0] ||= (e) => c("update:modelValue", e)
 		}, {
 			default: A(() => [u(O(ge), null, {
 				default: A(() => [u(O(he), { class: g(O(d).overlay()) }, null, 8, ["class"]), u(O(pe), {
@@ -9943,7 +9943,7 @@ var Pu = {
 			backdrop: e.backdrop
 		});
 	}), o = () => {
-		t("update:open", !1);
+		t("update:modelValue", !1);
 	};
 	return {
 		classes: a,
@@ -9967,7 +9967,7 @@ var Pu = {
 }, Qd = /* @__PURE__ */ d({
 	__name: "modal",
 	props: {
-		open: {
+		modelValue: {
 			type: Boolean,
 			default: !1
 		},
@@ -10002,12 +10002,12 @@ var Pu = {
 			default: !0
 		}
 	},
-	emits: ["update:open"],
+	emits: ["update:modelValue"],
 	setup(e, { emit: t, slots: n }) {
 		let r = e, c = t, { classes: d, close: f, contentRef: p, handleBackdropClick: m, handleEscapeKey: h } = Zd(r, c);
 		return (e, t) => (x(), i(O(_e), {
-			open: r.open,
-			"onUpdate:open": t[0] ||= (e) => c("update:open", e)
+			open: r.modelValue,
+			"onUpdate:open": t[0] ||= (e) => c("update:modelValue", e)
 		}, {
 			default: A(() => [u(O(ge), null, {
 				default: A(() => [u(O(he), { class: g(O(d).overlay()) }, null, 8, ["class"]), u(O(pe), {
@@ -10904,7 +10904,7 @@ var Pu = {
 		size: e.size,
 		selectionMode: e.selectionMode
 	})), i = (t) => {
-		let n = t[e.rowKey];
+		let n = t[e.selectionKey];
 		return typeof n == "string" || typeof n == "number" ? n : String(n);
 	}, a = r(() => {
 		if (!e.sortDescriptor) return e.rows;
@@ -10963,7 +10963,7 @@ var Pu = {
 		type: Array,
 		default: () => []
 	},
-	rowKey: {
+	selectionKey: {
 		type: String,
 		default: "id"
 	},
@@ -11752,14 +11752,14 @@ var Pu = {
 	content: "tooltip__content",
 	arrow: "tooltip__arrow"
 } }, { twMerge: !1 }), ap = (e, t) => {
-	let n = w(e.defaultOpen), i = r(() => e.open !== void 0), a = r(() => i.value ? e.open : n.value), o = r(() => ip());
-	return k(() => e.open, (e) => {
+	let n = w(e.defaultOpen), i = r(() => e.modelValue !== void 0), a = r(() => i.value ? e.modelValue : n.value), o = r(() => ip());
+	return k(() => e.modelValue, (e) => {
 		e !== void 0 && (n.value = e);
 	}), {
 		classes: o,
 		resolvedOpen: a,
 		handleOpenChange: (r) => {
-			r && e.isDisabled || (i.value || (n.value = r), t("update:open", r), t(r ? "open" : "close"));
+			r && e.isDisabled || (i.value || (n.value = r), t("update:modelValue", r), t(r ? "open" : "close"));
 		}
 	};
 }, op = /* @__PURE__ */ d({
@@ -11769,7 +11769,7 @@ var Pu = {
 			type: String,
 			default: void 0
 		},
-		open: {
+		modelValue: {
 			type: Boolean,
 			default: void 0
 		},
@@ -11804,7 +11804,7 @@ var Pu = {
 		isDisabled: P
 	},
 	emits: [
-		"update:open",
+		"update:modelValue",
 		"open",
 		"close"
 	],
@@ -11820,7 +11820,7 @@ var Pu = {
 				"onUpdate:open": O(s)
 			}, {
 				default: A(() => [u(O(qe), { "as-child": "" }, {
-					default: A(() => [E(e.$slots, "trigger")]),
+					default: A(() => [E(e.$slots, "default")]),
 					_: 3
 				}), u(O(We), null, {
 					default: A(() => [u(O(Ue), {
@@ -11830,7 +11830,7 @@ var Pu = {
 						align: n.align,
 						"align-offset": n.alignOffset
 					}, {
-						default: A(() => [E(e.$slots, "default", {}, () => [l(D(n.content), 1)]), n.hasArrow ? (x(), i(O(He), {
+						default: A(() => [E(e.$slots, "content", {}, () => [l(D(n.content), 1)]), n.hasArrow ? (x(), i(O(He), {
 							key: 0,
 							class: g(O(r).arrow())
 						}, null, 8, ["class"])) : a("", !0)]),

package/dist/types/common.d.ts

@@ -69,8 +69,9 @@ export interface TabItem {
     isDisabled?: boolean;
 }
 export interface AccordionItem {
-    label: string;
-    value: string;
+    title: string;
+    key: string;
+    content?: string;
     isDisabled?: boolean;
 }
 export interface TableColumn {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jasmine-ui/vue",
-  "version": "0.6.0",
+  "version": "0.8.2",
   "description": "An accessible Vue 3 component library built on Reka UI headless primitives. Styled with Tailwind CSS. Customizable through design tokens. Type-safe from end to end.",
   "type": "module",
   "main": "./dist/jasmine-ui.js",
@@ -13,14 +13,8 @@
     },
     "./style.css": "./dist/jasmine-ui.css"
   },
-  "files": [
-    "dist",
-    "README.md",
-    "LICENSE"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
+  "files": ["dist", "README.md", "LICENSE"],
+  "sideEffects": ["**/*.css"],
   "scripts": {
     "docs:dev": "vite --config docs/vite.config.ts",
     "docs:build": "vite build --config docs/vite.config.ts",