@bridge-ui/vue 0.5.0 → 0.5.1

package/dist/Components/DataTable/DataTable.vue_vue_type_script_setup_true_lang.js

@@ -264,6 +264,7 @@ var _e = { class: "min-w-0 flex-1" }, ve = { class: "flex shrink-0 items-center
 								colspan: C(U)
 							}, {
 								default: T(() => [f("div", y(h(C(je))), [S(e.$slots, "empty", {}, () => [p(C(te), {
+									icon: "inbox",
 									size: C(R).size,
 									title: C(F)("No data")
 								}, null, 8, ["size", "title"])])], 16)]),

package/dist/Components/Sidebar/SidebarTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1,33 +1,34 @@
 import e from "../Button/Button.js";
 import { useSidebarTrigger as t } from "./composables/useSidebarTrigger.js";
-import { createBlock as n, createCommentVNode as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, useSlots as l, withCtx as u } from "vue";
+import { createBlock as n, createSlots as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, useSlots as l, withCtx as u } from "vue";
 //#region src/Components/Sidebar/SidebarTrigger.vue?vue&type=script&setup=true&lang.ts
 var d = /*@__PURE__*/ i({
 	inheritAttrs: !1,
 	__name: "SidebarTrigger",
 	setup(i) {
-		let d = l(), { attrs: f, panelId: p, expanded: m, iconClass: h, ariaLabel: g, handleClick: _, hasDefaultSlot: v } = t(d);
-		return (t, i) => (o(), n(c(e), a(c(f), {
+		let d = l(), { icon: f, attrs: p, panelId: m, expanded: h, iconClass: g, ariaLabel: _, handleClick: v, hasDefaultSlot: y } = t(d);
+		return (t, i) => (o(), n(c(e), a(c(p), {
 			color: "dark",
+			icon: c(f),
 			type: "button",
 			density: "mini",
 			variant: "light",
-			"aria-label": c(g),
-			onClick: c(_),
-			"aria-expanded": c(m),
-			classes: { icon: c(h) },
-			"aria-controls": c(p) || void 0,
-			icon: c(v) ? void 0 : "panelLeft"
-		}), {
-			default: u(() => [c(v) ? s(t.$slots, "default", {}, void 0, void 0, 0) : r("", !0)]),
-			_: 3
-		}, 16, [
+			"aria-label": c(_),
+			onClick: c(v),
+			"aria-expanded": c(h),
+			classes: { icon: c(g) },
+			"aria-controls": c(m) || void 0
+		}), r({ _: 2 }, [c(y) ? {
+			name: "default",
+			fn: u(() => [s(t.$slots, "default")]),
+			key: "0"
+		} : void 0]), 1040, [
+			"icon",
 			"aria-label",
 			"onClick",
 			"aria-expanded",
 			"classes",
-			"aria-controls",
-			"icon"
+			"aria-controls"
 		]));
 	}
 });

package/dist/Components/Sidebar/composables/useSidebarTrigger.d.ts

@@ -1,5 +1,7 @@
 import { useSlots } from 'vue';
+import { IconSource } from '../../../Adapters/Icon';
 export declare function useSidebarTrigger(slots: ReturnType<typeof useSlots>): {
+    icon: import('vue').ComputedRef<IconSource | undefined>;
     expanded: import('vue').ComputedRef<boolean>;
     iconClass: import('vue').ComputedRef<"rotate-180 rtl:rotate-0" | "rtl:rotate-180">;
     ariaLabel: import('vue').ComputedRef<string>;

package/dist/Components/Sidebar/composables/useSidebarTrigger.js

@@ -6,6 +6,9 @@ import { omit as i } from "es-toolkit/compat";
 function a(a) {
 	let o = t(), s = r(), c = n(() => e(a, "default"));
 	return {
+		icon: n(() => {
+			if (!c.value) return "panelLeft";
+		}),
 		expanded: n(() => o.value.isMobile ? o.value.openMobile : o.value.open),
 		iconClass: n(() => o.value.side === "right" ? "rotate-180 rtl:rotate-0" : "rtl:rotate-180"),
 		ariaLabel: n(() => {

package/docs/components/DataTable.md

@@ -141,7 +141,7 @@ When `page` and `page-count` (or `total-count`) are set, DataTable does not sort
 
 ### Empty, loading, and footer
 
-Empty rows render `EmptyState` at the table `size`, with the i18n title `"No data"`. `#empty` replaces it. `loading` keeps the table visible. `loadingVariant="overlay"` (default) dims the table with a spin; `loadingVariant="bar"` dims the table and draws a progress line under the header. `#loading` replaces the indicator. `#footer` renders below the table, above pagination:
+Empty rows render `EmptyState` at the table `size`, with the semantic `inbox` icon and the i18n title `"No data"`. `#empty` replaces it. `loading` keeps the table visible. `loadingVariant="overlay"` (default) dims the table with a spin; `loadingVariant="bar"` dims the table and draws a progress line under the header. `#loading` replaces the indicator. `#footer` renders below the table, above pagination:
 
 ```vue
 <DataTable :rows="[]" :columns="columns" :loading="isLoading">

package/docs/examples/icon-fontawesome.ts

@@ -26,6 +26,7 @@ import {
   faEye,
   faEyeSlash,
   faFilter,
+  faInbox,
   faMagnifyingGlass,
   faMinus,
   faPalette,
@@ -94,6 +95,7 @@ const icons = {
   bell: faBell,
   user: faUser,
   plus: faPlus,
+  inbox: faInbox,
   clear: faXmark,
   check: faCheck,
   clock: faClock,

package/docs/examples/icon-heroicons.ts

@@ -24,6 +24,7 @@ import {
   EyeIcon,
   EyeSlashIcon,
   FunnelIcon,
+  InboxIcon,
   InformationCircleIcon,
   MagnifyingGlassIcon,
   MinusIcon,
@@ -44,6 +45,7 @@ const icons = {
   bell: BellIcon,
   user: UserIcon,
   plus: PlusIcon,
+  inbox: InboxIcon,
   clear: XMarkIcon,
   check: CheckIcon,
   clock: ClockIcon,

package/docs/examples/icon-lucide.ts

@@ -23,6 +23,7 @@ import {
   Eye,
   EyeOff,
   Filter,
+  Inbox,
   Info,
   Loader2,
   Minus,
@@ -48,6 +49,7 @@ const icons = {
   plus: Plus,
   check: Check,
   clock: Clock,
+  inbox: Inbox,
   minus: Minus,
   error: CircleX,
   eyeOff: EyeOff,

package/docs/examples/icon-phosphor.ts

@@ -28,6 +28,7 @@ import {
   PhPlus,
   PhSidebar,
   PhSpinnerGap,
+  PhTray,
   PhUser,
   PhWarning,
   PhWarningCircle,
@@ -46,6 +47,7 @@ const icons = {
   info: PhInfo,
   user: PhUser,
   plus: PhPlus,
+  inbox: PhTray,
   check: PhCheck,
   clock: PhClock,
   minus: PhMinus,

package/docs/examples/icon-tabler.ts

@@ -23,6 +23,7 @@ import {
   IconEye,
   IconEyeOff,
   IconFilter,
+  IconInbox,
   IconInfoCircle,
   IconLayoutSidebar,
   IconLoader2,
@@ -45,6 +46,7 @@ const icons = {
   bell: IconBell,
   user: IconUser,
   plus: IconPlus,
+  inbox: IconInbox,
   check: IconCheck,
   clock: IconClock,
   minus: IconMinus,

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "license": "MIT",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "author": "BridgeUI",
   "sideEffects": false,
   "name": "@bridge-ui/vue",
@@ -89,7 +89,7 @@
     }
   },
   "dependencies": {
-    "@bridge-ui/core": "^0.5.0",
+    "@bridge-ui/core": "^0.5.1",
     "clsx": "^2.1.1",
     "es-toolkit": "^1.50.0",
     "tailwind-merge": "^3.6.0"