@apptimate/ui 4.4.0 → 4.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apptimate/ui",
-  "version": "4.4.0",
+  "version": "4.5.0",
   "main": "src/index.tsx",
   "types": "src/index.tsx",
   "dependencies": {

package/src/common-components/pickers/EntityPickerModal.tsx

@@ -171,6 +171,7 @@ export interface PickerTriggerProps {
   value?: string | null;
   placeholder?: string;
   isRequired?: boolean;
+  error?: string;
   onClick: () => void;
   onClear?: () => void;
 }
@@ -180,6 +181,7 @@ export function PickerTrigger({
   value,
   placeholder = "Select…",
   isRequired = false,
+  error,
   onClick,
   onClear,
 }: PickerTriggerProps) {
@@ -194,9 +196,11 @@ export function PickerTrigger({
         onClick={onClick}
         className={`
           w-full flex items-center justify-between px-3.5 py-2.5 bg-surface-0 border-[1.5px] rounded-[10px] text-[13.5px] text-left transition-all
-          ${value
-            ? "border-border-subtle text-foreground-1"
-            : "border-border-subtle text-foreground-disabled"
+          ${error 
+            ? "border-red-500 text-red-500" 
+            : value
+              ? "border-border-subtle text-foreground-1"
+              : "border-border-subtle text-foreground-disabled"
           }
           hover:border-gray-300 focus:outline-none focus:border-gray-300 focus:bg-surface-1
         `}
@@ -216,6 +220,7 @@ export function PickerTrigger({
           <Search size={14} className="text-gray-400" />
         </div>
       </button>
+      {error && <span className="text-xs text-red-500 mt-0.5">{error}</span>}
     </div>
   );
 }

package/src/common-components/pickers/PartyPicker.tsx

@@ -18,7 +18,7 @@ interface PartyPickerProps {
   label?: string;
   placeholder?: string;
   isRequired?: boolean;
-  partyType?: "customer" | "supplier" | "all";
+  partyType?: "customer" | "supplier" | "all" | "artisan";
   customTrigger?: (onClick: () => void) => React.ReactNode;
 }