@aivex/ui 1.1.0-dev.1 → 1.1.0-dev.2

package/dist/index.js

@@ -6494,34 +6494,47 @@ function Wi({ className: e, label: t, size: n = "md", indeterminate: r = !1, dis
 }
 //#endregion
 //#region src/components/Chips/Chips.tsx
-var Gi = t("aivex:relative aivex:overflow-hidden aivex:group aivex:inline-flex aivex:items-center aivex:justify-center aivex:gap-xs aivex:transition-colors aivex:cursor-pointer aivex:select-none aivex:focus-visible:outline-none aivex:focus-visible:ring-2 aivex:focus-visible:ring-border-brand aivex:disabled:pointer-events-none aivex:disabled:opacity-disable", {
+var Gi = t("aivex:relative aivex:overflow-hidden aivex:group aivex:inline-flex aivex:items-center aivex:justify-center aivex:gap-[2px] aivex:border aivex:transition-colors aivex:cursor-pointer aivex:select-none aivex:focus-visible:outline-none aivex:focus-visible:ring-2 aivex:focus-visible:ring-border-brand aivex:disabled:pointer-events-none aivex:disabled:opacity-disable", {
 	variants: {
 		shape: {
-			rectangle: "aivex:rounded-xs",
+			rectangle: "",
 			rounded: "aivex:rounded-full"
 		},
 		size: {
 			sm: "aivex:h-6 aivex:px-sm aivex:text-label-md",
-			md: "aivex:h-8 aivex:px-md aivex:text-label-lg"
+			md: "aivex:h-8 aivex:px-[10px] aivex:text-label-lg"
 		},
 		type: {
 			text: "",
 			icon: "aivex:px-0 aivex:aspect-square"
 		},
 		active: {
-			true: "aivex:bg-bg-brand-subtle aivex:text-text-brand aivex:border aivex:border-border-brand-subtle",
-			false: "aivex:bg-bg-secondary aivex:text-text-secondary aivex:border aivex:border-transparent"
+			true: "aivex:bg-bg-brand-subtle aivex:text-text-brand aivex:border-border-brand-subtle",
+			false: "aivex:bg-bg-primary aivex:text-text-primary aivex:border-border-default"
 		}
 	},
-	compoundVariants: [{
-		type: "icon",
-		size: "sm",
-		className: "aivex:w-6"
-	}, {
-		type: "icon",
-		size: "md",
-		className: "aivex:w-8"
-	}],
+	compoundVariants: [
+		{
+			shape: "rectangle",
+			size: "sm",
+			className: "aivex:rounded-sm"
+		},
+		{
+			shape: "rectangle",
+			size: "md",
+			className: "aivex:rounded-md"
+		},
+		{
+			type: "icon",
+			size: "sm",
+			className: "aivex:w-6"
+		},
+		{
+			type: "icon",
+			size: "md",
+			className: "aivex:w-8"
+		}
+	],
 	defaultVariants: {
 		shape: "rounded",
 		size: "md",