@customafk/lunas-ui 0.0.3-b → 0.0.3-d

package/dist/Atoms/Input/index.js

@@ -277,13 +277,15 @@ var Input = memo(
                 className: cn(
                   "w-full",
                   "rounded border border-ui-border-400 bg-transparent",
-                  "px-3 py-1",
-                  "text-ui-note text-ui-text-500",
+                  "px-3 py-1.5",
+                  "!text-ui-note text-ui-text-700",
                   "outline-none",
                   "focus-within:text-ui-text-800",
                   "focus-within:border-ui-primary-500",
                   "focus-within:ring-4",
                   "focus-within:ring-ui-primary-100",
+                  "placeholder:!text-ui-note",
+                  "placeholder:text-ui-text-500",
                   "transition-colors duration-300",
                   icon && "pl-12",
                   isErrored && "border-ui-destructive-500",

package/dist/Atoms/Select/index.js

@@ -292,18 +292,20 @@ var SelectTrigger = forwardRef(({ className, children, ...props }, ref) => /* @_
     ref,
     className: cn(
       "flex items-center justify-between",
-      "h-10 w-full",
+      "h-9 w-full",
       "px-3 py-2",
-      "rounded-md border border-ui-primary-500",
+      "rounded-md border border-ui-border-400",
       "text-sm",
       "bg-ui-surface-50",
       "placeholder:text-ui-text-500",
       "focus:outline-none",
       "focus:ring-1",
       "focus:ring-offset-2",
+      "focus:border-ui-primary-500",
       "focus:ring-offset-ui-primary-200",
       "disabled:cursor-not-allowed",
       "disabled:opacity-50 [&>span]:line-clamp-1",
+      "transition-colors duration-300",
       className
     ),
     ...props,
@@ -387,7 +389,7 @@ var SelectLabel = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   SelectPrimitive.Label,
   {
     ref,
-    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    className: cn("py-1.5 pl-4 pr-2 text-sm font-semibold", className),
     ...props
   }
 ));
@@ -400,21 +402,23 @@ var SelectItem = forwardRef(({ className, children, ...props }, ref) => /* @__PU
       "relative",
       "flex items-center",
       "w-full",
-      "py-1.5 pl-8 pr-2",
+      "py-2 pl-4 pr-6",
       "rounded-sm",
       "text-sm",
       "cursor-pointer",
       "select-none",
       "outline-none",
-      "focus:bg-ui-primary-100",
-      "focus:text-ui-text-900",
+      "text-ui-text-600",
+      "focus:bg-ui-primary-50",
+      "focus:text-ui-text-800",
       "data-[disabled]:pointer-events-none",
       "data-[disabled]:opacity-50",
+      "transition-colors duration-200",
       className
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx2("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx2(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx2(Check, { className: "size-4" }) }) }),
+      /* @__PURE__ */ jsx2("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx2(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx2(Check, { size: 16 }) }) }),
       /* @__PURE__ */ jsx2(SelectPrimitive.ItemText, { children })
     ]
   }

package/dist/Atoms/UserAvatar/index.js

@@ -444,7 +444,7 @@ var UserAvatar = memo(({ fullname, email, src: source, size, isButton = true })
         "enabled:hover:shadow-ui-flat",
         "enabled:hover:scale-110"
       ),
-      children: source ? /* @__PURE__ */ jsx2(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size }) : /* @__PURE__ */ jsx2(
+      children: source.length === 0 ? /* @__PURE__ */ jsx2(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size }) : /* @__PURE__ */ jsx2(
         "img",
         {
           style: { width: size, height: size },

package/dist/Ecommerce/Categories/index.js

@@ -295,18 +295,20 @@ var SelectTrigger = forwardRef(({ className, children, ...props }, ref) => /* @_
     ref,
     className: cn(
       "flex items-center justify-between",
-      "h-10 w-full",
+      "h-9 w-full",
       "px-3 py-2",
-      "rounded-md border border-ui-primary-500",
+      "rounded-md border border-ui-border-400",
       "text-sm",
       "bg-ui-surface-50",
       "placeholder:text-ui-text-500",
       "focus:outline-none",
       "focus:ring-1",
       "focus:ring-offset-2",
+      "focus:border-ui-primary-500",
       "focus:ring-offset-ui-primary-200",
       "disabled:cursor-not-allowed",
       "disabled:opacity-50 [&>span]:line-clamp-1",
+      "transition-colors duration-300",
       className
     ),
     ...props,
@@ -390,7 +392,7 @@ var SelectLabel = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   SelectPrimitive.Label,
   {
     ref,
-    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    className: cn("py-1.5 pl-4 pr-2 text-sm font-semibold", className),
     ...props
   }
 ));
@@ -403,21 +405,23 @@ var SelectItem = forwardRef(({ className, children, ...props }, ref) => /* @__PU
       "relative",
       "flex items-center",
       "w-full",
-      "py-1.5 pl-8 pr-2",
+      "py-2 pl-4 pr-6",
       "rounded-sm",
       "text-sm",
       "cursor-pointer",
       "select-none",
       "outline-none",
-      "focus:bg-ui-primary-100",
-      "focus:text-ui-text-900",
+      "text-ui-text-600",
+      "focus:bg-ui-primary-50",
+      "focus:text-ui-text-800",
       "data-[disabled]:pointer-events-none",
       "data-[disabled]:opacity-50",
+      "transition-colors duration-200",
       className
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx2("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx2(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx2(Check, { className: "size-4" }) }) }),
+      /* @__PURE__ */ jsx2("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx2(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx2(Check, { size: 16 }) }) }),
       /* @__PURE__ */ jsx2(SelectPrimitive.ItemText, { children })
     ]
   }

package/dist/Molecules/UserDropdown/index.js

@@ -607,7 +607,7 @@ var UserAvatar = memo2(({ fullname, email, src: source, size, isButton = true })
         "enabled:hover:shadow-ui-flat",
         "enabled:hover:scale-110"
       ),
-      children: source ? /* @__PURE__ */ jsx5(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size }) : /* @__PURE__ */ jsx5(
+      children: source.length === 0 ? /* @__PURE__ */ jsx5(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size }) : /* @__PURE__ */ jsx5(
         "img",
         {
           style: { width: size, height: size },

package/dist/Organisms/Header/index.js

@@ -2062,7 +2062,7 @@ var UserAvatar = memo7(({ fullname, email, src: source, size, isButton = true })
         "enabled:hover:shadow-ui-flat",
         "enabled:hover:scale-110"
       ),
-      children: source ? /* @__PURE__ */ jsx24(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size }) : /* @__PURE__ */ jsx24(
+      children: source.length === 0 ? /* @__PURE__ */ jsx24(AvatarIcon_default, { bgColor: color_hash_default.hex(fullname + email), size }) : /* @__PURE__ */ jsx24(
         "img",
         {
           style: { width: size, height: size },

package/package.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/package",
   "name": "@customafk/lunas-ui",
   "private": false,
-  "version": "0.0.3-b",
+  "version": "0.0.3-d",
   "type": "module",
   "homepage": "https://docs.customafk.com",
   "repository": {