@knymbus/voxel-ui 1.0.0 → 1.0.1

package/dist/index.js

@@ -889,7 +889,7 @@ function W({ variant: e = "simple", value: t, onChange: n, onClear: r, placehold
 	if (e === "simple") {
 		let e = a > 0 && t.length > 0;
 		return /* @__PURE__ */ (0, d.jsxs)("div", {
-			className: `relative ${D} ${p}`.trim(),
+			className: `${D} ${p}`.trim(),
 			children: [/* @__PURE__ */ (0, d.jsxs)("div", {
 				className: "relative flex items-center bg-vsc-bg-input border border-vsc-border rounded-sm h-8 group hover:border-vsc-accent transition-colors z-20",
 				children: [
@@ -907,6 +907,7 @@ function W({ variant: e = "simple", value: t, onChange: n, onClear: r, placehold
 					}),
 					t && /* @__PURE__ */ (0, d.jsx)("div", {
 						className: "absolute right-1 top-1/2 -translate-y-1/2 flex items-center",
+						style: { marginRight: "4px" },
 						children: /* @__PURE__ */ (0, d.jsx)(m, {
 							icon: v,
 							color: "ghost",
@@ -917,7 +918,7 @@ function W({ variant: e = "simple", value: t, onChange: n, onClear: r, placehold
 					})
 				]
 			}), /* @__PURE__ */ (0, d.jsx)("div", {
-				className: `absolute left-0 right-0 top-8 z-10 overflow-hidden transition-all duration-200 cubic-bezier(0.34, 1.56, 0.64, 1) ${e ? "" : "pointer-events-none"}`,
+				className: `absolute left-0 right-0 top-8 z-50 overflow-hidden transition-all duration-200 cubic-bezier(0.34, 1.56, 0.64, 1) ${e ? "" : "pointer-events-none"}`,
 				style: {
 					height: e ? "auto" : "0px",
 					opacity: +!!e,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knymbus/voxel-ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/components/search/SearchInput.tsx

@@ -62,7 +62,7 @@ export default function SearchInput({
         const hasResults = resultsCount > 0 && value.length > 0;
 
         return (
-            <div className={`relative ${baseWrapper} ${className}`.trim()}>
+            <div className={`${baseWrapper} ${className}`.trim()}>
                 {/* Core Input Box Frame */}
                 <div className="relative flex items-center bg-vsc-bg-input border border-vsc-border rounded-sm h-8 group hover:border-vsc-accent transition-colors z-20">
                     <Search size={14} className="absolute left-2.5 text-vsc-muted group-hover:text-vsc-text" />
@@ -75,7 +75,7 @@ export default function SearchInput({
                         className="w-full h-full pl-8 pr-10 bg-transparent text-vsc-text border-none outline-none focus:outline-none placeholder-vsc-muted"
                     />
                     {value && (
-                        <div className="absolute right-1 top-1/2 -translate-y-1/2 flex items-center">
+                        <div className="absolute right-1 top-1/2 -translate-y-1/2 flex items-center" style={{ marginRight: '4px' }}>
                             <Button
                                 icon={Close}
                                 color="ghost"
@@ -93,7 +93,7 @@ export default function SearchInput({
           - Utilizes hardware-accelerated transforms (translateY) for a smooth glide effect.
         */}
                 <div
-                    className={`absolute left-0 right-0 top-8 z-10 overflow-hidden transition-all duration-200 cubic-bezier(0.34, 1.56, 0.64, 1) ${!hasResults ? 'pointer-events-none' : ''}`}
+                    className={`absolute left-0 right-0 top-8 z-50 overflow-hidden transition-all duration-200 cubic-bezier(0.34, 1.56, 0.64, 1) ${!hasResults ? 'pointer-events-none' : ''}`}
                     style={{
                         height: hasResults ? 'auto' : '0px',
                         opacity: hasResults ? 1 : 0,