@kungal/ui-vue 1.9.4 → 1.9.5

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @kungal/ui-vue
 
+## 1.9.5
+
+### Patch Changes
+
+- 770b77b: fix(vue): DatePicker trigger — gap + truncation between text and calendar icon
+
+  The trigger only had `justify-between` (no gap), so in a narrow field the
+  placeholder/value text butted right against the calendar icon with no spacing
+  (and looked vertically off). Adopted the Select trigger's pattern: `gap-2` on the
+  button, `min-w-0 flex-1 truncate` on the text, and `shrink-0` on the icon group —
+  so there's always an 8px gap, the text truncates gracefully, and the icon stays
+  put. (Audited Select, Autocomplete and the input family — they already do this;
+  DatePicker was the only one missing it.)
+
+  - @kungal/ui-core@1.9.5
+
 ## 1.9.4
 
 ### Patch Changes

package/dist/components/DatePicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.vue.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.vue"],"names":[],"mappings":"AAwWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AA4tBjD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"DatePicker.vue.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.vue"],"names":[],"mappings":"AAwWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AA+tBjD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/index.js

@@ -2301,7 +2301,7 @@ var tt = Symbol("kun-accordion"), nt = /* @__PURE__ */ p({
 }, ii = {
 	key: 0,
 	class: "text-default-700 mb-1 block text-sm font-medium"
-}, ai = { class: "relative" }, oi = ["disabled"], si = { class: "flex items-center" }, ci = { class: "flex items-center justify-between" }, li = { class: "flex items-center gap-2" }, ui = { class: "font-semibold" }, di = { class: "flex items-center gap-2" }, fi = { class: "text-default-600 mt-3 grid grid-cols-7 text-center text-xs" }, pi = {
+}, ai = { class: "relative" }, oi = ["disabled"], si = { class: "flex shrink-0 items-center" }, ci = { class: "flex items-center justify-between" }, li = { class: "flex items-center gap-2" }, ui = { class: "font-semibold" }, di = { class: "flex items-center gap-2" }, fi = { class: "text-default-600 mt-3 grid grid-cols-7 text-center text-xs" }, pi = {
 	class: "mt-1 grid grid-cols-7",
 	role: "grid"
 }, mi = [
@@ -2424,9 +2424,9 @@ var tt = Symbol("kun-accordion"), nt = /* @__PURE__ */ p({
 			u("div", ai, [u("button", {
 				type: "button",
 				disabled: e.disabled,
-				class: y(P(q)("flex w-full cursor-pointer items-center justify-between text-left transition-[color,box-shadow]", P(ce)[a.size], m.value, "bg-content1 shadow-kun-sm border", e.error ? P(q)("border-danger-300", P(Y).danger) : P(q)("border-kun", P(Y)[e.color]), e.disabled && "cursor-not-allowed opacity-60")),
+				class: y(P(q)("flex w-full cursor-pointer items-center justify-between gap-2 text-left transition-[color,box-shadow]", P(ce)[a.size], m.value, "bg-content1 shadow-kun-sm border", e.error ? P(q)("border-danger-300", P(Y).danger) : P(q)("border-kun", P(Y)[e.color]), e.disabled && "cursor-not-allowed opacity-60")),
 				onClick: le
-			}, [u("span", { class: y(["block truncate", { "text-default-400": !se.value }]) }, j(se.value || e.placeholder), 3), u("div", si, [e.clearable && se.value ? (w(), l("button", {
+			}, [u("span", { class: y(["block min-w-0 flex-1 truncate", { "text-default-400": !se.value }]) }, j(se.value || e.placeholder), 3), u("div", si, [e.clearable && se.value ? (w(), l("button", {
 				key: 0,
 				class: "text-default-500 hover:text-default-800 mr-2 p-1",
 				"aria-label": "Clear date",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kungal/ui-vue",
-  "version": "1.9.4",
+  "version": "1.9.5",
   "description": "KunUI Vue 3 component layer — Nuxt-decoupled. Works in any Vue app; pairs with @kungal/ui-nuxt for Nuxt sugar.",
   "type": "module",
   "keywords": [
@@ -50,7 +50,7 @@
     "date-fns": "^4.1.0",
     "focus-trap": "^8.2.1",
     "vue-advanced-cropper": "^2.8.9",
-    "@kungal/ui-core": "1.9.4"
+    "@kungal/ui-core": "1.9.5"
   },
   "peerDependencies": {
     "vue": "^3.5.0"
@@ -62,7 +62,7 @@
     "vite": "^8.0.16",
     "vue": "^3.5.35",
     "vue-tsc": "^3.3.3",
-    "@kungal/ui-tokens": "1.9.4"
+    "@kungal/ui-tokens": "1.9.5"
   },
   "scripts": {
     "build": "vite build && cp src/prose.css dist/prose.css && vue-tsc -p tsconfig.build.json",